@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-app:#f0f4f8;--bg-card:#fff;--bg-input:#f8fafc;--border-color:#e2e8f0;--primary:#1e88e5;--primary-hover:#1565c0;--primary-light:#e3f2fd;--secondary:#00bcd4;--success:#4caf50;--warning:#ff9800;--error:#f44336;--text-main:#0f172a;--text-muted:#64748b;--text-white:#fff;--shadow-sm:0 2px 4px #1e88e50d;--shadow-md:0 10px 25px #1e88e514;--shadow-lg:0 20px 40px #1e88e51f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app:#0b0f19;--bg-card:#151c2c;--bg-input:#1e293b;--border-color:#334155;--primary:#2196f3;--primary-hover:#63b3ed;--primary-light:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 10px 25px #0006;--shadow-lg:0 20px 40px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;transition:var(--transition);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:600}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}input,select,textarea{border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition);outline:none;padding:12px 16px;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e88e526}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.3;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}@keyframes scan-line{0%{top:0%}50%{top:100%}to{top:0%}}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.gradient-bg{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%)}.flex-center{justify-content:center;align-items:center;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:24px;display:grid}.rings-row{justify-content:space-around;gap:16px;width:100%;margin-top:24px;display:flex}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-sizing:border-box;zIndex:50;justify-content:space-between;align-items:center;width:100%;padding:16px 40px;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:12px;display:flex}.responsive-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px}.center-overlay{z-index:220;border:2px solid var(--primary);text-align:center;box-sizing:border-box;background-color:#151c2cf5;border-radius:20px;width:320px;max-width:90%;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080}.spelling-box-wrap{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-bottom:20px;display:flex}@media (width<=960px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.app-header{padding:12px 16px}.rings-row{flex-direction:column;align-items:center;gap:20px}.responsive-container{padding:16px}}@media (width<=480px){.app-header{text-align:center;flex-direction:column;align-items:center;gap:12px}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}}.login-container{background-color:var(--bg-app);width:100vw;min-height:100vh;font-family:var(--font-body);box-sizing:border-box;display:flex}.login-visual-pane{color:#0f172a;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);flex-direction:column;flex:1.2;justify-content:center;padding:80px;display:flex;position:relative;overflow:hidden}.login-form-pane{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:40px;display:flex}@media (width<=900px){.login-visual-pane{display:none!important}.login-form-pane{flex:1;width:100%!important;padding:24px 16px!important}}.mobile-logo-header{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:none}@media (width<=900px){.mobile-logo-header{display:flex}}