.reminders-page{padding:0 0 40px}.reminders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}.reminders-filters{margin:30px 0}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:4px;background:#f1f5f9;border-radius:8px;max-width:-moz-fit-content;max-width:fit-content}.filter-tab{padding:10px 20px;background:none;border:none;border-radius:6px;font-size:14px;font-weight:500;color:var(--secondary);cursor:pointer;transition:all .2s}.filter-tab:hover{background:rgba(255,255,255,.5);color:var(--dark)}.filter-tab.active{background:white;color:var(--primary);box-shadow:0 2px 4px #0000001a}.reminders-list{display:flex;flex-direction:column;gap:20px}.reminder-card{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--border);transition:all .2s}.reminder-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.reminder-card.overdue{border-left-color:var(--danger)}.reminder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.reminder-type{display:flex;align-items:flex-start;gap:16px}.type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.reminder-title h3{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:4px}.reminder-title p{font-size:14px;color:var(--secondary);margin:0;max-width:500px}.type-badge{display:inline-block;margin-top:8px;padding:2px 10px;background:rgba(59,130,246,.1);color:#3b82f6;border-radius:12px;font-size:11px;font-weight:600}.reminder-actions{display:flex;align-items:center;gap:16px}.status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.status-pending{background:rgba(245,158,11,.1);color:var(--warning)}.status-pending:hover{background:rgba(245,158,11,.2)}.status-in-progress{background:rgba(59,130,246,.1);color:var(--primary)}.status-in-progress:hover{background:rgba(59,130,246,.2)}.status-completed{background:rgba(16,185,129,.1);color:var(--success)}.status-acknowledged{background:rgba(16,185,129,.1);color:var(--success);cursor:default}.status-sent{background:rgba(59,130,246,.1);color:var(--primary)}.status-completed:hover{background:rgba(16,185,129,.2)}.reminder-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;padding:20px;background:#f8fafc;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--secondary);font-weight:500}.detail-value{font-size:14px;font-weight:500;color:var(--dark);display:flex;align-items:center;gap:8px}.detail-value.overdue{color:var(--danger)}.overdue-badge{background:rgba(239,68,68,.1);color:var(--danger);font-size:11px;padding:2px 8px;border-radius:10px;margin-left:8px}.priority-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.reminder-footer{display:flex;justify-content:space-between;align-items:center}.progress-container{flex:1;max-width:300px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--secondary)}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.btn-sm{padding:8px 16px;font-size:13px}.quick-reminder{margin-top:40px;margin-bottom:40px;background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.quick-reminder h3{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:16px}.quick-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center}.quick-form input,.quick-form select{padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:white}.quick-form input:focus,.quick-form select:focus{outline:none;border-color:var(--primary)}.quick-form button{padding:10px 20px;white-space:nowrap}.empty-state{text-align:center;padding:60px;color:var(--secondary)}.empty-state i{font-size:48px;color:#cbd5e1;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:var(--dark);margin-bottom:8px}.empty-state p{font-size:14px;margin:0}@media (max-width: 768px){.reminder-header{flex-direction:column;gap:16px}.reminder-actions{width:100%;justify-content:space-between}.reminder-details{grid-template-columns:1fr}.reminder-footer{flex-direction:column;align-items:stretch;gap:16px}.progress-container{max-width:100%}.quick-form{grid-template-columns:1fr}}