.reminder-layout{background:#0d0d0d;min-height:100vh;display:flex}.reminder-sidebar{background:#1a1a1a;border-right:1px solid #333;flex-direction:column;width:240px;padding:1rem 0;display:flex}.reminder-logo{margin-bottom:1rem;padding:1rem 1.5rem}.reminder-logo h1{color:#d4a853;margin:0;font-size:1.25rem}.reminder-logo span{color:#888;font-size:.75rem}.reminder-nav{flex:1}.reminder-nav-link{color:#ccc;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.reminder-nav-link:hover{color:#fff;background:#252525}.reminder-nav-link.active{color:#d4a853;background:#252525;border-left-color:#d4a853}.reminder-nav-link svg{opacity:.8;width:20px;height:20px}.reminder-nav-divider{background:#333;height:1px;margin:.75rem 1.5rem}.reminder-main{flex:1;padding:2rem;overflow-y:auto}.reminder-page-header{margin-bottom:2rem}.reminder-page-header h1{color:#fff;margin:0 0 .5rem;font-size:1.75rem}.reminder-page-header p{color:#888;margin:0}.reminder-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.reminder-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.reminder-card-title{color:#fff;margin:0;font-size:1.125rem}.reminder-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.reminder-stat-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.25rem}.reminder-stat-label{color:#888;margin-bottom:.5rem;font-size:.875rem}.reminder-stat-value{color:#fff;font-size:2rem;font-weight:600}.reminder-stat-value.gold{color:#d4a853}.reminder-stat-value.green{color:#4ade80}.reminder-stat-value.red{color:#f87171}.reminder-stat-sub{color:#666;margin-top:.25rem;font-size:.75rem}.reminder-table{border-collapse:collapse;width:100%}.reminder-table th,.reminder-table td{text-align:left;border-bottom:1px solid #333;padding:.75rem}.reminder-table th{color:#888;font-size:.875rem;font-weight:500}.reminder-table td{color:#fff}.reminder-table tr:hover td{background:#252525}.reminder-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.reminder-btn-primary{color:#000;background:#d4a853}.reminder-btn-primary:hover{background:#e5b963}.reminder-btn-secondary{color:#fff;background:#333}.reminder-btn-secondary:hover{background:#444}.reminder-btn-danger{color:#fff;background:#7f1d1d}.reminder-btn-danger:hover{background:#991b1b}.reminder-btn-ghost{color:#d4a853;background:0 0;border:1px solid #d4a853}.reminder-btn-ghost:hover{background:#d4a8531a}.reminder-btn-sm{padding:.375rem .75rem;font-size:.75rem}.reminder-form-group{margin-bottom:1.25rem}.reminder-form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.reminder-label{color:#888;margin-bottom:.5rem;font-size:.875rem;display:block}.reminder-input,.reminder-select,.reminder-textarea{color:#fff;background:#252525;border:1px solid #444;border-radius:6px;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.reminder-input:focus,.reminder-select:focus,.reminder-textarea:focus{border-color:#d4a853;outline:none}.reminder-input::placeholder{color:#666}.reminder-textarea{resize:vertical;min-height:100px}.reminder-checkbox-group{align-items:center;gap:.5rem;display:flex}.reminder-checkbox{accent-color:#d4a853;width:18px;height:18px}.reminder-status{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.reminder-status-scheduled{color:#60a5fa;background:#60a5fa33}.reminder-status-confirmed{color:#4ade80;background:#4ade8033}.reminder-status-completed{color:#94a3b8;background:#94a3b833}.reminder-status-cancelled{color:#f87171;background:#f8717133}.reminder-status-pending{color:#fbbf24;background:#fbbf2433}.reminder-status-sent{color:#60a5fa;background:#60a5fa33}.reminder-status-delivered{color:#4ade80;background:#4ade8033}.reminder-status-failed{color:#f87171;background:#f8717133}.reminder-empty{text-align:center;color:#888;padding:3rem}.reminder-empty h3{color:#fff;margin-bottom:.5rem}.reminder-loading{color:#888;justify-content:center;align-items:center;padding:3rem;display:flex}.reminder-activity-item{border-bottom:1px solid #333;gap:1rem;padding:.75rem 0;display:flex}.reminder-activity-item:last-child{border-bottom:none}.reminder-activity-icon{background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.reminder-activity-content{flex:1}.reminder-activity-text{color:#fff;margin-bottom:.25rem}.reminder-activity-time{color:#666;font-size:.75rem}.reminder-settings-section{margin-bottom:2rem}.reminder-settings-section h3{color:#d4a853;border-bottom:1px solid #333;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.reminder-connection{background:#252525;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.reminder-connection-icon{background:#333;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reminder-connection-info{flex:1}.reminder-connection-title{color:#fff;font-weight:500}.reminder-connection-status{color:#4ade80;font-size:.75rem}.reminder-connection-status.disconnected{color:#888}.reminder-alert{border-radius:8px;margin-bottom:1rem;padding:1rem}.reminder-alert-info{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa4d}.reminder-alert-success{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.reminder-alert-warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d}.reminder-alert-error{color:#f87171;background:#f871711a;border:1px solid #f871714d}.reminder-usage-bar{background:#333;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.reminder-usage-fill{background:#d4a853;border-radius:4px;height:100%;transition:width .3s}.reminder-usage-fill.warning{background:#fbbf24}.reminder-usage-fill.danger{background:#f87171}.reminder-modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reminder-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.reminder-modal-header{border-bottom:1px solid #333;padding:1.25rem 1.5rem}.reminder-modal-header h2{color:#fff;margin:0}.reminder-modal-body{padding:1.5rem}.reminder-modal-footer{border-top:1px solid #333;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.reminder-layout{flex-direction:column}.reminder-sidebar{border-bottom:1px solid #333;border-right:none;width:100%}.reminder-nav{padding:0 1rem;display:flex;overflow-x:auto}.reminder-nav-link{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:.75rem 1rem}.reminder-nav-link.active{border-bottom-color:#d4a853;border-left-color:#0000}.reminder-nav-divider{display:none}.reminder-main{padding:1rem}}
