@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500;1,600&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0b0f19;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--border:#ffffff1a;--glass-bg:#0f172a99;--glass-border:#ffffff14;color:var(--text-primary);background:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #1e1b4b 0%, var(--bg-color) 70%);background-attachment:fixed;min-width:320px;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-nav{border-bottom:1px solid var(--border);background:var(--bg-color);z-index:10;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.app-nav-brand{letter-spacing:-.4px;font-size:15px;font-weight:800}.app-nav-brand b{color:var(--accent)}.app-nav-links{color:var(--text-secondary);gap:24px;font-size:13px;display:flex}.app-nav-links a:hover{color:var(--accent)}.app-nav-user{color:#cbd5e1;align-items:center;gap:14px;font-size:12px;display:flex}.app-nav-logout{border:1px solid var(--border);cursor:pointer;color:var(--text-primary);background:0 0;padding:8px 14px;font-size:12px}.app-nav-logout:hover{background:var(--text-primary);color:#fff}.app-page{background:var(--bg-color);min-height:100vh}.app-shell{width:min(980px,100% - 48px);margin:0 auto;padding:48px 0 96px}.page-header{margin-bottom:32px}.page-header .eyebrow{color:var(--accent);letter-spacing:1.7px;margin:0 0 12px;font:500 10px DM Mono}.page-header h1{letter-spacing:-1.5px;margin:0;font-size:clamp(30px,4vw,44px)}.page-header p{color:#cbd5e1;margin-top:10px;font-size:14px}.auth-page{background:var(--bg-color);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--bg-card);width:min(420px,100%);padding:36px 32px}.auth-card h1{letter-spacing:-1px;margin:0 0 6px;font-size:28px}.auth-card .auth-sub{color:#cbd5e1;margin-bottom:28px;font-size:13px}.auth-card .brand-link{margin-bottom:24px;font-size:14px;font-weight:800;display:inline-block}.auth-card .brand-link b{color:var(--accent)}.form-field{margin-bottom:18px}.form-field label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#ffffff05;outline:none;padding:11px 12px;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.btn{background:var(--text-primary);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--text-primary);color:#fff}.btn-block{width:100%}.form-message{color:var(--text-secondary);margin-top:14px;font-size:12px}.form-message.is-error{color:#b3402a}.auth-switch{color:#cbd5e1;margin-top:22px;font-size:12px}.auth-switch a{color:var(--accent);font-weight:600}.card{background:var(--bg-card);margin-bottom:18px;padding:24px}.card h2,.card h3{margin:0 0 6px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px;display:grid}.stat-tile{background:var(--bg-card);border-top:3px solid var(--accent);padding:20px}.stat-tile strong{font-family:Playfair Display,serif;font-size:30px;display:block}.stat-tile span{color:#cbd5e1;letter-spacing:.6px;text-transform:uppercase;font:10px DM Mono}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 10px}.data-table th{letter-spacing:.8px;text-transform:uppercase;color:#cbd5e1;font:10px DM Mono}.badge{letter-spacing:.6px;text-transform:uppercase;border:1px solid var(--border);color:var(--text-secondary);padding:4px 9px;font:10px DM Mono;display:inline-block}.badge-draft{color:#a3781f;border-color:#f59e0b}.badge-published{color:#4a6b56;border-color:#10b981}.lesson-row{border-bottom:1px solid #e3e1d6;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.lesson-row:last-child{border-bottom:0}.lesson-row.is-locked{color:#a2aca5}.empty-state{color:#cbd5e1;padding:32px 0;font-size:13px}.inline-form{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.inline-form input{border:1px solid var(--border);background:#ffffff05;flex:1;min-width:140px;padding:9px 10px;font-size:13px}.tab-bar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.tab-button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px}.tab-button:hover{color:var(--text-primary)}.tab-button.is-active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.search-field{max-width:320px;margin-bottom:20px}.lesson-viewer{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.lesson-content{white-space:pre-wrap;color:var(--text-primary);margin:10px 0 16px;font-size:14px;line-height:1.6}.lesson-media{max-width:100%;margin-bottom:14px;display:block}@media (width<=720px){.stat-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.app-nav{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px}.tab-bar{overflow-x:auto}}
