:root{--bg-color: #050511;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .05);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--text-primary: #ffffff;--text-secondary: #94a3b8;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-main: "Inter", system-ui, -apple-system, sans-serif;--accent-color: #8b5cf6;--success-color: #10b981;--error-color: #ef4444;--backdrop-blur: 16px}html{font-size:112.5%}.theme-crystal{--bg-color: #050511;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .05);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--backdrop-blur: 20px}.theme-bento{--bg-color: #0c0c0c;--card-bg: rgba(30, 30, 35, .6);--card-border: rgba(255, 255, 255, .08);--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--backdrop-blur: 8px}.theme-galactic{--bg-color: #020617;--card-bg: rgba(15, 23, 42, .9);--card-border: rgba(139, 92, 246, .3);--primary-gradient: linear-gradient(135deg, #f43f5e 0%, #fbbf24 100%);--backdrop-blur: 30px;--accent-color: #fb7185}.theme-light{--bg-color: #f0f2f5;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(0, 0, 0, .1);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--text-primary: #0f172a;--text-secondary: #475569;--glass-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--accent-color: #4f46e5;--backdrop-blur: 15px}.theme-light body:before{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.theme-light .sidebar{background:#fff;border-right:1px solid rgba(0,0,0,.1)}.theme-light .sidebar p{color:#64748b!important}.theme-light .sidebar-item{color:#475569}.theme-light .sidebar-item:hover,.theme-light .sidebar-item.active{background:#f1f5f9;color:#0f172a}.theme-light .premium-input{background:#fff;border:1px solid #cbd5e1;color:#0f172a}.theme-light .premium-input::placeholder{color:#94a3b8}.theme-light .glass-card{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#0f172a}.theme-light .text-gradient{background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.theme-light .sidebar-item.active{background:#eef2ff;border-left:4px solid #4f46e5}.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,.theme-light h5,.theme-light h6,.theme-light p,.theme-light span,.theme-light div{color:inherit}.auth-page{--bg-dark: #050a1b;--neon-cyan: #0ce6f1;--neon-purple: #bd00ff;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--backdrop-blur: 80px;background:var(--bg-dark)!important;position:relative;overflow:hidden}.auth-page:before{content:"";position:fixed;inset:-100%;background:linear-gradient(135deg,transparent 45%,rgba(12,230,241,.08) 48%,rgba(12,230,241,.15) 50%,rgba(12,230,241,.08) 52%,transparent 55%),linear-gradient(135deg,transparent 20%,rgba(189,0,255,.08) 23%,rgba(189,0,255,.15) 25%,rgba(189,0,255,.08) 27%,transparent 30%);background-size:200% 200%;animation:bg-move 20s linear infinite;z-index:-1}@keyframes bg-move{0%{background-position:0% 0%}to{background-position:200% 200%}}.auth-page body{background:transparent!important}.bg-sphere{display:none!important}.theme-light .auth-page{background:#f0f2f5!important;color:#0f172a!important}.theme-light .auth-page:before{background:none!important}.theme-light .auth-page .auth-input-wrapper{background:#fff;border:1px solid #cbd5e1}.theme-light .auth-page .premium-input,.theme-light .auth-page h2{color:#0f172a!important}.theme-light .auth-page p{color:#475569!important}.auth-input-wrapper{position:relative;margin-bottom:1.5rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.auth-input-wrapper:focus-within{background:#ffffff0f;border-color:#ffffff4d}.auth-input-wrapper .premium-input{background:transparent!important;border:none!important;padding:18px 25px!important;height:60px;width:100%;color:#fff;font-size:1rem;outline:none;font-family:inherit}.auth-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0ce6f1,#bd00ff);border:none;display:flex;align-items:center;justify-content:center;margin:3rem auto 0;cursor:pointer;box-shadow:0 0 30px #bd00ff80,0 0 60px #0ce6f133;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;position:relative}.auth-button:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 0 50px #bd00ffb3,0 0 80px #0ce6f166}.auth-button:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(189,0,255,.3) 0%,transparent 70%);z-index:-1;animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .5s ease,color .5s ease}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}*{box-sizing:border-box}button{cursor:pointer}.glass-card{background:var(--card-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--glass-shadow);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080;border-color:#ffffff1a}.premium-input{width:100%;padding:14px 20px;background:#0003;border:1px solid var(--card-border);border-radius:12px;color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease}.premium-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b5cf633;background:#0000004d}.premium-button{width:100%;padding:16px;background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden}.premium-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #a855f766}.premium-button:active{transform:translateY(1px)}.center-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.sidebar{width:280px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100vh;border-right:1px solid var(--card-border);position:fixed;left:0;top:0;padding:2rem 1.5rem;display:flex;flex-direction:column}.sidebar-item{padding:12px 20px;border-radius:12px;color:var(--text-secondary);transition:all .3s ease;margin-bottom:8px;display:flex;align-items:center;gap:12px;font-weight:500;cursor:pointer}.sidebar-item:hover,.sidebar-item.active{background:#ffffff0d;color:var(--text-primary)}.sidebar-item.active{border-left:3px solid var(--accent-color);background:linear-gradient(90deg,rgba(139,92,246,.1),transparent)}.main-content{margin-left:280px;padding:40px;min-height:100vh}.premium-table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:1rem}.premium-table th{text-align:left;padding:16px;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.premium-table tr{background:#ffffff03;transition:all .3s ease}.premium-table tr:hover{background:#ffffff08;transform:scale(1.005)}.premium-table td{padding:16px;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.premium-table td:first-child{border-left:1px solid var(--card-border);border-top-left-radius:12px;border-bottom-left-radius:12px}.premium-table td:last-child{border-right:1px solid var(--card-border);border-top-right-radius:12px;border-bottom-right-radius:12px}.badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-admin{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-parent{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.premium-switcher{display:flex;background:#0000004d;border:1px solid var(--card-border);border-radius:12px;padding:4px;position:relative;width:100%}.switcher-option{flex:1;padding:10px;text-align:center;font-size:.85rem;font-weight:500;cursor:pointer;z-index:1;transition:color .3s ease;color:var(--text-secondary)}.switcher-option.active{color:#fff}.switcher-slider{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);background:var(--primary-gradient);border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #a855f74d}.switcher-slider.right{transform:translate(100%)}.badge-student{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.crystal-schedule-container{height:100%;display:flex;flex-direction:column;background:#0a0b1499;border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 10px 40px #0006}.schedule-grid-header{display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;padding:0;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.day-header{padding:12px 5px;text-align:center;font-size:.65rem;font-weight:800;color:var(--text-secondary);background:#0f172af2;text-transform:uppercase;letter-spacing:1px}.day-header.today{color:#6366f1;background:#6366f10d;position:relative}.day-header.today:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--primary-gradient);border-radius:2px}.schedule-scroll-area{flex:1;overflow-y:auto;background:#ffffff05;display:flex;flex-direction:column;gap:1px}.schedule-row{display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;min-height:80px}.time-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--text-secondary);background:#0f172acc;border-right:1px solid rgba(255,255,255,.05)}.course-cell{background:#ffffff03;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;transition:all .2s ease;cursor:pointer;position:relative;border:1px solid transparent}.course-cell:hover{background:#ffffff0a;z-index:2;box-shadow:inset 0 0 0 1px #ffffff1a}.course-cell.filled{background:#6366f126;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05)}.course-cell.filled:before{content:"";position:absolute;top:6px;bottom:6px;left:3px;width:3px;background:var(--accent-color);border-radius:10px;box-shadow:0 0 10px var(--accent-color)}.course-name{font-size:.65rem;font-weight:800;color:#fffffff2;text-align:center;line-height:1.1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}.course-cell.math:before{background:#ef4444}.course-cell.science:before{background:#10b981}.course-cell.art:before{background:#f59e0b}.special-cell{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)!important}.special-cell:before{background:#f59e0b!important;box-shadow:0 0 15px #f59e0b}.special-label{font-size:.6rem;font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:.8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.crystal-tab-container{background:#0006;border-radius:12px;padding:4px;display:flex;gap:4px;align-items:center}.crystal-tab{padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;cursor:pointer}.crystal-tab.active{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.setup-wizard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:80vh}.grade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.5rem;width:100%;max-width:900px;margin-top:4rem}.grade-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1.5rem;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.grade-card:hover{transform:translateY(-10px) scale(1.05);background:#ffffff0d;border-color:var(--accent-color);box-shadow:0 15px 30px #0000004d}.grade-card.active{background:var(--primary-gradient);border-color:transparent;box-shadow:0 10px 25px #a855f74d}.grade-card.active div{color:#fff!important}.mobile-menu-btn{display:none;position:fixed;top:15px;left:15px;z-index:1100;background:#00000080;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:8px;color:#fff;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);background:#0a0b14}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #00000080}.sidebar-overlay.active{display:block;opacity:1}.main-content{margin-left:0!important;width:100%!important;padding:70px 20px 20px!important}.dashboard-container{padding:0}.glass-card{padding:1.5rem!important}.text-gradient{font-size:1.5rem!important}.schedule-grid-header{display:flex;overflow-x:auto;width:100%}.schedule-grid-header .day-header{min-width:120px;flex:1}.schedule-row{display:flex;overflow-x:auto;width:100%}.time-cell{min-width:80px;position:sticky;left:0;z-index:10}.course-cell{min-width:120px;flex:1}}.pomodoro-container{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pomodoro-container .glass-card{box-shadow:0 25px 50px -12px #00000080;transition:all .5s cubic-bezier(.4,0,.2,1)}.pomodoro-container .glass-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px #0009}.pomodoro-container .mode-active-work{text-shadow:0 0 15px rgba(255,77,77,.5)}.pomodoro-container .mode-active-short{text-shadow:0 0 15px rgba(12,230,241,.5);color:#0ce6f1}.pomodoro-container .mode-active-long{text-shadow:0 0 15px rgba(189,0,255,.5);color:#bd00ff}.pomodoro-container button:active{transform:scale(.95)}.pomodoro-container .premium-button{text-transform:none;letter-spacing:normal;padding:12px 24px;width:auto;border-radius:30px}