.maintenance-container{padding:24px;background-color:#f8fafc;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1e293b}.maintenance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.maintenance-header h1{margin:0 0 6px;font-size:24px;font-weight:700;color:#0f172a}.maintenance-header p{margin:0;color:#64748b;font-size:14px}.btn-notify-broadcast{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #3b82f64d}.btn-notify-broadcast:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.alert-success-banner{background-color:#ecfdf5;border-left:4px solid #10b981;color:#065f46;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert-error-banner{background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.status-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#fff;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px 3px #0000000d;border-left:4px solid transparent}.metric-total{border-left-color:#64748b}.metric-active{border-left-color:#10b981}.metric-maintenance{border-left-color:#f59e0b}.metric-coming-soon{border-left-color:#8b5cf6}.metric-under-testing{border-left-color:#3b82f6}.metric-num{font-size:28px;font-weight:800;color:#0f172a}.metric-label{font-size:13px;color:#64748b;margin-top:4px;font-weight:500}.bulk-toolbar{background:#fff;padding:14px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;font-size:14px}.bulk-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-toolbar-right span{font-size:13px;font-weight:600;color:#64748b}.bulk-toolbar-right button{padding:7px 12px;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bulk-toolbar-right button:hover:not(:disabled){background:#e2e8f0}.bulk-toolbar-right button:disabled{opacity:.5;cursor:not-allowed}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.service-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000d;border:2px solid #e2e8f0;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.selected-card{border-color:#3b82f6!important;background-color:#f0f9ff}.status-border-active{border-top:4px solid #10b981}.status-border-maintenance{border-top:4px solid #f59e0b}.status-border-coming_soon{border-top:4px solid #8b5cf6}.status-border-under_testing{border-top:4px solid #3b82f6}.service-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.service-card-title-group{display:flex;align-items:center;gap:10px}.service-icon{font-size:24px}.service-card-title-group h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.service-category{font-size:11px;background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px;font-weight:500}.status-pill{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pill-active{background:#dcfce7;color:#15803d}.pill-maintenance{background:#fef3c7;color:#b45309}.pill-coming_soon{background:#f3e8ff;color:#6b21a8}.pill-under_testing{background:#dbeafe;color:#1e40af}.service-desc{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.4}.status-selector-group{margin-bottom:14px}.status-selector-group label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:4px}.status-select{width:100%;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid #cbd5e1;outline:none}.select-active{background-color:#f0fdf4;color:#166534}.select-maintenance{background-color:#fffbeb;color:#92400e}.select-coming_soon{background-color:#faf5ff;color:#581c87}.select-under_testing{background-color:#eff6ff;color:#1e40af}.notice-inputs{background:#f8fafc;padding:12px;border-radius:6px;margin-bottom:14px;border:1px solid #e2e8f0}.input-row{margin-bottom:8px}.input-row:last-child{margin-bottom:0}.input-row label{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:2px}.input-row input{width:100%;padding:6px 10px;border-radius:4px;border:1px solid #cbd5e1;font-size:12px;box-sizing:border-box}.service-card-footer{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.btn-secondary-sm{flex:1;background:#fff;border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#334155}.btn-primary-sm{flex:1;background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-secondary-sm .material-symbols-outlined,.btn-primary-sm .material-symbols-outlined{font-size:18px!important;line-height:1!important;color:inherit!important;vertical-align:middle}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:14px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;padding:24px}.modal-lg{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2,.modal-header h3{margin:0;font-size:18px;font-weight:700}.btn-close{background:transparent;border:none;font-size:20px;cursor:pointer;color:#64748b}.notify-form .form-group{margin-bottom:16px}.notify-form label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:#334155}.notify-form input[type=text],.notify-form textarea,.datetime-picker{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px;box-sizing:border-box}.target-services-chips{display:flex;flex-wrap:wrap;gap:8px;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.chip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;padding:4px 10px;border-radius:16px;font-size:12px;cursor:pointer;font-weight:500}.chip-active{background:#dbeafe;border-color:#3b82f6;color:#1e40af;font-weight:600}.form-row-checkboxes{display:flex;gap:20px;margin-bottom:16px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.schedule-toggle-group{background:#f1f5f9;padding:12px;border-radius:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer}.btn-submit{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}.modal-preview-container{max-width:800px;padding:0;overflow:hidden}.modal-preview-container .modal-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;margin:0}.preview-screen-wrapper{padding:40px;background:#0f172a;min-height:400px;display:flex;justify-content:center;align-items:center}.status-screen{background:#fff;border-radius:16px;padding:40px;text-align:center;max-width:500px;width:100%;box-shadow:0 25px 50px -12px #00000040}.status-icon-animated{font-size:56px;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-screen h1{font-size:22px;font-weight:800;margin:0 0 8px;color:#0f172a}.status-sub{font-size:14px;color:#64748b;margin-bottom:20px}.notice-card{background:#fffbeb;border:1px solid #fef3c7;padding:14px;border-radius:8px;text-align:left;font-size:13px;color:#92400e;margin-bottom:20px}.warning-notice{background:#eff6ff;border-color:#dbeafe;color:#1e40af}.preview-retry-btn,.preview-tester-login{background:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.preview-notify-box{display:flex;gap:8px}.preview-notify-box input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1}.preview-notify-box button{background:#8b5cf6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600}.notification-logs-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.notification-logs-section h2{font-size:18px;margin:0 0 16px}.logs-table{width:100%;border-collapse:collapse}.logs-table th,.logs-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:13px}.logs-table th{background:#f8fafc;color:#475569;font-weight:600}.channel-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-right:4px}.badge-email{background:#e0e7ff;color:#3730a3}.badge-sms{background:#dcfce7;color:#166534}.log-status{font-weight:700;font-size:11px;padding:2px 6px;border-radius:4px}.log-status-sent{background:#dcfce7;color:#15803d}.log-status-scheduled{background:#fef3c7;color:#b45309}.security-2fa-panel{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.security-panel-header h2{font-size:18px;font-weight:700;margin:0 0 4px;color:#0f172a}.security-panel-header p{margin:0 0 16px;font-size:13px;color:#64748b}.security-toggles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.tfa-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.tfa-active{border-color:#10b981;background-color:#f0fdf4}.tfa-info{display:flex;align-items:center;gap:12px;flex:1;padding-right:12px}.tfa-icon{font-size:28px;display:flex;align-items:center;justify-content:center}.tfa-icon .material-symbols-outlined{font-family:Material Symbols Outlined!important;font-size:32px;color:#4f46e5;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.tfa-info h3{margin:0 0 4px;font-size:15px;font-weight:700;color:#0f172a}.tfa-info p{margin:0;font-size:12px;color:#64748b;line-height:1.3}.tfa-toggle-btn{padding:10px 18px;border-radius:8px;font-weight:700;font-size:13px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}.btn-tfa-on{background:#10b981;color:#fff;box-shadow:0 4px 10px #10b9814d}.btn-tfa-off{background:#94a3b8;color:#fff}.tfa-toggle-btn:hover{transform:translateY(-1px)}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1d2530;background:linear-gradient(140deg,#f4f8ff,#e9f5f0)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}a{color:inherit;text-decoration:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:100%;max-width:360px;background:#fff;border:1px solid #d7e0ea;border-radius:14px;padding:20px;display:grid;gap:10px}input,button,select,textarea{padding:10px 12px;border-radius:8px;border:1px solid #cfd8e3}textarea{resize:vertical;font:inherit}button{cursor:pointer;background:#0b6e4f;color:#fff;border:none;font-weight:600}button.danger{background:#b42318}.layout{height:100vh;display:grid;grid-template-columns:220px 1fr;overflow:hidden}.sidebar{background:#112139;color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px;height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar nav{display:grid;gap:8px}.sidebar a{padding:10px;border-radius:8px;opacity:.86}.sidebar .nav-button{background:transparent;border:0;color:#fff;font:inherit;padding:10px;text-align:left;opacity:.86}.sidebar a.active{background:#fff2;opacity:1}.content{padding:20px;height:100vh;overflow-y:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.page-head h1{margin:4px 0 0}.eyebrow{margin:0;color:#5f6b7a;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.page-count{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #d7e0ea;color:#4f5d6f;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid #d7e0ea;border-radius:12px;padding:12px}.stat-card p{margin:0;color:#5f6b7a}.stat-card h2{margin:10px 0 0}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.panel-card{background:#fff;border:1px solid #d7e0ea;border-radius:12px;padding:14px}.panel-card h2{margin-top:0}.panel-head-inline{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head-inline h2{margin:4px 0 0}.form-panel{margin-bottom:16px}.plan-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.plan-form label{display:grid;gap:6px;font-weight:600;color:#314155}.full-width{grid-column:1 / -1}.checkbox-field{display:flex!important;align-items:center;gap:8px;padding-top:30px}.checkbox-field input{width:18px;height:18px;margin:0}.form-actions{display:flex;justify-content:flex-end}.plan-list{display:grid;gap:12px}.plan-card{border:1px solid #d7e0ea;border-radius:12px;padding:14px;background:linear-gradient(140deg,#fff,#f8fbff)}.plan-card.muted{opacity:.72}.plan-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.plan-card-head h3,.plan-card-head p,.plan-copy,.plan-meta{margin:0}.plan-copy{margin-top:10px;color:#4f5d6f}.plan-meta{margin-top:8px;color:#5f6b7a;font-size:.92rem}.feature-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.feature-pill{padding:6px 10px;border-radius:999px;background:#eef5ff;border:1px solid #d7e0ea;color:#28415f;font-size:.9rem}.helper-copy{margin:0;color:#4f5d6f}.status-badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid #d7e0ea;background:#eef5ff;color:#28415f;font-weight:800;font-size:.78rem}.status-badge.active{background:#dcfce7;border-color:#bbf7d0;color:#166534}.status-badge.pending{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.muted-text{color:#6b7280;font-weight:700}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center}.bar-track{height:10px;border-radius:999px;background:#eef2f7;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0b6e4f,#39a97c)}.bar-fill.alt{background:linear-gradient(90deg,#1f4fd3,#5aa0ff)}.status-stack{display:grid;gap:12px}.status-pill-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:linear-gradient(140deg,#f8fbff,#eef5ff)}.status-pill-card p,.status-pill-card h3{margin:0}.status-pill-card h3{margin-top:8px;font-size:1.4rem}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #d7e0ea;border-radius:12px}.table-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#11213994}.modal-card{width:min(920px,100%);max-height:90vh;overflow-y:auto;background:#fff;border:1px solid #d7e0ea;border-radius:12px;padding:16px;box-shadow:0 24px 80px #11213947}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #edf1f5;text-align:left;padding:10px;white-space:nowrap}.error{color:#b42318;font-weight:600}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;flex-direction:row;align-items:center;justify-content:space-between;height:auto;max-height:40vh}.sidebar nav{display:flex}.analysis-grid,.bar-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11213980;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-card{background:#fff;border-radius:12px;box-shadow:0 12px 36px #11213926;width:100%;max-width:460px;padding:24px;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-card h2{font-size:20px;font-weight:600;color:#112139;margin:0 0 12px}.modal-card p{color:#616e80;font-size:14px;margin:0 0 20px;line-height:1.5}.modal-form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.modal-form-group label{font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.modal-form-group input{width:100%;padding:10px 12px;border:1px solid #cfd8e3;border-radius:8px;font-size:14px;background:#fafafa;transition:all .2s;color:#1d2530}.modal-form-group input:focus{border-color:#0b6e4f;background:#fff;outline:none;box-shadow:0 0 0 3px #0b6e4f1a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions button{padding:10px 18px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.modal-actions button.primary{background:#0b6e4f;color:#fff}.modal-actions button.primary:hover{background:#08523b}.modal-actions button.cancel{background:#f4f8ff;color:#1d2530;border:1px solid #cfd8e3}.modal-actions button.cancel:hover{background:#e9f0fa}.modal-actions button.danger{background:#b42318;color:#fff}.modal-actions button.danger:hover{background:#911c13}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.downloads-page{padding:20px;max-width:1200px;margin:0 auto}.downloads-page h1{margin-bottom:30px;color:#333;font-size:2rem}.downloads-page h2{margin-bottom:20px;color:#555;font-size:1.3rem}.error-message{background-color:#fee;color:#c33;border:1px solid #fcc;padding:12px;border-radius:4px;margin-bottom:20px}.upload-form{background:#fff;border:1px solid #ddd;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:18px;display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:600;color:#333;font-size:.95rem}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0b6e4f;box-shadow:0 0 0 3px #0b6e4f1a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.upload-form button{background-color:#0b6e4f;color:#fff;padding:12px 24px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:10px}.upload-form button:hover:not(:disabled){background-color:#094a38}.upload-form button:disabled{background-color:#ccc;cursor:not-allowed}.downloads-list{background:#fff;border:1px solid #ddd;border-radius:8px;padding:25px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.downloads-list table{width:100%;border-collapse:collapse;font-size:.95rem}.downloads-list th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.downloads-list td{padding:12px;border-bottom:1px solid #eee}.downloads-list tr:hover{background-color:#f9f9f9}.downloads-list .status{display:inline-block;padding:4px 8px;border-radius:3px;font-size:.85rem;font-weight:600}.downloads-list .status.active{background-color:#e8f5e9;color:#2e7d32}.downloads-list .status.inactive{background-color:#ffebee;color:#c62828}.downloads-list a{color:#0b6e4f;text-decoration:none;font-weight:500}.downloads-list a:hover{text-decoration:underline}@media (max-width: 768px){.downloads-page{padding:15px}.downloads-page h1{font-size:1.5rem;margin-bottom:20px}.upload-form,.downloads-list{padding:15px}.downloads-list table{font-size:.85rem}.downloads-list th,.downloads-list td{padding:8px}}