:root{--bg-main:#0a0d16;--bg-panel:#111625;--bg-sidebar:#0b0f19;--bg-input:#1b2030;--text-main:#f3f4f6;--text-muted:#8595a8;--border-color:#ffffff12;--line:#ffffff0d;--accent-blue:#08f;--accent-blue-hover:#33a3ff;--accent-blue-glow:#08f3;--accent-orange:#f39a00;--accent-orange-hover:#ffad1f;--accent-orange-glow:#f39a0033;--accent-green:#10b981;--accent-green-glow:#10b98126;--accent-red:#ef4444;--accent-red-glow:#ef444426;--radius:12px;--radius-sm:8px;--shadow-lg:0 20px 40px #0006;--font:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg-main);color:var(--text-main);height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}.login-wrapper{background:radial-gradient(circle at 10% 20%,#101626 0%,#060911 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.glow-circle{filter:blur(120px);opacity:.15;pointer-events:none;z-index:1;border-radius:50%;position:absolute}.glow-1{background:var(--accent-blue);width:500px;height:500px;animation:20s infinite alternate float;top:-100px;right:-100px}.glow-2{background:var(--accent-orange);width:600px;height:600px;animation:25s infinite alternate-reverse float;bottom:-150px;left:-150px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-20px,-50px)scale(.9)}}.login-card{z-index:2;border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);width:min(440px,100% - 32px);box-shadow:var(--shadow-lg);opacity:0;background:#111625bf;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{border:2px solid var(--accent-orange);width:54px;height:54px;color:var(--accent-blue);background:#fff;border-radius:50%;place-items:center;margin-bottom:16px;font-size:16px;font-weight:900;display:inline-grid;box-shadow:0 0 20px #f39a0033}.login-title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-muted);font-size:14px}.form-group{margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:48px;color:var(--text-main);outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:15px;font-weight:700;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn:hover{background:var(--accent-blue-hover);box-shadow:0 0 15px var(--accent-blue-glow)}.btn:active{transform:translateY(1px)}.btn-orange{background:var(--accent-orange)}.btn-orange:hover{background:var(--accent-orange-hover);box-shadow:0 0 15px var(--accent-orange-glow)}.login-error{border-radius:var(--radius-sm);color:var(--accent-red);text-align:center;background:#ef44441a;border:1px solid #ef44444d;margin-top:18px;padding:12px;font-size:13px;font-weight:600;display:none}.admin-container{background-color:var(--bg-main);width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:280px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo{border:2px solid var(--accent-orange);width:38px;height:38px;color:var(--accent-blue);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.sidebar-title{color:var(--text-main);letter-spacing:-.02em;font-size:18px;font-weight:900}.sidebar-nav{flex-direction:column;flex-grow:1;gap:6px;padding:24px 16px;display:flex}.nav-item{border-radius:var(--radius-sm);width:100%;height:46px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.nav-item svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.is-active{background:var(--accent-blue-glow);color:var(--accent-blue-hover);border:1px solid #0088ff26}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--accent-blue);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.user-info{overflow:hidden}.user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.btn-logout{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:38px;color:var(--accent-red);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-logout:hover{background:#ef444414;border-color:#ef444433}.main-content{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.page-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.actions-bar{align-items:center;gap:12px;display:flex}.btn-action{height:38px;padding:0 16px;font-size:13px;font-weight:700}.tab-content{flex-grow:1;padding:32px;display:none;overflow-y:auto}.tab-content.is-active{display:block}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px;display:grid}.kpi-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;padding:24px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.kpi-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:13px;font-weight:700}.kpi-icon-wrapper{border-radius:var(--radius-sm);place-items:center;width:40px;height:40px;display:grid}.kpi-icon-wrapper.blue{background:var(--accent-blue-glow);color:var(--accent-blue-hover)}.kpi-icon-wrapper.orange{background:var(--accent-orange-glow);color:var(--accent-orange-hover)}.kpi-icon-wrapper.green{background:var(--accent-green-glow);color:var(--accent-green)}.kpi-icon-wrapper svg{stroke:currentColor;stroke-width:2px;fill:none;width:22px;height:22px}.kpi-value{letter-spacing:-.02em;margin-bottom:8px;font-size:36px;font-weight:800;line-height:1}.kpi-desc{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.kpi-sub-stats{border-top:1px solid var(--line);gap:16px;margin-top:14px;padding-top:14px;font-size:12px;display:flex}.kpi-sub-item{align-items:center;gap:6px;display:flex}.kpi-bullet{border-radius:50%;width:8px;height:8px}.kpi-bullet.orange{background:var(--accent-orange)}.kpi-bullet.blue{background:var(--accent-blue)}.kpi-bullet.green{background:var(--accent-green)}.dashboard-row{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:32px;display:grid}@media (width<=1100px){.dashboard-row{grid-template-columns:1fr}}.panel-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;box-shadow:0 4px 20px #0000001a}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title{letter-spacing:-.01em;font-size:16px;font-weight:800}.table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-wrapper{flex-grow:1;max-width:320px;position:relative}.search-input{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-main);outline:none;padding:8px 16px 8px 40px;font-size:14px}.search-input:focus{border-color:var(--accent-blue)}.search-icon{width:20px;height:20px;color:var(--text-muted);position:absolute;top:10px;left:14px}.filter-group{align-items:center;gap:10px;display:flex}.select-filter{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:40px;color:var(--text-main);cursor:pointer;outline:none;padding:0 16px;font-size:14px}.select-filter:focus{border-color:var(--accent-blue)}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-panel);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;padding:14px 20px;font-size:12px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);color:var(--text-main);vertical-align:middle;padding:16px 20px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#ffffff03}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.orange{color:var(--accent-orange-hover);background:#f39a001a}.badge.blue{color:var(--accent-blue-hover);background:#0088ff1a}.badge.green{color:var(--accent-green);background:#10b9811a}.action-buttons{align-items:center;gap:8px;display:flex}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;place-items:center;transition:all .2s;display:grid}.btn-icon:hover{color:var(--text-main);background:#ffffff0a}.btn-icon.red:hover{background:var(--accent-red-glow);color:var(--accent-red);border-color:#ef44444d}.btn-icon.blue:hover{background:var(--accent-blue-glow);color:var(--accent-blue-hover);border-color:#0088ff4d}.table-select{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:32px;color:var(--text-main);cursor:pointer;outline:none;padding:0 10px;font-size:12px;font-weight:700}.table-select:focus{border-color:var(--accent-blue)}.quiz-list{flex-direction:column;gap:20px;display:flex}.quiz-stat-row{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px}.quiz-stat-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.quiz-stat-title{color:var(--text-main);font-size:15px;font-weight:700}.quiz-stat-meta{color:var(--accent-blue-hover);white-space:nowrap;font-size:13px;font-weight:700}.quiz-stat-bar-container{background:var(--bg-input);border-radius:99px;height:12px;position:relative;overflow:hidden}.quiz-stat-bar{background:linear-gradient(90deg, var(--accent-orange), var(--accent-green));border-radius:99px;height:100%;transition:width .6s}.quiz-stat-legend{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.message-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:16px;padding:24px;transition:border-color .2s;box-shadow:0 4px 20px #0000001a}.message-card.is-unread{border-left:4px solid var(--accent-orange)}.message-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.message-sender{align-items:center;gap:12px;display:flex}.message-avatar{width:40px;height:40px;color:var(--accent-orange);background:#ffffff0a;border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}.message-sender-name{font-size:15px;font-weight:700}.message-sender-email,.message-date{color:var(--text-muted);font-size:12px}.message-body{color:var(--text-main);background:var(--bg-sidebar);border-radius:var(--radius-sm);white-space:pre-wrap;border:1px solid #ffffff08;margin-bottom:14px;padding:16px;font-size:14px}.message-actions{justify-content:flex-end;gap:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;place-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-backdrop.is-active{display:grid}.modal-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);width:min(540px,100%);box-shadow:var(--shadow-lg);padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.modal-title{color:var(--text-main);margin-bottom:12px;font-size:20px;font-weight:800}.modal-desc{color:var(--text-muted);margin-bottom:24px;font-size:14px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border-color);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-main);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#111625e6;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;transform:translate(120%)}.toast.is-active{opacity:1;transform:translate(0)}.toast.success{border-left-color:var(--accent-green)}.toast.error{border-left-color:var(--accent-red)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state-icon{opacity:.6;margin-bottom:16px;font-size:40px}.empty-state-title{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:700}.empty-state-desc{max-width:280px;margin:0 auto;font-size:13px}@media (width<=768px){.admin-container{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border-color);width:100%;height:auto}.sidebar-header{padding:16px}.sidebar-nav{flex-direction:row;gap:8px;padding:8px 16px;overflow-x:auto}.nav-item{white-space:nowrap;width:auto}.sidebar-footer{display:none}.main-content{height:calc(100vh - 120px)}.top-bar{padding:0 16px}.tab-content{padding:16px}}.btn-input-action{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:48px;height:48px;color:var(--text-muted);flex-shrink:0;place-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid}.btn-input-action:hover{border-color:var(--accent-blue);color:var(--text-main);background-color:#ffffff0d;transform:translateY(-1px)}.btn-input-action:active{transform:translateY(1px)}.realtime-status-badge{color:#10b981;letter-spacing:.03em;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#10b98114;border:1px solid #10b98129;border-radius:9999px;align-items:center;gap:8px;margin-right:8px;padding:6px 14px;font-size:11px;font-weight:800;transition:all .25s;display:inline-flex}.realtime-status-badge:hover{background:#10b9811f;border-color:#10b98140;transform:translateY(-1px)}.realtime-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s cubic-bezier(.66,0,0,1) infinite realtime-glow;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes realtime-glow{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.kpi-card.mini{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.kpi-card.mini:hover{box-shadow:var(--shadow-md);border-color:#ffffff14;transform:translateY(-2px)}.kpi-value.mini{color:var(--text-main);margin:0;font-size:26px;font-weight:900;line-height:1}.kpi-value.mini.yellow{color:var(--accent-orange)}.kpi-value.mini.green{color:var(--accent-green)}.kpi-value.mini.blue{color:var(--accent-blue-hover)}.mini-kpi-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:900}.mini-kpi-badge.grey{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a}.mini-kpi-badge.yellow{color:var(--accent-orange);background:#f39a001a;border:1px solid #f39a0033}.mini-kpi-badge.green{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133}.mini-kpi-badge.blue{color:var(--accent-blue-hover);background:#3b82f61a;border:1px solid #3b82f633}.sub-tab-btn{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sub-tab-btn:hover{color:var(--text-main)!important;background-color:#ffffff0a!important}.sub-tab-btn.is-active{color:var(--accent-orange)!important;background-color:#ffffff0f!important}.switch-container input:checked+.switch-slider{background-color:#10b981!important;border-color:#10b981!important}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0006}.switch-container input:checked+.switch-slider:before{transform:translate(20px)}.forgot-password-link{text-align:right;color:var(--accent-orange);margin-top:5px;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.forgot-password-link:hover{color:#ffb84d;text-decoration:underline}.btn-outline{color:#fff;background:0 0;border:1px solid #fff3;transition:all .3s}.btn-outline:hover{background:#ffffff1a;border-color:#fff6}