:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{color:#e5e7eb;background:#0b0d12}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}:root{--bg:#0b0d12;--panel:#11141b;--panel-2:#151922;--border:#252a35;--text:#f3f4f6;--muted:#8b93a3;--accent:#8b5cf6;--accent-hover:#7c3aed;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}.app-root{background:var(--bg);min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:100;background:#0e1016;flex-direction:column;width:250px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:#fff;border-bottom:1px solid var(--border);align-items:center;height:72px;padding:0 24px;font-size:18px;font-weight:700;display:flex}.nav{flex-direction:column;gap:5px;padding:18px 12px;display:flex}.sidebar-link{color:#9ca3af;border-radius:9px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#171a22}.sidebar-link.active{color:#c4b5fd;box-shadow:inset 3px 0 0 var(--accent);background:#8b5cf629}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px}.btn-logout{color:#d1d5db;background:#171a21;border:1px solid #303642;border-radius:8px;width:100%;height:42px;font-size:14px}.btn-logout:hover{color:#fff;background:#20242d}.main-content{min-height:100vh;margin-left:250px;padding:32px 36px 50px}.page{width:100%;max-width:1400px;margin:0 auto}.page>h2{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.page>h2:after{content:"Overview";color:var(--muted);letter-spacing:0;margin-top:7px;font-size:13px;font-weight:400;display:block}.page>div:first-of-type{justify-content:flex-end;display:flex;margin-top:-38px!important;margin-bottom:24px!important}.btn-primary,.btn-secondary{border-radius:8px;min-height:38px;padding:0 16px;font-size:13px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:#e5e7eb;border:1px solid var(--border);background:#181c25}.btn-secondary:hover{background:#202530}.grid-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:0 8px 30px #0000002e}.grid-cards .card{min-height:140px}.card-title{color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:500}.card-value{color:#fff;letter-spacing:-.8px;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1}.muted{color:var(--muted)}.small{font-size:12px}.card h3{color:#f9fafb;margin:0 0 18px;font-size:15px;font-weight:600}.page>.card{margin-bottom:20px}.question-cell{flex-direction:column;gap:8px;max-width:400px;display:flex}.inline-link{color:#c4b5fd;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.status-badge{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#bbf7d0;background:#22c55e1f}.status-badge.inactive{color:#fcd34d;background:#f59e0b1f}.action-stack{flex-wrap:wrap;gap:8px;display:flex}.small-btn{min-height:30px;padding:0 10px;font-size:12px}.danger-btn{color:#fecaca;border-color:#ef444480}.table-wrap{overflow-x:auto}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.modal-overlay{z-index:1000;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:100%;max-width:980px}table{border-collapse:collapse;color:#d1d5db;font-size:13px}th{color:#8b93a3;text-align:left;border-bottom:1px solid var(--border);padding:11px 10px;font-weight:500}td{border-bottom:1px solid #20242d;padding:13px 10px}tbody tr:hover{background:#151922}.page a{color:#a78bfa;text-decoration:none}.page a:hover{color:#c4b5fd;text-decoration:underline}.form-error{color:#fca5a5;background:#7f1d1d1f;border-color:#ef444459}.center-screen{min-height:100vh;color:var(--muted);background:var(--bg);place-items:center;display:grid}.auth-page{background:radial-gradient(circle at top, #8b5cf61f, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:32px;box-shadow:0 20px 60px #00000059}.auth-card h2{color:#fff;margin:0 0 6px;font-size:24px}.label{color:#cbd5e1;margin:20px 0 7px;font-size:13px;font-weight:600;display:block}.auth-card input{color:#fff;background:#0b0e14;border:1px solid #303642;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61f}.password-row{gap:8px;display:flex}.password-row input{flex:1}.btn-ghost{color:#cbd5e1;background:#181c25;border:1px solid #303642;border-radius:8px;padding:0 12px}.auth-card .btn-primary{width:100%;height:44px;margin-top:22px}@media (width<=1100px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{width:210px}.main-content{margin-left:210px;padding:24px}.two-col{grid-template-columns:1fr}}@media (width<=620px){.sidebar{width:100%;height:auto;position:static}.nav{flex-direction:row;overflow-x:auto}.sidebar-footer{display:none}.main-content{margin-left:0;padding:20px 14px}.grid-cards{grid-template-columns:1fr}.page>div:first-of-type{justify-content:flex-start;margin-top:15px!important}}.push-page{max-width:1200px}.push-header{margin-bottom:24px}.push-header h2{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.push-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;display:grid}.push-compose-card{padding:26px}.push-section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:20px;display:flex}.push-section-heading h3{margin-bottom:5px;font-size:17px}.push-section-heading p{margin:0}.push-status-dot{color:#86efac;text-transform:uppercase;letter-spacing:.05em;background:#22c55e1a;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.push-status-dot:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #22c55ea6}.push-audience-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.push-mode{border:1px solid var(--border);min-height:78px;color:var(--text);text-align:left;background:#0d1016;border-radius:10px;padding:14px 16px;transition:all .2s}.push-mode:hover{background:#131720;border-color:#3c4352}.push-mode.active{border-color:var(--accent);background:#8b5cf61c;box-shadow:inset 0 0 0 1px #8b5cf62e}.push-mode-title,.push-mode-subtitle{display:block}.push-mode-title{color:#f9fafb;margin-bottom:5px;font-size:14px;font-weight:700}.push-mode.active .push-mode-title{color:#c4b5fd}.push-mode-subtitle{color:var(--muted);font-size:11px;line-height:1.45}.push-form{gap:20px;display:grid}.push-field label{color:#dbe1ea;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.push-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.push-label-row span{color:var(--muted);font-size:11px}.push-field input,.push-field select,.push-field textarea{color:#f3f4f6;background:#0b0e14;border:1px solid #303642;border-radius:9px;outline:none;width:100%;padding:0 13px;transition:all .2s}.push-field input,.push-field select{height:44px}.push-field textarea{resize:vertical;min-height:140px;padding-top:12px;padding-bottom:12px;line-height:1.5}.push-field input::placeholder,.push-field textarea::placeholder{color:#626b7b}.push-field input:focus,.push-field select:focus,.push-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61f}.push-field select:disabled{opacity:.6;cursor:not-allowed}.push-error{color:#fca5a5;margin-top:8px;font-size:12px}.push-form-footer{justify-content:space-between;align-items:center;gap:20px;padding-top:4px;display:flex}.push-form-footer .muted{max-width:520px;line-height:1.5}.push-send-btn{border:1px solid #0000;min-width:180px;height:42px}.push-send-btn:disabled{opacity:.6;cursor:not-allowed}.push-result{color:#ddd6fe;background:#8b5cf614;border:1px solid #8b5cf647;border-radius:9px;padding:12px 14px;font-size:13px}.push-info-card{padding:24px}.push-info-card h3{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:16px}.push-info-item{border-bottom:1px solid #20242d;grid-template-columns:34px 1fr;align-items:start;gap:12px;padding:15px 0;display:grid}.push-info-item:last-child{border-bottom:none;padding-bottom:0}.push-info-icon{color:#c4b5fd;background:#8b5cf61f;border-radius:8px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.push-info-item strong{color:#e5e7eb;margin-bottom:5px;font-size:13px;display:block}.push-info-item p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}@media (width<=1000px){.push-layout{grid-template-columns:1fr}.push-info-card{display:none}}@media (width<=620px){.push-audience-toggle{grid-template-columns:1fr}.push-form-footer{flex-direction:column;align-items:stretch}.push-send-btn{width:100%}}.plans-page{max-width:1400px}.plans-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.plans-header h2{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.plans-count{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:300px;padding:24px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 8px 30px #0000002e}.plan-card:hover{border-color:#353b48;transform:translateY(-1px)}.plan-card.is-editing{border-color:#8b5cf6a6;box-shadow:0 8px 30px #0000002e,0 0 0 1px #8b5cf614}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.plan-card-top h3{color:#f9fafb;margin:5px 0 0;font-size:19px;font-weight:700}.plan-id{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.plan-edit-badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;background:#8b5cf61f;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.plan-price{color:#fff;letter-spacing:-1px;align-items:flex-start;min-height:50px;margin-bottom:18px;font-size:36px;font-weight:750;line-height:1;display:flex}.plan-currency{color:#c4b5fd;margin-top:4px;margin-right:3px;font-size:18px;font-weight:700}.plan-free{color:#86efac;font-size:30px}.plan-description{color:var(--muted);flex:1;margin:0 0 24px;font-size:13px;line-height:1.65}.plan-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.plan-status{color:#86efac;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.plan-status>span{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #22c55e80}.plan-edit-form{gap:16px;display:grid}.plan-field label{color:#dbe1ea;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.plan-field input,.plan-field textarea{color:#f3f4f6;background:#0b0e14;border:1px solid #303642;border-radius:8px;outline:none;width:100%;padding:0 12px;transition:all .2s}.plan-field input{height:42px}.plan-field textarea{resize:vertical;min-height:110px;padding-top:11px;padding-bottom:11px;line-height:1.5}.plan-field input:focus,.plan-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61f}.plan-actions{flex-wrap:wrap;gap:9px;padding-top:4px;display:flex}.plan-actions .btn-primary,.plan-actions .btn-secondary{border:1px solid var(--border)}.plans-message{border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:13px}.plans-message-success{color:#bbf7d0;background:#22c55e14;border:1px solid #22c55e4d}.plans-message-error{color:#fca5a5;background:#7f1d1d1f;border:1px solid #ef444459}.plans-message-error div{margin-top:5px}@media (width<=1000px){.plan-grid{grid-template-columns:1fr}}@media (width<=620px){.plans-header{flex-direction:column}.plan-card{min-height:auto}.plan-card-footer{flex-direction:column;align-items:stretch}.plan-card-footer .btn-secondary{width:100%}}.support-page{max-width:1400px}.support-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.support-header h2{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.support-ticket-count{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.support-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.support-stat-card{flex-direction:column;min-height:132px;padding:20px 22px;display:flex}.support-stat-label{color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:600}.support-stat-card strong{color:#fff;margin-bottom:9px;font-size:30px;font-weight:700;line-height:1}.support-table-card{padding:0;overflow:hidden}.support-table-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 18px;display:flex}.support-table-heading h3{margin:0 0 5px;font-size:16px}.support-table-heading p{margin:0}.support-table{width:100%}.support-table th{text-transform:uppercase;letter-spacing:.05em;background:#0e1117;padding:13px 18px;font-size:11px}.support-table td{padding:16px 18px}.support-ticket-id{color:#c4b5fd;background:#8b5cf61a;border-radius:7px;justify-content:center;align-items:center;min-width:42px;min-height:28px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.support-student{color:#f3f4f6;font-size:13px}.support-priority{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.support-priority-high{color:#fca5a5;background:#ef44441f}.support-priority-medium{color:#fcd34d;background:#f59e0b1f}.support-priority-low{color:#86efac;background:#22c55e1a}.support-status{align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.support-status>span{border-radius:50%;width:7px;height:7px}.support-status-open{color:#fcd34d}.support-status-open>span{background:var(--warning);box-shadow:0 0 8px #f59e0b73}.support-status-closed{color:#86efac}.support-status-closed>span{background:var(--success);box-shadow:0 0 8px #22c55e73}.support-empty{text-align:center;padding:32px 24px;font-size:13px}@media (width<=900px){.support-stats{grid-template-columns:1fr}}@media (width<=620px){.support-header{flex-direction:column}}