:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #06b6d4;--accent: #8b5cf6;--bg: #0a0a0f;--bg-card: #12121a;--bg-elevated: #1a1a2e;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--border: #1e293b;--glow: rgba(99, 102, 241, .15);--radius: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6366f173}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#252540;border-color:var(--primary)}.btn-outline{background:transparent;color:var(--text-dim);border:1px dashed var(--border);text-decoration:none}.btn-outline:hover{color:var(--primary);border-color:var(--primary);background:#6366f10f}.btn-ghost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff26}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn-nav{background:var(--primary);color:#fff;padding:8px 20px;font-size:.875rem}.btn-nav:hover{background:var(--primary-dark)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:1.5rem;font-weight:700}.logo-icon{width:40px;height:40px;border-radius:8px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent)}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-100px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.08),transparent 70%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.badge{display:inline-block;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:600;color:var(--primary);background:#6366f11a;border:1px solid rgba(99,102,241,.2);margin-bottom:20px;letter-spacing:.02em}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-.03em}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);max-width:520px;margin-bottom:32px;line-height:1.7}.hero-cta{display:flex;gap:16px;margin-bottom:48px}.hero-stats{display:flex;align-items:center;gap:32px}.stat{text-align:left}.stat-number{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.stat-suffix{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{display:block;font-size:.8rem;color:var(--text-dim);font-weight:500;margin-top:2px}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-animation{perspective:1000px}.timetable-demo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff08;transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease;animation:float 6s ease-in-out infinite}.timetable-demo:hover{transform:rotateY(0) rotateX(0)}@keyframes float{0%,to{transform:rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-10px)}}.demo-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.demo-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#eab308}.dot.green{background:#22c55e}.demo-title{font-size:.8rem;color:var(--text-dim);font-weight:500}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border)}.demo-generate-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .3s}.demo-generate-btn:hover{transform:scale(1.05)}.demo-status{font-size:.75rem;font-weight:500}.demo-grid{display:grid;grid-template-columns:50px repeat(5,1fr);gap:2px;padding:8px;background:#0003}.grid-row-group{display:contents}.grid-header{padding:6px 4px;text-align:center;font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.grid-time{padding:8px 4px;font-size:.65rem;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.grid-cell{min-height:36px;border-radius:6px;background:var(--bg-card);border:1px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.grid-cell.filled{display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;color:#fff;border-color:#ffffff1a;transform:scale(1);animation:cellPop .4s cubic-bezier(.34,1.56,.64,1)}.grid-cell.conflict{animation:shake .5s ease,cellPop .4s cubic-bezier(.34,1.56,.64,1);border-color:#ef4444!important;box-shadow:0 0 12px #ef444466}.grid-cell.resolved{animation:resolve .6s ease}@keyframes cellPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes resolve{0%{box-shadow:0 0 12px #ef444466;border-color:#ef4444}50%{box-shadow:0 0 16px #22c55e66;border-color:#22c55e}to{box-shadow:none;border-color:#ffffff1a}}.c-math{background:linear-gradient(135deg,#6366f1,#818cf8)}.c-physics{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.c-english{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.c-history{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.c-chem{background:linear-gradient(135deg,#10b981,#34d399)}.c-cs{background:linear-gradient(135deg,#ec4899,#f472b6)}.c-art{background:linear-gradient(135deg,#ef4444,#f87171)}.c-bio{background:linear-gradient(135deg,#14b8a6,#5eead4)}.demo-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg-elevated)}.conflict-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-dim);font-weight:500}.conflict-icon{color:#22c55e;font-weight:700}.conflict-indicator.has-conflicts .conflict-icon{color:#ef4444}.time-indicator{font-size:.75rem;color:var(--text-dim)}.time-indicator strong{color:var(--secondary)}.features{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-badge{display:inline-block;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:600;color:var(--secondary);background:#06b6d41a;border:1px solid rgba(6,182,212,.2);margin-bottom:16px}.section-header h2{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.section-header p{font-size:1.1rem;color:var(--text-muted);max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;transition:all .4s ease;opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.icon-speed{background:#6366f11f;color:var(--primary)}.icon-conflict{background:#22c55e1f;color:#22c55e}.icon-custom{background:#f59e0b1f;color:#f59e0b}.icon-export{background:#06b6d41f;color:var(--secondary)}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;letter-spacing:-.01em}.feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.how-it-works{padding:120px 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.02),transparent)}.steps{display:flex;flex-direction:column;align-items:center;gap:0}.step{display:grid;grid-template-columns:60px 1fr 280px;gap:32px;align-items:center;max-width:700px;width:100%;opacity:0;transform:translateY(30px)}.step.visible{opacity:1;transform:translateY(0);transition:all .6s ease}.step-connector{display:flex;justify-content:center;padding:8px 0;opacity:.5}.step-number{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#fff;flex-shrink:0}.step-content h3{font-size:1.2rem;font-weight:700;margin-bottom:6px}.step-content p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.step-visual{display:flex;justify-content:center}.mini-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;width:100%;max-width:260px}.mini-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.8rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.04)}.mini-row:last-child{border-bottom:none}.mini-row.fade{opacity:.4}.mini-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mini-dot.blue{background:#6366f1}.mini-dot.purple{background:#8b5cf6}.mini-dot.teal{background:#06b6d4}.mini-dot.gray{background:#475569}.constraint-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.78rem;color:var(--text-muted)}.check{color:#22c55e;font-weight:700;font-size:.9rem}.mini-timetable{padding:12px}.mt-row{display:flex;gap:4px;margin-bottom:4px}.mt-row:last-child{margin-bottom:0}.mt-cell{flex:1;height:20px;border-radius:4px;opacity:0;animation:mtFadeIn .5s ease forwards}.c1{background:linear-gradient(135deg,#6366f1,#818cf8)}.c2{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.c3{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.c4{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.c5{background:linear-gradient(135deg,#10b981,#34d399)}@keyframes mtFadeIn{to{opacity:1}}.mt-row:nth-child(1) .mt-cell{animation-delay:.1s}.mt-row:nth-child(2) .mt-cell{animation-delay:.3s}.mt-row:nth-child(3) .mt-cell{animation-delay:.5s}.mt-row:nth-child(4) .mt-cell{animation-delay:.7s}.cta-section{padding:120px 0}.cta-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:28px;padding:80px 40px;text-align:center;overflow:hidden}.cta-bg-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.orb-1{width:300px;height:300px;background:var(--primary);top:-100px;left:-50px;animation:orbFloat 8s ease-in-out infinite}.orb-2{width:250px;height:250px;background:var(--secondary);bottom:-80px;right:-30px;animation:orbFloat 10s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat 12s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,20px)}}.cta-card h2{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:16px;position:relative;z-index:1}.cta-card p{font-size:1.1rem;color:var(--text-muted);margin-bottom:32px;position:relative;z-index:1}.cta-buttons{display:flex;justify-content:center;gap:16px;position:relative;z-index:1}.footer{border-top:1px solid var(--border);padding:64px 0 32px}.footer-content{display:flex;justify-content:space-between;gap:64px;margin-bottom:48px}.footer-brand{max-width:300px}.footer-brand .logo{margin-bottom:12px}.footer-brand p{font-size:.9rem;color:var(--text-dim)}.footer-links{display:flex;gap:64px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:4px}.footer-col a{text-decoration:none;font-size:.85rem;color:var(--text-dim);transition:color .2s}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;text-align:center}.footer-bottom p{font-size:.8rem;color:var(--text-dim)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:48px}.hero-text h1{font-size:2.75rem}.features-grid{grid-template-columns:repeat(2,1fr)}.timetable-demo{transform:none;animation:none}.timetable-demo:hover{transform:none}}@media(max-width:768px){.hero-text h1{font-size:2.2rem}.hero-stats{flex-wrap:wrap;gap:20px}.stat-divider{display:none}.features-grid{grid-template-columns:1fr}.nav-links{display:none}.step{grid-template-columns:48px 1fr}.step-visual{display:none}.footer-content{flex-direction:column;gap:40px}.footer-links{gap:40px}.cta-card{padding:48px 24px}.cta-card h2{font-size:1.8rem}.cta-buttons{flex-direction:column;align-items:center}.section-header h2{font-size:1.8rem}}.legal-page{padding:120px 0 80px;min-height:100vh}.legal-header{margin-bottom:48px}.legal-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.legal-updated{font-size:.9rem;color:var(--text-dim)}.legal-content{max-width:800px}.legal-section{margin-bottom:36px}.legal-section h2{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--text)}.legal-section h3{font-size:1.05rem;font-weight:600;margin-top:16px;margin-bottom:8px;color:var(--text)}.legal-section p{font-size:.95rem;color:var(--text-muted);line-height:1.8;margin-bottom:12px}.legal-section ul{list-style:none;padding:0;margin-bottom:12px}.legal-section ul li{position:relative;padding-left:20px;font-size:.95rem;color:var(--text-muted);line-height:1.8}.legal-section ul li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.legal-section a{color:var(--primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}@media(max-width:768px){.legal-header h1{font-size:1.8rem}}.nav-link-auth{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-link-auth:hover{color:var(--text)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 32px}.auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:32px}.auth-logo .logo-icon{width:28px;height:28px;color:var(--primary)}.auth-card h1{font-size:1.5rem;font-weight:700;margin-bottom:6px}.auth-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.auth-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-google:hover{background:#f9fafb;box-shadow:0 2px 8px #0000001a}.btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-dim);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .2s;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.form-group input::placeholder{color:var(--text-dim)}.form-group select option{background:var(--bg-elevated);color:var(--text)}.form-footer{display:flex;justify-content:flex-end;margin-bottom:16px}.auth-link{color:var(--primary);text-decoration:none;font-size:.85rem;font-weight:500}.auth-link:hover{text-decoration:underline}.btn-full{width:100%;justify-content:center}.btn-sm{padding:8px 16px;font-size:.85rem}.auth-switch{text-align:center;margin-top:20px;color:var(--text-muted);font-size:.85rem}.auth-switch a{color:var(--primary);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-back{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.85rem;margin-bottom:20px;transition:color .2s}.auth-back:hover{color:var(--text)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-muted)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.period-durations-grid{margin-top:4px}.period-durations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}.period-duration-item{display:flex;align-items:center;gap:6px}.period-duration-item label{font-size:.85rem;font-weight:600;color:var(--text-muted);min-width:28px}.period-duration-item input{width:64px;padding:6px 8px;font-size:.85rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.period-duration-unit{font-size:.8rem;color:var(--text-muted)}.dashboard-page{min-height:100vh;background:var(--bg)}.dash-header{position:sticky;top:0;z-index:50;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 0}.dash-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.dash-user{display:flex;align-items:center;gap:12px}.dash-user-name{font-size:.9rem;color:var(--text-muted)}.dash-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.dash-main{padding:40px 0}.dash-container{max-width:1200px;margin:0 auto;padding:0 24px}.dash-welcome h1{font-size:1.75rem;font-weight:700;margin-bottom:4px}.dash-welcome p{color:var(--text-muted);font-size:.95rem;margin-bottom:32px}.dash-section{margin-bottom:40px}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-section-header h2{font-size:1.2rem;font-weight:700}.dash-loading{text-align:center;padding:40px;color:var(--text-muted)}.dash-empty{text-align:center;padding:60px 24px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg)}.dash-empty-icon{color:var(--text-dim);margin-bottom:16px}.dash-empty h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.dash-empty p{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.inst-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--text);transition:all .3s ease}.inst-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.inst-card-type{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);background:#06b6d41a;border:1px solid rgba(6,182,212,.2);margin-bottom:12px}.inst-card h3{font-size:1.1rem;font-weight:600;margin-bottom:12px}.inst-card-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-dim)}.inst-page{display:flex;min-height:100vh}.inst-sidebar{width:240px;background:var(--bg-card);border-right:1px solid var(--border);padding:20px 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50}.sidebar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:1.1rem;font-weight:700;padding:0 20px 16px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar-logo .logo-icon{width:24px;height:24px;color:var(--primary)}.sidebar-inst-name{padding:8px 20px 16px;font-size:.85rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:4px 8px;flex:1}.sidebar-link{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:all .2s}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text)}.sidebar-link.active{background:#6366f11f;color:var(--primary);font-weight:600}.sidebar-footer{padding:8px;border-top:1px solid var(--border)}.inst-main{flex:1;margin-left:240px;padding:32px;min-height:100vh}.inst-main-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.inst-main-header h1{font-size:1.5rem;font-weight:700}.inst-type-badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary);background:#06b6d41a;border:1px solid rgba(6,182,212,.2)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--text);text-align:center;transition:all .3s}.stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.stat-card-number{font-size:2rem;font-weight:800;color:var(--primary)}.stat-card-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.inst-info-section{margin-bottom:32px}.inst-info-section h2{font-size:1.1rem;font-weight:700;margin-bottom:16px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.info-label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:4px}.info-value{font-size:1.1rem;font-weight:600}.quickstart-steps{display:flex;flex-direction:column;gap:8px}.qs-step{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;transition:border-color .2s}.qs-step.done{border-color:#22c55e4d}.qs-check{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--text-dim);flex-shrink:0}.qs-step.done .qs-check{background:#22c55e26;color:#22c55e}.qs-step div{flex:1}.qs-step strong{display:block;font-size:.9rem;margin-bottom:2px}.qs-step p{font-size:.8rem;color:var(--text-dim);margin:0}.crud-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.crud-header h1{font-size:1.5rem;font-weight:700}.crud-actions{display:flex;gap:8px}.csv-label{cursor:pointer}.crud-empty{text-align:center;padding:48px 24px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.9rem}.crud-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.crud-table{width:100%;border-collapse:collapse;font-size:.9rem}.crud-table thead{background:var(--bg-elevated)}.crud-table th{text-align:left;padding:12px 16px;font-weight:600;font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.crud-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.crud-table tbody tr:last-child td{border-bottom:none}.crud-table tbody tr:hover{background:#6366f10a}.crud-actions-cell{display:flex;gap:6px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--primary)}.btn-icon-danger:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.crud-form-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.crud-form-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.crud-form-card h2{font-size:1.2rem;font-weight:700;margin-bottom:20px}.crud-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.room-type-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--bg-elevated);border:1px solid var(--border)}.room-type-lab{color:#22c55e;border-color:#22c55e4d;background:#22c55e1a}.room-type-gym{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.room-type-auditorium{color:#8b5cf6;border-color:#8b5cf64d;background:#8b5cf61a}.room-type-library{color:#06b6d4;border-color:#06b6d44d;background:#06b6d41a}.subject-select-grid{display:flex;flex-wrap:wrap;gap:8px}.subject-select-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--text);transition:border-color .2s}.subject-select-item:hover{border-color:var(--primary)}.subject-select-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.subject-select-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.subject-tags{display:flex;flex-wrap:wrap;gap:4px}.subject-tag{display:inline-block;padding:2px 8px;border-radius:100px;font-size:.7rem;font-weight:600;border:1px solid;background:transparent}.text-dim{color:var(--text-dim);font-size:.85rem}.form-hint{font-size:.8rem;color:var(--text-dim);margin-bottom:8px;margin-top:0}.availability-grid{display:grid;gap:3px;margin-top:4px}.avail-corner{grid-column:1;grid-row:1}.avail-day-header{text-align:center;font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:4px 0}.avail-row{display:contents}.avail-period-label{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-dim);font-weight:500;padding:0 4px}.avail-cell{width:100%;min-height:28px;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s;padding:0}.avail-cell.available{background:#22c55e33;border-color:#22c55e66}.avail-cell.unavailable{background:#ef444414;border-color:var(--border)}.avail-cell:hover{transform:scale(1.05);box-shadow:0 0 8px #6366f14d}.constraints-section{margin-bottom:32px}.constraints-section-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:8px}.constraints-section-badge{padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.constraints-section-badge.hard{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.constraints-section-badge.soft{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.constraints-section-desc{font-size:.85rem;color:var(--text-dim);margin-bottom:16px}.constraint-list{display:flex;flex-direction:column;gap:8px}.constraint-card{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.constraint-card:hover{border-color:#6366f133}.constraint-card.disabled{opacity:.5}.constraint-toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;margin-top:2px}.constraint-toggle input{opacity:0;width:0;height:0}.constraint-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;transition:all .3s}.constraint-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:var(--text-dim);border-radius:50%;transition:all .3s}.constraint-toggle input:checked+.constraint-toggle-slider{background:#6366f133;border-color:var(--primary)}.constraint-toggle input:checked+.constraint-toggle-slider:before{transform:translate(18px);background:var(--primary)}.constraint-info{flex:1}.constraint-label{font-weight:600;font-size:.9rem;margin-bottom:4px}.constraint-desc{font-size:.8rem;color:var(--text-dim)}.constraint-type-badge{padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.constraint-type-badge.hard{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.constraint-type-badge.soft{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.constraint-weight{margin-top:10px;display:flex;align-items:center;gap:12px}.constraint-weight label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.constraint-weight input[type=range]{flex:1;max-width:200px;accent-color:var(--primary);height:4px}.constraint-param{margin-top:8px;display:flex;align-items:center;gap:10px}.constraint-param label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.constraint-param input[type=number]{width:70px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;font-family:inherit;outline:none}.constraint-param input[type=number]:focus{border-color:var(--primary)}.template-select{padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;font-family:inherit;cursor:pointer;outline:none}.template-select:focus{border-color:var(--primary)}.template-select option{background:var(--bg-elevated);color:var(--text)}.gen-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.gen-controls-row{display:flex;align-items:flex-end;gap:16px}.gen-buttons{display:flex;gap:8px;flex-shrink:0}.gen-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.gen-stat-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.gen-stat-label{display:block;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.gen-stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.feasibility-panel{border-radius:var(--radius);padding:16px 20px;margin-bottom:20px}.feasibility-panel.feasible{background:#22c55e14;border:1px solid rgba(34,197,94,.3)}.feasibility-panel.infeasible{background:#ef444414;border:1px solid rgba(239,68,68,.3)}.feasibility-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem}.feasibility-icon{font-size:1.1rem;font-weight:700}.feasible .feasibility-icon{color:#22c55e}.infeasible .feasibility-icon{color:#ef4444}.feasibility-issues{list-style:none;padding:0;margin:0}.feasibility-issue{padding:6px 0;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.issue-level{padding:2px 8px;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase}.feasibility-issue.error .issue-level{background:#ef444426;color:#ef4444}.feasibility-issue.warning .issue-level{background:#f59e0b26;color:#f59e0b}.tt-list-section{margin-bottom:24px}.tt-list-section h2{font-size:1.1rem;font-weight:700;margin-bottom:12px}.tt-list{display:flex;flex-direction:column;gap:6px}.tt-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.tt-list-item:hover{border-color:#6366f14d}.tt-list-item.active{border-color:var(--primary);background:#6366f10d}.tt-list-info{display:flex;align-items:center;gap:10px}.tt-list-info strong{font-size:.9rem}.tt-list-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-dim)}.tt-status-badge{padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase}.tt-status-badge.draft{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.tt-status-badge.published{color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.tt-status-badge.generating{color:var(--primary);background:#6366f11a;border:1px solid rgba(99,102,241,.3)}.tt-viewer{margin-top:24px}.tt-viewer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.tt-viewer-header h2{font-size:1.1rem;font-weight:700}.tt-view-controls{display:flex;align-items:center;gap:12px}.tt-view-mode{display:flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;overflow:hidden}.tt-mode-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.tt-mode-btn:hover{color:var(--text)}.tt-mode-btn.active{background:var(--primary);color:#fff}.tt-filter-select{padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;font-family:inherit;cursor:pointer;outline:none}.tt-filter-select:focus{border-color:var(--primary)}.tt-filter-select option{background:var(--bg-elevated);color:var(--text)}.tt-grid-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.tt-grid{width:100%;border-collapse:collapse;font-size:.85rem}.tt-grid th,.tt-grid td{border:1px solid var(--border);padding:8px;vertical-align:top}.tt-corner{background:var(--bg-elevated);font-weight:600;color:var(--text-dim);text-align:center;width:60px}.tt-day-header{background:var(--bg-elevated);font-weight:600;color:var(--text-dim);text-align:center;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.tt-period-label{background:var(--bg-elevated);font-weight:600;color:var(--text-dim);text-align:center;font-size:.8rem;white-space:nowrap;min-width:90px}.tt-period-num{display:block}.tt-period-time{display:block;font-size:.7rem;font-weight:400;color:var(--text-muted);margin-top:1px}.tt-cell{min-width:120px;min-height:60px}.tt-assignment{padding:6px 8px;border-left:3px solid var(--primary);border-radius:4px;background:#6366f10f;margin-bottom:4px}.tt-assignment:last-child{margin-bottom:0}.tt-assign-subject{font-weight:600;font-size:.8rem;color:var(--text)}.tt-assign-detail{font-size:.7rem;color:var(--text-dim)}.tt-assign-room{font-style:italic}@media(max-width:768px){.gen-controls-row{flex-direction:column;align-items:stretch}.gen-buttons{justify-content:flex-end}.gen-stats{grid-template-columns:repeat(2,1fr)}.tt-viewer-header{flex-direction:column;align-items:flex-start}.tt-view-controls{flex-direction:column;align-items:flex-start;width:100%}}.members-list{display:flex;flex-direction:column;gap:8px}.member-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.member-card:hover{border-color:#6366f133}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--primary)}.member-name{font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}.member-you-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:100px;background:#6366f11f;color:var(--primary)}.member-email{font-size:.8rem;color:var(--text-dim)}.member-actions{display:flex;align-items:center;gap:8px}.member-role-select{padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;font-family:inherit;cursor:pointer;outline:none}.member-role-select:focus{border-color:var(--primary)}.member-role-select option{background:var(--bg-elevated);color:var(--text)}.role-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.role-admin{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.role-editor{color:#06b6d4;border-color:#06b6d44d;background:#06b6d41a}.role-viewer{color:var(--text-muted)}@media(max-width:768px){.inst-sidebar{display:none}.inst-main{margin-left:0;padding:24px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.info-grid,.form-row{grid-template-columns:1fr}.crud-header,.member-card{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%;justify-content:flex-end}}.tt-editor-title{display:flex;align-items:center;gap:12px}.tt-editor-title h1{margin:0}.tt-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;flex-wrap:wrap;gap:8px}.tt-toolbar-left,.tt-toolbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tt-toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.tt-conflict-banner{padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:#ef4444;margin-bottom:8px;display:flex;align-items:center;gap:12px;font-size:.85rem}.tt-conflict-summary{font-weight:400;opacity:.85}.tt-dirty-banner{padding:8px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);color:#f59e0b;margin-bottom:8px;font-size:.8rem;font-weight:500}.tt-swap-banner{padding:8px 16px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius);color:#06b6d4;margin-bottom:8px;font-size:.8rem;font-weight:500}.tt-cell-editable{cursor:default;transition:background .15s}.tt-cell-dragover{background:#6366f11f!important;outline:2px dashed var(--primary);outline-offset:-2px}.tt-draggable{cursor:grab;transition:transform .15s,box-shadow .15s}.tt-draggable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.tt-draggable:active{cursor:grabbing;opacity:.6}.tt-conflict{background:#ef44441f!important;border-left-color:#ef4444!important;animation:ttShake .3s ease}.tt-conflict-icon{position:absolute;top:2px;right:4px;width:16px;height:16px;background:#ef4444;color:#fff;border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.tt-assignment{position:relative}@keyframes ttShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.tt-locked{background:#94a3b814!important;border-left-style:dashed!important;opacity:.75;cursor:not-allowed}.tt-locked.tt-draggable{cursor:not-allowed}.tt-lock-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0 0 0 4px;display:inline-flex;align-items:center;vertical-align:middle;opacity:.5;transition:opacity .15s}.tt-lock-btn:hover{opacity:1}.tt-locked .tt-lock-btn{opacity:.9;color:#f59e0b}.tt-swap-selected{outline:2px solid #06b6d4;outline-offset:-1px;background:#06b6d41f!important}.tt-diff{outline:2px solid #f59e0b;outline-offset:-1px;background:#f59e0b1a!important}.tt-master-view{display:flex;flex-direction:column;gap:24px}.tt-master-class-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px;padding-left:4px}.tt-versions-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.tt-versions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tt-versions-header h3{font-size:1rem;font-weight:700;margin:0}.tt-versions-empty{color:var(--text-dim);font-size:.85rem}.tt-versions-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.tt-version-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;font-size:.85rem}.tt-version-info{display:flex;flex-direction:column;gap:2px}.tt-version-date{font-size:.75rem;color:var(--text-dim)}.tt-version-actions{display:flex;gap:4px}.tt-compare-other{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:.85rem}.tt-compare-container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tt-compare-side{min-width:0;overflow-x:auto}.tt-compare-side h3{font-size:.9rem;font-weight:700;margin-bottom:8px;color:var(--text)}.tt-compare-close{position:absolute;top:-32px;right:0}@media print{body{background:#fff!important;color:#000!important}.inst-sidebar,.tt-toolbar,.tt-conflict-banner,.tt-dirty-banner,.tt-swap-banner,.tt-versions-panel,.crud-header .btn,.tt-lock-btn,.tt-conflict-icon,.tt-compare-close{display:none!important}.inst-page{display:block!important}.inst-main{margin:0!important;padding:0!important}.tt-grid-wrap{border:1px solid #ccc;overflow:visible}.tt-grid th,.tt-grid td{border-color:#ccc!important}.tt-corner,.tt-day-header,.tt-period-label{background:#f0f0f0!important;color:#000!important}.tt-assignment{background:#f9f9f9!important;color:#000!important;border-left-width:3px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tt-assign-subject{color:#000!important}.tt-assign-detail{color:#333!important}.tt-viewer{margin-top:0}.tt-viewer-header h2{color:#000!important}.tt-mode-btn,.tt-filter-select,.tt-view-controls{display:none!important}.tt-master-class-title{color:#000!important}.tt-compare-container{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.tt-toolbar{flex-direction:column;align-items:flex-start}.tt-compare-container{grid-template-columns:1fr;gap:12px}.tt-editor-title{flex-wrap:wrap}}.export-menu-wrap{position:relative}.export-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #0006;min-width:220px;z-index:100;padding:6px;animation:dropFadeIn .15s ease}@keyframes dropFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text);font-size:.85rem;font-family:inherit;cursor:pointer;border-radius:8px;transition:background .15s;text-align:left}.export-option:hover{background:var(--bg-elevated)}.export-option svg{flex-shrink:0;color:var(--text-muted)}.export-option-label{display:block;font-weight:600;font-size:.85rem}.export-option-desc{display:block;font-size:.7rem;color:var(--text-dim);margin-top:1px}.share-wrap{position:relative}.share-panel{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #0006;width:360px;z-index:100;padding:20px;animation:dropFadeIn .15s ease}.share-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.share-panel-header h3{font-size:1rem;font-weight:700;margin:0}.share-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.share-section{margin-bottom:16px}.share-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.share-url-row{display:flex;gap:6px}.share-url-input{flex:1;padding:8px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;font-family:monospace;outline:none;min-width:0}.share-url-input:focus{border-color:var(--primary)}.share-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.share-qr-hint{font-size:.75rem;color:var(--text-dim)}.share-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-family:inherit;cursor:pointer;transition:color .15s}.share-toggle-btn:hover{color:var(--text)}.share-embed-section{margin-top:8px}.share-embed-code{width:100%;padding:8px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.75rem;font-family:monospace;resize:none;outline:none;margin-bottom:6px}.share-embed-code:focus{border-color:var(--primary)}.share-actions{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.share-disable-btn:hover{color:#ef4444!important;border-color:#ef44444d!important}.cal-feed-wrap{position:relative}.cal-feed-panel{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #0006;width:420px;z-index:100;padding:20px;animation:dropFadeIn .15s ease}.cal-feed-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.cal-feed-tabs{display:flex;gap:0;margin-bottom:12px}.cal-feed-tab{flex:1;padding:8px;text-align:center;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .15s}.cal-feed-tab:first-child{border-radius:6px 0 0 6px}.cal-feed-tab:last-child{border-radius:0 6px 6px 0}.cal-feed-tab.active{background:var(--bg-elevated);color:var(--text);border-color:var(--primary)}.cal-feed-list{display:flex;flex-direction:column;gap:0;max-height:240px;overflow-y:auto}.cal-feed-empty{font-size:.82rem;color:var(--text-muted);text-align:center;padding:16px 0}.cal-feed-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cal-feed-item:last-child{border-bottom:none}.cal-feed-item-name{font-size:.82rem;font-weight:600;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.cal-feed-item-url{flex:1;background:var(--bg-main);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:.7rem;font-family:monospace;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis}.cal-feed-instructions{margin-top:12px}.cal-feed-instructions details{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cal-feed-instructions summary{padding:8px 12px;font-size:.8rem;color:var(--text-muted);cursor:pointer;background:var(--bg-main)}.cal-feed-instructions summary:hover{color:var(--text)}.cal-feed-instructions ol{padding:10px 12px 10px 28px;margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.8}.cal-feed-instructions li strong{color:var(--text)}.notif-wrap{position:relative;margin-bottom:4px}.notif-bell{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;position:relative;font-size:.9rem;font-family:inherit;gap:8px}.notif-bell:hover{background:var(--bg-elevated);color:var(--text)}.notif-bell:after{content:"Notifications";font-size:.85rem;font-weight:500}.notif-badge{position:absolute;top:6px;left:28px;min-width:16px;height:16px;background:#ef4444;color:#fff;border-radius:100px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.notif-panel{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -12px 40px #0006;width:340px;max-height:420px;z-index:200;animation:dropFadeIn .15s ease;display:flex;flex-direction:column}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.notif-panel-header h3{font-size:.95rem;font-weight:700;margin:0}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--text-dim);font-size:.85rem}.notif-list{overflow-y:auto;max-height:350px;padding:4px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s;position:relative}.notif-item:hover{background:var(--bg-elevated)}.notif-unread{background:#6366f10a}.notif-unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary)}.notif-icon{flex-shrink:0;margin-top:2px}.notif-content{flex:1;min-width:0}.notif-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:2px}.notif-message{font-size:.78rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:.7rem;color:var(--text-dim);margin-top:3px}.notif-delete{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:4px;opacity:0;transition:all .15s}.notif-item:hover .notif-delete{opacity:1}.notif-delete:hover{color:#ef4444;background:#ef44441a}.shared-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.shared-embed{min-height:auto}.shared-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted)}.shared-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:var(--text-muted);text-align:center;padding:24px}.shared-error-icon{color:var(--text-dim);margin-bottom:8px}.shared-error h2{font-size:1.3rem;font-weight:700;color:var(--text)}.shared-error p{font-size:.9rem;max-width:400px}.shared-header{border-bottom:1px solid var(--border);padding:12px 0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.shared-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.shared-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:1.1rem;font-weight:700}.shared-brand .logo-icon{width:24px;height:24px;color:var(--primary)}.shared-inst-name{font-size:.9rem;color:var(--text-muted)}.shared-main{flex:1;max-width:1200px;margin:0 auto;padding:32px 24px;width:100%}.shared-main-embed{padding:16px}.shared-title-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.shared-title-row h1{font-size:1.5rem;font-weight:700}.shared-footer{border-top:1px solid var(--border);padding:20px 24px;text-align:center}.shared-footer p{font-size:.8rem;color:var(--text-dim)}.shared-footer strong{color:var(--primary)}@media(max-width:768px){.share-panel,.cal-feed-panel{width:300px;right:-40px}.notif-panel{width:300px;left:-20px}.shared-main{padding:16px}.shared-title-row h1{font-size:1.2rem}}@media print{.export-menu-wrap,.share-wrap,.cal-feed-wrap,.notif-wrap,.shared-header,.shared-footer{display:none!important}}.sub-page{padding:0}.sub-tt-select{padding:8px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit;outline:none}.sub-tt-select:focus{border-color:var(--primary)}.sub-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);border-radius:10px;padding:4px;border:1px solid var(--border)}.sub-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s;font-family:inherit}.sub-tab.active{background:var(--primary);color:#fff}.sub-empty{text-align:center;padding:48px 24px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.sub-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.sub-form-card h3{font-size:1.1rem;margin-bottom:16px}.sub-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.sub-periods{margin-bottom:16px}.sub-periods label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.sub-period-grid{display:flex;flex-wrap:wrap;gap:6px}.sub-period-btn{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.sub-period-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.sub-affected{margin-bottom:16px}.sub-affected h4{font-size:.95rem;margin-bottom:8px}.sub-affected-list{display:flex;flex-direction:column;gap:6px}.sub-affected-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-elevated);border-radius:6px;font-size:.85rem}.sub-period-label{font-weight:700;color:var(--primary);min-width:30px}.sub-affected-class{color:var(--text-dim)}.sub-suggestions{margin-bottom:16px}.sub-suggestions h4{font-size:.95rem;margin-bottom:8px}.sub-suggestion-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.sub-suggestion-card{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;color:var(--text);transition:all .2s;font-family:inherit;font-size:.9rem}.sub-suggestion-card:hover{border-color:var(--primary)}.sub-suggestion-card.selected{border-color:var(--primary);background:#6366f11a}.sub-sug-subjects{font-size:.8rem;color:var(--text-dim)}.sub-no-suggestions{padding:12px;background:var(--bg-elevated);border-radius:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.sub-no-suggestions select{width:100%;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;font-family:inherit}.sub-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.sub-list{display:flex;flex-direction:column;gap:12px}.sub-record{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;border-left:4px solid var(--border)}.sub-record.covered{border-left-color:#22c55e}.sub-record.uncovered{border-left-color:#f59e0b}.sub-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.sub-record-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sub-record-date{color:var(--text-muted);font-size:.85rem}.sub-status-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:capitalize}.sub-status-badge.covered{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.sub-status-badge.uncovered{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.sub-status-badge.published{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.sub-status-badge.draft{background:#64748b1a;color:#94a3b8;border:1px solid rgba(100,116,139,.2)}.sub-status-badge.archived{background:#64748b1a;color:var(--text-dim);border:1px solid rgba(100,116,139,.2)}.sub-record-actions{display:flex;align-items:center;gap:8px}.sub-assign-select{padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;font-family:inherit}.sub-record-reason{font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.sub-record-substitute{font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.sub-record-slots{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sub-slot-chip{padding:3px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:.75rem;color:var(--primary);font-weight:500}.sub-history-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sub-history-table th{background:var(--bg-elevated);padding:10px 14px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.04em}.sub-history-table td{padding:10px 14px;font-size:.85rem;border-top:1px solid var(--border)}.terms-page{padding:0}.terms-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.terms-form-card h3{font-size:1.1rem;margin-bottom:16px}.terms-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.terms-form-actions{display:flex;justify-content:flex-end;gap:12px}.terms-list{display:flex;flex-direction:column;gap:16px}.term-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.term-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.term-card-header h3{font-size:1.1rem;margin-bottom:6px}.term-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.term-status-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:capitalize}.term-status-badge.active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.term-status-badge.upcoming{background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.term-status-badge.completed{background:#64748b1a;color:var(--text-dim);border:1px solid rgba(100,116,139,.2)}.term-card-actions{display:flex;gap:8px;flex-wrap:wrap}.term-clone-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.term-clone-form h4{font-size:.95rem;margin-bottom:12px}.term-availability{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.term-availability h4{font-size:.95rem;margin-bottom:4px}.term-avail-desc{font-size:.8rem;color:var(--text-dim);margin-bottom:16px}.term-avail-teachers{display:flex;flex-direction:column;gap:16px}.term-avail-teacher{padding:12px;background:var(--bg-elevated);border-radius:8px}.term-avail-teacher strong{display:block;margin-bottom:8px;font-size:.9rem}.term-avail-grid{display:flex;flex-direction:column;gap:2px}.term-avail-header{display:grid;grid-template-columns:40px repeat(var(--days, 5),1fr);gap:2px}.term-avail-header span{text-align:center;font-size:.7rem;font-weight:600;color:var(--text-dim);padding:4px}.term-avail-row{display:grid;grid-template-columns:40px repeat(var(--days, 5),1fr);gap:2px}.term-avail-row span{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-dim)}.term-avail-cell{height:24px;border:1px solid var(--border);border-radius:3px;background:#ef444426;cursor:pointer;transition:all .15s;padding:0}.term-avail-cell.available{background:#22c55e40;border-color:#22c55e4d}.term-timetables{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.term-timetables h4{font-size:.85rem;margin-bottom:8px;color:var(--text-muted)}.term-tt-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.85rem}.analytics-page{padding:0}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.analytics-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.analytics-summary-value{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.analytics-summary-label{font-size:.8rem;color:var(--text-dim);margin-top:4px}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.analytics-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.analytics-card h3{font-size:1rem;font-weight:700;margin-bottom:16px}.analytics-card-desc{font-size:.8rem;color:var(--text-dim);margin-bottom:16px;margin-top:-8px}.analytics-card-wide{grid-column:1 / -1}.analytics-warning{margin-top:12px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:6px;font-size:.8rem;color:#f59e0b}.analytics-bar-chart{display:flex;flex-direction:column;gap:10px}.chart-label{font-size:.75rem;color:var(--text-dim);margin-bottom:4px}.bar-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:12px}.bar-name{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:20px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .6s ease;min-width:2px}.bar-value{font-size:.8rem;font-weight:600;color:var(--text);text-align:right}.analytics-heatmap{overflow-x:auto}.heatmap-grid{display:grid;gap:2px;min-width:300px}.heatmap-corner{background:transparent}.heatmap-x-label{font-size:.7rem;font-weight:600;color:var(--text-dim);text-align:center;padding:4px}.heatmap-row-group{display:contents}.heatmap-y-label{font-size:.7rem;font-weight:600;color:var(--text-dim);display:flex;align-items:center;justify-content:center;padding:4px}.heatmap-cell{height:28px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fffc;transition:background .3s}.analytics-score-breakdown{display:flex;flex-direction:column;gap:12px}.score-row{display:grid;grid-template-columns:1fr 200px 50px;align-items:center;gap:12px}.score-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.score-name{font-size:.85rem;font-weight:600;text-transform:capitalize}.score-type-badge{padding:1px 8px;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase;background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.score-detail{font-size:.75rem;color:var(--text-dim)}.score-bar-track{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.score-value{font-size:.85rem;font-weight:700;text-align:right}.billing-page{min-height:100vh;background:var(--bg)}.billing-main{padding:40px 0}.billing-container{max-width:1000px;margin:0 auto;padding:0 24px}.billing-container h1{font-size:1.75rem;font-weight:700;margin-bottom:4px}.billing-subtitle{color:var(--text-muted);margin-bottom:32px}.billing-current{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.billing-current-info h3{font-size:1rem;margin-bottom:8px}.billing-usage{display:flex;gap:24px}.billing-usage-item{display:flex;gap:8px;font-size:.85rem;color:var(--text-muted)}.billing-usage-item span:last-child{font-weight:600;color:var(--text)}.billing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.billing-tier-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;display:flex;flex-direction:column;position:relative;transition:all .3s}.billing-tier-card.popular{border-color:var(--primary);box-shadow:0 0 40px #6366f126}.billing-tier-card.current{background:#6366f10d}.billing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.75rem;font-weight:700;border-radius:100px;white-space:nowrap}.billing-tier-card h3{font-size:1.2rem;font-weight:700;margin-bottom:12px}.billing-price{margin-bottom:24px}.billing-price-amount{font-size:2.5rem;font-weight:800;letter-spacing:-.03em}.billing-price-period{font-size:.9rem;color:var(--text-muted)}.billing-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.billing-features li{font-size:.85rem;color:var(--text-muted);position:relative;padding:6px 0 6px 20px}.billing-features li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.billing-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.billing-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;max-width:480px;width:100%}.billing-modal h3{font-size:1.2rem;margin-bottom:8px}.billing-modal p{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.billing-contact-info{background:var(--bg-elevated);border-radius:8px;padding:16px;margin-bottom:16px}.billing-contact-info p{margin-bottom:4px}.billing-payment-placeholder{margin-bottom:16px}.billing-payment-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-payment-note{font-size:.8rem;color:var(--text-dim);font-style:italic}.billing-modal-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:768px){.inst-page{flex-direction:column}.inst-sidebar{position:relative;width:100%;height:auto;flex-direction:row;padding:8px 0;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-logo,.sidebar-inst-name{display:none}.sidebar-nav{display:flex;flex-direction:row;gap:0;padding:0 8px;white-space:nowrap}.sidebar-link{padding:8px 14px!important;font-size:.8rem!important;white-space:nowrap}.sidebar-footer{display:none}.inst-main{margin-left:0!important;padding:16px!important}.inst-main-header{flex-direction:column;gap:12px;align-items:flex-start!important}.inst-main-header h1{font-size:1.3rem!important}.sub-form-grid,.sub-suggestion-list{grid-template-columns:1fr}.sub-record-header{flex-direction:column;align-items:flex-start}.sub-record-actions{width:100%}.sub-assign-select{flex:1}.terms-form-grid{grid-template-columns:1fr}.term-card-header{flex-direction:column}.term-card-actions{width:100%}.term-avail-grid{overflow-x:auto;min-width:0}.analytics-grid{grid-template-columns:1fr}.analytics-summary{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:70px 1fr 30px}.score-row{grid-template-columns:1fr;gap:4px}.score-bar-track{width:100%}.billing-tiers{grid-template-columns:1fr}.billing-current{flex-direction:column;gap:12px;align-items:flex-start}.billing-payment-row{grid-template-columns:1fr}.sub-history-table{display:block;overflow-x:auto}.dash-header-inner,.dash-container{padding:0 16px}.inst-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.tt-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.analytics-summary{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr!important}.sub-period-grid{gap:4px}.sub-period-btn{padding:5px 8px;font-size:.75rem}}@media(pointer:coarse){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:36px}.sidebar-link{min-height:44px;display:flex;align-items:center}.sub-period-btn{min-height:40px;min-width:40px}.term-avail-cell{min-height:32px;min-width:32px}.heatmap-cell{min-height:36px}.form-group input,.form-group select{min-height:44px;font-size:16px}}