*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f11;--surface: #151820;--surface2: #1c2029;--border: #252a35;--text: #e8eaf0;--muted: #6b7280;--accent: #4f8eff;--accent-dim: rgba(79, 142, 255, .12);--success: #34d399;--danger: #f87171;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.loader-wrap{height:100vh;display:grid;place-items:center}.loader{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(79,142,255,.08) 0%,transparent 70%),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 24px 60px #00000080}.login-header{text-align:center;margin-bottom:2rem}.login-icon{font-size:2.2rem;color:var(--accent);line-height:1;margin-bottom:.75rem}.login-header h1{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.3rem}.login-header p{color:var(--muted);font-size:.875rem}.login-public-link{display:inline-flex;margin-top:.85rem;color:var(--accent);font-size:.86rem;font-weight:600;text-decoration:none}.login-public-link:hover{text-decoration:underline}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.8rem;font-weight:500;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.65rem .875rem;color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;transition:border-color .15s}.field input::placeholder{color:var(--muted)}.field input:focus{border-color:var(--accent)}.error-msg{font-size:.82rem;color:var(--danger);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:6px;padding:.5rem .75rem}.btn-primary{width:100%;padding:.72rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:.5rem}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.dashboard{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem}.sidebar-logo{display:flex;align-items:center;gap:.6rem;padding:0 .5rem;margin-bottom:2rem}.logo-icon{font-size:1.4rem;color:var(--accent)}.logo-text{font-size:1rem;font-weight:600;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem;flex:1}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6;flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem}.user-chip{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.avatar{width:30px;height:30px;border-radius:8px;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;font-size:.8rem;font-weight:700;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-email{font-size:.75rem;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:var(--success);font-weight:500}.btn-signout{width:100%;padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-family:var(--font);font-size:.8rem;cursor:pointer;transition:border-color .12s,color .12s}.btn-signout:hover{border-color:var(--danger);color:var(--danger)}.public-class-page{min-height:100vh;background:#0d0f11;color:var(--text);padding:32px 20px 64px}.public-hero,.public-section{width:min(1080px,100%);margin:0 auto}.public-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:28px;align-items:center;min-height:min(680px,calc(100vh - 64px));padding-bottom:36px}.public-hero-copy h1{max-width:680px;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.04;letter-spacing:0;margin:0}.public-eyebrow{color:#7dd3fc;font-size:.86rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.public-hero-subtitle{max-width:620px;margin-top:18px;color:#c7d2e0;font-size:1.08rem}.public-hero-media{overflow:hidden;border:1px solid #263142;border-radius:8px;background:var(--surface);aspect-ratio:4 / 3}.public-hero-media img{width:100%;height:100%;display:block;object-fit:cover}.public-cta-row,.public-social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.public-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:8px;border:1px solid transparent;color:var(--text);font-weight:700;text-decoration:none}.public-button.primary{background:var(--accent);color:#fff}.public-button.secondary{border-color:#334155;background:#171c25}.public-button.ghost{border-color:transparent;color:#c7d2e0}.public-button.compact{width:fit-content;margin-top:18px}.public-section{padding:32px 0;border-top:1px solid #202735}.public-section-header{max-width:720px;margin-bottom:16px}.public-section h2{font-size:1.45rem;margin:0 0 6px;letter-spacing:0}.public-section-header p,.public-info-card p,.public-social-empty{color:#aab5c4}.public-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-info-card{border:1px solid #283244;border-radius:8px;background:#151a23;padding:18px}.public-info-card h3{font-size:1.1rem;margin:0 0 8px}.public-feature-card{max-width:720px}.public-step-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;counter-reset:public-step}.public-step-list li{counter-increment:public-step;min-height:76px;border:1px solid #283244;border-radius:8px;background:#151a23;padding:14px;font-weight:700}.public-step-list li:before{content:counter(public-step);display:block;color:#7dd3fc;font-size:.8rem;margin-bottom:6px}.public-payment-notice,.public-empty-review,.public-social-empty{border:1px solid #2d3748;border-radius:8px;background:#111827;padding:14px 16px;margin-top:16px}@media (max-width: 820px){.public-hero{grid-template-columns:1fr;min-height:auto;padding-top:12px}.public-card-grid,.public-step-list{grid-template-columns:1fr}}.main{flex:1;overflow-y:auto;padding:2rem 2.5rem;background:radial-gradient(ellipse 50% 30% at 80% 0%,rgba(79,142,255,.05) 0%,transparent 60%),var(--bg)}.main-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.page-sub{color:var(--muted);font-size:.85rem;margin-top:.15rem}.header-badge{padding:.3rem .75rem;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(79,142,255,.25);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .15s}.stat-card:hover{border-color:#4f8eff4d}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.stat-value{font-size:1.7rem;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:.4rem}.stat-delta{font-size:.75rem;font-family:var(--mono);font-weight:500}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem}.activity-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr 2fr 1fr;padding:.75rem 1.25rem;gap:1rem;align-items:center}.table-head{background:var(--surface2);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border)}.table-row{border-bottom:1px solid var(--border);transition:background .1s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--surface2)}.cell-user{font-family:var(--mono);font-size:.8rem;color:var(--accent)}.cell-action{font-size:.85rem}.cell-time{font-size:.78rem;color:var(--muted)}