@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg1: #0a0a0f;--bg2: #111118;--bg3: #16161f;--glass: rgba(255,255,255,.03);--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-soft: linear-gradient(135deg, rgba(102,126,234,.15) 0%, rgba(118,75,162,.15) 100%);--border: rgba(255,255,255,.07);--border-hover: rgba(102,126,234,.3);--txt1: #f8fafc;--txt2: #94a3b8;--txt3: #475569;--green: #10b981;--red: #ef4444;--yellow: #f59e0b;--blue: #3b82f6;--purple: #8b5cf6;--accent: #667eea;--sidebar-w: 268px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg1);color:var(--txt1);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh}.main-wrap{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.page-body{flex:1;overflow-y:auto;padding:28px 32px;background:var(--bg1)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.hidden{display:none!important}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:28px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:#10b9811f;color:var(--green)}.badge-red{background:#ef44441f;color:var(--red)}.badge-yellow{background:#f59e0b1f;color:var(--yellow)}.badge-blue{background:#3b82f61f;color:var(--blue)}.badge-purple{background:#8b5cf61f;color:var(--purple)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 16px #667eea40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #667eea66}.btn-secondary{background:var(--glass);border-color:var(--border);color:var(--txt2)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--txt1)}.btn-danger{background:#ef44441a;border-color:#ef444433;color:var(--red)}.btn-danger:hover{background:#ef444433}.input{width:100%;padding:12px 16px;background:var(--glass);border:1px solid var(--border);border-radius:12px;color:var(--txt1);font-size:14px;transition:all .2s;font-family:inherit}.input:focus{outline:none;border-color:#667eea66;box-shadow:0 0 0 3px #667eea14}.input::placeholder{color:var(--txt3)}.input-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--txt2)}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead{background:#ffffff05}th{padding:14px 20px;text-align:left;font-size:11px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)}td{padding:16px 20px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.03)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .2s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-num{font-size:32px;font-weight:800;line-height:1}.stat-lbl{font-size:13px;color:var(--txt2);margin-top:4px}.filters-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-select{padding:9px 14px;background:var(--glass);border:1px solid var(--border);border-radius:10px;color:var(--txt1);font-size:13px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--border-hover)}.search-input{flex:1;min-width:200px;padding:9px 14px 9px 38px;background:var(--glass);border:1px solid var(--border);border-radius:10px;color:var(--txt1);font-size:13px;position:relative}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--txt3);width:16px;height:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .35s cubic-bezier(.4,0,.2,1)}.spin{animation:spin 1s linear infinite}:root{--bottom-nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}.hamburger-btn{display:none}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn .2s ease}.sidebar-backdrop.open{display:block}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#111118f7;border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;display:none;align-items:stretch}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:#475569;font-size:10px;font-weight:600;cursor:pointer;padding:8px 4px;transition:all .15s;font-family:inherit;letter-spacing:.3px;text-transform:uppercase}.bottom-nav-btn.active{color:#a5b4fc}.bottom-nav-btn.active svg{color:#a5b4fc}.bottom-nav-btn .bnav-badge{position:absolute;top:6px;right:calc(50% - 16px);background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center}.bottom-nav-btn{position:relative}@media(max-width:768px){.main-wrap,.page-body{overflow-x:hidden!important}.animate-in{max-width:100%;overflow-x:hidden}.sidebar-desktop{position:fixed!important;left:-280px!important;top:0;bottom:0;width:280px!important;z-index:201;transition:left .3s cubic-bezier(.32,.72,0,1)!important;overflow-y:auto}.sidebar-desktop.drawer-open{left:0!important;box-shadow:4px 0 32px #0009}.main-wrap{width:100%!important;margin-left:0!important}.page-body{padding:16px 14px!important;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px)!important;overflow-y:auto}.header-desktop{padding:0 14px!important;height:56px!important}.header-title{font-size:18px!important}.wa-pill-label,.refresh-label{display:none}.refresh-btn{padding:8px!important}.hamburger-btn,.bottom-nav{display:flex!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:16px!important}.stat-card{padding:14px!important;gap:10px!important}.stat-num{font-size:24px!important}.stat-icon{width:40px!important;height:40px!important}.card{padding:16px!important;border-radius:14px!important}.filters-row{gap:8px!important}.filter-select{font-size:12px!important;padding:8px 10px!important}.table-wrap{border-radius:12px!important;overflow-x:auto!important}td,th{padding:10px 12px!important;font-size:12px!important}.quiz-mode-wrap{max-width:100%!important;margin:0!important}.quiz-top-bar{flex-wrap:wrap!important;gap:8px!important;margin-bottom:16px!important}.quiz-progress-text{font-size:11px!important;white-space:nowrap}.quiz-question-card{padding:16px!important;border-radius:14px!important;margin-bottom:16px!important}.quiz-question-header{flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}.quiz-question-header>*{flex-shrink:0}.quiz-nav-row{flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important}.quiz-dots{order:3;width:100%!important;overflow-x:auto!important;padding:4px 0 8px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quiz-dots::-webkit-scrollbar{display:none}.quiz-filters{flex-direction:column!important;gap:10px!important}.quiz-filters input[type=date],.quiz-filters select{width:100%!important;min-width:0!important;box-sizing:border-box}.quiz-filters>div{width:100%!important}input[type=date]{min-width:0!important;font-size:12px!important}select{min-width:0!important;max-width:100%!important}[style*="overflowX: auto"],[style*="overflow-x: auto"]{max-width:100%}[style*="display: flex"]{min-width:0}[style*="maxWidth: 600"],[style*="max-width: 600"],[style*="maxWidth: 500"],[style*="max-width: 500"]{max-width:100%!important}[style*="fontSize: 56"],[style*="font-size: 56"]{font-size:40px!important}[style*="fontSize: 20"][style*="fontWeight: 600"],[style*="font-size: 20"]{font-size:16px!important}[style*="justifyContent: center"][style*="gap: 12"]{flex-wrap:wrap!important}}