@font-face{font-family:Orbitron;src:url(/fonts/Orbitron-SemiBold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}:root{--brand-900:#1a3fb0;--brand-700:#2d5afe;--brand-500:#5f86ff;--brand-100:#dbe6ff;--accent-500:#ffd700;--accent-300:#ffe792;--ink-950:#11203f;--ink-700:#3d4f73;--ink-500:#61739b;--surface-0:#f6f8fe;--surface-1:#ffffff;--surface-2:#e9eefc;--surface-3:#eef2fb;--success-500:#1f9d63;--warning-500:#e6a700;--danger-500:#d14343;--border-soft:rgba(26,63,176,0.12);--shadow-soft:0 18px 40px rgba(24,47,119,0.12)}*{box-sizing:border-box}html{font-family:Space Grotesk,Segoe UI,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(255,231,146,.34),transparent 26%),radial-gradient(circle at top right,rgba(95,134,255,.18),transparent 30%),linear-gradient(180deg,#eef2fb,#f7f8fd 44%,#eef3fb);color:var(--ink-950)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:24px}.shell-grid{display:grid;grid-template-columns:260px 1fr;grid-gap:24px;gap:24px;max-width:1440px;margin:0 auto}.sidebar{background:linear-gradient(180deg,rgba(26,63,176,.96),rgba(45,90,254,.92));color:#fff;border-radius:28px;padding:28px 22px;box-shadow:var(--shadow-soft)}.brand-mark{display:grid;grid-gap:10px;gap:10px;margin-bottom:24px}.brand-logo{width:188px;max-width:100%;height:auto;padding:8px 4px;background:#fff;border-radius:12px}.brand-badge{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,215,0,.95);color:var(--brand-900);font-weight:800}.nav-group{display:grid;grid-gap:10px;gap:10px}.nav-link{border-radius:16px;padding:12px 14px;color:rgba(255,255,255,.84);transition:background-color .12s ease,color .12s ease,transform .12s ease}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateX(2px)}.content{display:grid;grid-gap:20px;gap:20px}.hero-card,.panel,.topbar{background:rgba(255,255,255,.88);border:1px solid var(--border-soft);border-radius:28px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-card{padding:28px;display:grid;grid-gap:12px;gap:12px}.hero-title{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.02}.hero-subtitle,.muted{color:var(--ink-700)}.metrics-grid,.panel-grid{display:grid;grid-gap:20px;gap:20px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid{grid-template-columns:1.2fr .8fr}.metric-card,.panel{padding:22px}.metric-value{font-size:2rem;font-weight:700}.metric-label{color:var(--ink-700);margin-bottom:12px}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;font-size:.875rem;font-weight:600}.status-pill.locked{background:rgba(209,67,67,.1);color:var(--danger-500)}.status-pill.unlocked{background:rgba(31,157,99,.1);color:var(--success-500)}.status-pill.exception{background:rgba(230,167,0,.13);color:var(--warning-500)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:14px 0;border-bottom:1px solid rgba(17,32,63,.08)}.table th{color:var(--ink-700);font-weight:500;font-size:.92rem}.stack{display:grid;grid-gap:14px;gap:14px}.list-card{padding:16px 18px;border-radius:20px;border:1px solid rgba(26,63,176,.07)}.empty-state,.list-card{background:var(--surface-0)}.empty-state{border-radius:20px;padding:18px;border:1px dashed rgba(26,63,176,.18);color:var(--ink-700)}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--brand-700);font-weight:700}.badge-line{display:flex;flex-wrap:wrap;gap:10px}.soft-badge{border-radius:999px;padding:8px 12px;font-size:.875rem;font-weight:600}.soft-badge,.soft-link-button{background:var(--surface-2);color:var(--brand-900)}.soft-link-button{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:12px 14px;font-weight:700}.sidebar-button{width:100%;border:0;border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer}.sidebar-button:hover{background:rgba(255,255,255,.22)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(720px,100%);background:rgba(255,255,255,.92);border:1px solid var(--border-soft);border-radius:30px;box-shadow:var(--shadow-soft);padding:32px}.marketing-shell{min-height:100vh;padding:24px;max-width:1320px;margin:0 auto;display:grid;grid-gap:26px;gap:26px}.marketing-shell h1,.marketing-shell h2{font-family:Orbitron,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:break-word}.marketing-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:rgba(255,255,255,.84);border:1px solid var(--border-soft);border-radius:30px;box-shadow:0 28px 60px rgba(17,32,63,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;top:18px;z-index:10}.marketing-logo-link{flex:0 0 auto;max-width:100%}.marketing-logo{display:block;width:400px;max-width:100%;height:auto}.marketing-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--ink-700);font-weight:600}.marketing-preview-link{color:var(--brand-700)}.language-switcher{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:16px;background:rgba(17,32,63,.05)}.language-switcher-label{font-size:.85rem;color:var(--ink-500)}.language-switcher-select{border:0;background:transparent;color:var(--ink-950);font:inherit;font-weight:700}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);grid-gap:26px;gap:26px;align-items:stretch}.marketing-hero-copy,.marketing-hero-panel,.marketing-section{background:rgba(255,255,255,.88);border:1px solid var(--border-soft);border-radius:32px;box-shadow:0 28px 60px rgba(17,32,63,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.marketing-hero-copy{padding:42px;background:radial-gradient(circle at top left,rgba(255,231,146,.26),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,248,255,.92))}.marketing-hero-copy h1{margin:12px 0 18px;font-size:clamp(2.5rem,3.6vw,3.6rem);line-height:1.16;max-width:18ch}.marketing-hero-copy p{margin:0;max-width:62ch;font-size:1.08rem;line-height:1.78;color:var(--ink-500)}.marketing-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--brand-900);font-weight:700}.marketing-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}.marketing-hero-panel{padding:28px;display:grid;grid-gap:18px;gap:18px;background:radial-gradient(circle at top right,rgba(255,231,146,.34),transparent 28%),linear-gradient(180deg,rgba(233,238,252,.76),rgba(255,255,255,.98))}.marketing-card,.marketing-faq-card,.marketing-mini-card,.marketing-reality-card,.marketing-stat-card,.marketing-step-card,.marketing-story-card{border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(26,63,176,.08)}.marketing-stat-card{padding:22px}.marketing-card-grid,.marketing-faq-grid,.marketing-reality-grid,.marketing-stat-grid,.marketing-steps-grid,.marketing-story-grid{display:grid;grid-gap:16px;gap:16px}.marketing-stat-grid{grid-template-columns:1fr 1fr}.marketing-card,.marketing-faq-card,.marketing-mini-card,.marketing-reality-card,.marketing-step-card,.marketing-story-card{padding:18px}.marketing-section{padding:30px}.marketing-section-head{margin-bottom:22px}.marketing-section-head h2{margin:8px 0 0;font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1.2;max-width:22ch}.marketing-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-card h3,.marketing-reality-card h3{margin:0 0 10px}.marketing-card p,.marketing-reality-card p{margin:0;color:var(--ink-500);line-height:1.65}.marketing-reality-grid{grid-template-columns:1fr 1fr}.marketing-reality-card.strong{background:linear-gradient(180deg,rgba(95,134,255,.13),rgba(255,255,255,.92))}.marketing-reality-card.caution{background:linear-gradient(180deg,rgba(255,231,146,.28),rgba(255,255,255,.95))}.marketing-panel-label{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:8px 12px;background:rgba(17,32,63,.08);color:var(--ink-950);font-size:.85rem;font-weight:700}.marketing-problem-section{background:linear-gradient(180deg,rgba(17,32,63,.98),rgba(31,54,112,.96)),var(--ink-950);color:#fff}.marketing-problem-section .marketing-kicker,.marketing-problem-section p{color:rgba(255,255,255,.76)}.marketing-problem-section .marketing-story-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}.marketing-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-faq-card h3,.marketing-step-card h3,.marketing-story-card strong{display:block;margin-bottom:10px}.marketing-faq-card p,.marketing-step-card p,.marketing-story-card p{margin:0;line-height:1.7;color:inherit}.marketing-journey-section{background:radial-gradient(circle at top right,rgba(95,134,255,.14),transparent 26%),rgba(255,255,255,.9)}.market-teaser-section{background:radial-gradient(circle at top left,rgba(95,134,255,.12),transparent 24%),rgba(255,255,255,.92)}.market-teaser-card{display:grid;grid-gap:16px;gap:16px;align-items:start;border-radius:24px;padding:22px;background:rgba(255,255,255,.72);border:1px solid rgba(26,63,176,.08)}.market-teaser-card p{margin:0;color:var(--ink-500);line-height:1.7;max-width:70ch}.marketing-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-step-card{position:relative;overflow:hidden;min-height:200px}.marketing-step-index{display:inline-flex;margin-bottom:16px;font-size:2.2rem;line-height:1;letter-spacing:-.08em;color:var(--brand-500);font-weight:700}.marketing-proof-section{background:radial-gradient(circle at top left,rgba(255,231,146,.22),transparent 24%),rgba(255,255,255,.92)}.marketing-faq-grid{grid-template-columns:1fr 1fr}.marketing-cta-section{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:22px;gap:22px;align-items:center;padding:34px;border-radius:32px;border:1px solid rgba(17,32,63,.08);background:radial-gradient(circle at top right,rgba(255,231,146,.28),transparent 28%),linear-gradient(180deg,#1a3fb0,#11203f);box-shadow:0 32px 70px rgba(17,32,63,.18);color:#fff}.marketing-cta-copy h2{margin:10px 0 14px;font-size:clamp(1.75rem,2.8vw,2.6rem);line-height:1.2;max-width:20ch}.marketing-cta-copy p{margin:0;max-width:54ch;line-height:1.7;color:rgba(255,255,255,.8)}.marketing-cta-actions{display:grid;grid-gap:12px;gap:12px}.marketing-cta-points{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.marketing-cta-point{border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.92)}.marketing-contact-panel{border-radius:26px;padding:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.marketing-contact-intro strong{display:block;margin-bottom:6px}.marketing-contact-intro p{margin:0 0 18px;color:rgba(255,255,255,.78);line-height:1.6}.marketing-contact-form{display:grid;grid-gap:14px;gap:14px}.marketing-contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.marketing-contact-form .form-field{font-weight:600}.marketing-contact-form .form-field span{color:rgba(255,255,255,.9)}.marketing-contact-form .form-input{background:rgba(255,255,255,.95);border-color:rgba(17,32,63,.08)}.marketing-contact-textarea{min-height:150px;resize:vertical}.marketing-contact-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.marketing-contact-actions .soft-link-button{background:rgba(255,255,255,.12);color:#fff}.marketing-contact-footer{margin-top:14px}.marketing-contact-footer .soft-link-button{background:rgba(255,255,255,.12);color:#fff}.marketing-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.marketing-cta-section .soft-link-button{background:rgba(255,255,255,.12);color:#fff}.marketing-cta-section .login-button{background:linear-gradient(180deg,#ffffff,#eef2fb);color:var(--brand-900)}.market-hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px}.market-checklist,.market-hero-copy{border-radius:32px;border:1px solid var(--border-soft);background:rgba(255,255,255,.9);box-shadow:0 28px 60px rgba(17,32,63,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.market-hero-copy{padding:38px}.market-hero-copy h1{margin:12px 0 16px;font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.16;max-width:18ch}.market-hero-copy p{margin:0;color:var(--ink-500);line-height:1.75;max-width:62ch}.market-checklist{padding:28px}.market-checklist h2{margin:10px 0 18px;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.2}.market-checklist-list{display:grid;grid-gap:12px;gap:12px}.market-checklist-item{border-radius:18px;padding:14px 16px;background:rgba(17,32,63,.04);color:var(--ink-950)}.marketing-faq-card{min-height:180px}.login-form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.login-label{font-weight:600}.login-textarea{min-height:220px;width:100%;border-radius:20px;border:1px solid rgba(17,32,63,.16);padding:16px;resize:vertical;background:#fbfcff}.login-button{border:0;border-radius:18px;padding:14px 18px;background:linear-gradient(180deg,var(--brand-700),var(--brand-900));color:#fff;font-weight:700;cursor:pointer}.login-link-button{display:inline-flex;align-items:center;justify-content:center}.login-error{margin-top:16px;border-radius:16px;padding:12px 14px;background:rgba(209,67,67,.1);color:var(--danger-500)}.login-backlink,.login-hint{margin-top:16px;color:var(--ink-700)}@media (max-width:1080px){.market-hero,.marketing-card-grid,.marketing-contact-actions,.marketing-contact-grid,.marketing-cta-section,.marketing-faq-grid,.marketing-hero,.marketing-reality-grid,.marketing-steps-grid,.marketing-story-grid,.metrics-grid,.panel-grid{grid-template-columns:1fr}.marketing-cta-copy h2,.marketing-hero-copy h1,.marketing-section-head h2{max-width:none}.shell-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-shell,.login-shell,.marketing-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.hero-card,.login-card,.marketing-cta-section,.marketing-hero-copy,.marketing-hero-panel,.marketing-nav,.marketing-section,.panel,.sidebar{padding:22px;border-radius:24px}.marketing-nav{position:static}.marketing-logo{width:240px}.market-hero-copy h1,.marketing-hero-copy h1{font-size:clamp(1.85rem,7.8vw,2.6rem)}.badge-line,.login-button,.marketing-actions,.marketing-nav-links,.soft-link-button{width:100%}.marketing-stat-grid{grid-template-columns:1fr}}.action-form{display:grid;grid-gap:14px;gap:14px}.form-field{display:grid;grid-gap:8px;gap:8px;font-weight:500}.form-input{width:100%;border-radius:16px;border:1px solid rgba(17,32,63,.14);padding:12px 14px;background:#fbfcff}.form-checkbox{display:flex;align-items:center;gap:10px;color:var(--ink-700)}.decision-form{display:flex;gap:10px;margin-top:14px}.decision-button{border:0;border-radius:14px;padding:10px 14px;font-weight:700;cursor:pointer}.decision-button:disabled,.login-button:disabled{opacity:.6;cursor:wait}.decision-button.approve{background:rgba(31,157,99,.12);color:var(--success-500)}.decision-button.deny{background:rgba(209,67,67,.12);color:var(--danger-500)}.decision-form-wrap{margin-top:14px}.inline-action-form{display:grid;justify-items:start;grid-gap:8px;gap:8px}.inline-action-button{border:0;border-radius:12px;padding:9px 12px;background:var(--surface-2);color:var(--brand-900);font-weight:700;cursor:pointer}.inline-action-button:disabled{opacity:.6;cursor:wait}.table-code{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--surface-2);color:var(--brand-900);font-size:.88rem;font-weight:700}.form-message{border-radius:14px;padding:10px 12px;font-size:.92rem}.form-message-body{line-height:1.45}.issued-code-block{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.result-code{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(17,32,63,.08);color:var(--ink-950);font-size:.9rem;font-weight:800}.copy-code-button{border:0;border-radius:999px;padding:7px 12px;background:rgba(26,63,176,.12);color:var(--brand-900);font-weight:700;cursor:pointer}.print-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,rgba(255,215,0,.2),transparent 24%),linear-gradient(180deg,#eef3ff,#f9fbff 44%,#f3f7ff)}.print-toolbar{max-width:1200px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.92);border:1px solid var(--border-soft);border-radius:28px;box-shadow:var(--shadow-soft);padding:22px 24px}.print-toolbar-actions{display:flex;flex-wrap:wrap;gap:12px}.print-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.access-card{background:#fff;border:1px solid var(--border-soft);border-radius:28px;box-shadow:var(--shadow-soft);padding:24px;page-break-inside:avoid;break-inside:avoid}.access-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.access-card-body{display:grid;grid-gap:18px;gap:18px;margin-top:18px}.access-code-panel{background:var(--surface-0);border:1px dashed rgba(26,63,176,.24);border-radius:20px;padding:18px}.access-code{display:inline-block;margin-top:8px;font-size:1.5rem;font-weight:800;letter-spacing:.08em;color:var(--brand-900)}.form-message.success{background:rgba(31,157,99,.11);color:var(--success-500)}.form-message.error{background:rgba(209,67,67,.1);color:var(--danger-500)}@media (max-width:1120px){.metrics-grid,.panel-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.app-shell{padding:16px}.shell-grid{grid-template-columns:1fr}.sidebar{padding:20px}.marketing-card-grid,.marketing-hero,.marketing-nav,.marketing-reality-grid,.marketing-stat-grid,.metrics-grid,.panel-grid{grid-template-columns:1fr}.marketing-nav{align-items:flex-start;flex-direction:column}.marketing-logo{width:240px;aspect-ratio:1364/240}.brand-logo{width:200px}.print-grid,.print-toolbar{grid-template-columns:1fr}}@media print{.no-print{display:none!important}.print-shell{background:#fff;padding:0}.print-grid{max-width:none;grid-template-columns:1fr 1fr;gap:12px}.access-card{box-shadow:none}}.preview-page{--preview-ink:#172033;--preview-muted:#778197;--preview-line:#e8ebf2;--preview-blue:#3659d9;--preview-blue-dark:#203caa;min-height:100vh;background:#f4f6fa;color:var(--preview-ink);font-family:Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif}.preview-page a,.preview-page button{-webkit-tap-highlight-color:transparent}.preview-demo-ribbon{min-height:36px;padding:7px 28px;display:flex;align-items:center;justify-content:center;gap:18px;background:#16234a;color:rgba(255,255,255,.7);font-size:.76rem}.preview-demo-ribbon span{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:750}.preview-demo-ribbon span i{width:6px;height:6px;border-radius:50%;background:#59d9a0;box-shadow:0 0 0 4px rgba(89,217,160,.13)}.preview-demo-ribbon p{margin:0}.preview-demo-ribbon a{margin-left:auto;color:#fff;font-weight:700}.preview-app{min-height:calc(100vh - 36px);display:grid;grid-template-columns:228px minmax(0,1fr)}.preview-sidebar{height:calc(100vh - 36px);position:-webkit-sticky;position:sticky;top:36px;display:flex;flex-direction:column;padding:12px 14px 18px;background:#fff;border-right:1px solid var(--preview-line)}.preview-brand{height:76px;padding:0;display:flex;align-items:center;overflow:hidden}.preview-brand img{width:200px;max-width:100%;height:auto}.preview-nav{display:grid;grid-gap:4px;gap:4px;margin-top:14px}.preview-nav-label,.preview-section-label{color:#9aa3b4;font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.preview-nav-label{padding:0 13px 8px}.preview-nav-item{width:100%;min-height:45px;padding:0 13px;display:flex;align-items:center;gap:12px;border:0;border-radius:11px;background:transparent;color:#687287;cursor:pointer;font-size:.86rem;font-weight:650;text-align:left;transition:.15s ease}.preview-nav-item:hover{background:#f5f7fb;color:var(--preview-blue)}.preview-nav-item.active{background:#edf1ff;color:var(--preview-blue)}.preview-nav-item.active:before{width:3px;height:22px;margin-left:-13px;margin-right:-2px;border-radius:0 4px 4px 0;background:var(--preview-blue);content:""}.preview-nav-badge{min-width:20px;height:20px;margin-left:auto;display:grid;place-items:center;border-radius:7px;background:#ffe8df;color:#d75f37;font-size:.68rem;font-weight:800}.preview-sidebar-foot{display:grid;grid-gap:12px;gap:12px;margin-top:auto}.preview-support-card{padding:15px;border-radius:15px;background:linear-gradient(150deg,#eef2ff,#f8f4ff);border:1px solid #e5e9fa}.preview-support-card .preview-support-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--preview-blue);box-shadow:0 5px 12px rgba(54,89,217,.1)}.preview-support-card strong{display:block;margin-top:10px;font-size:.78rem}.preview-support-card p{margin:5px 0 10px;color:var(--preview-muted);font-size:.68rem;line-height:1.5}.preview-support-card button{padding:0;display:inline-flex;align-items:center;border:0;background:transparent;color:var(--preview-blue);cursor:pointer;font-size:.68rem;font-weight:800}.preview-exit{padding:10px 12px;display:flex;align-items:center;gap:10px;color:#8992a3;font-size:.76rem;font-weight:650}.preview-main{min-width:0}.preview-header{height:76px;padding:0 30px;position:-webkit-sticky;position:sticky;top:36px;z-index:20;display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--preview-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.preview-mobile-brand{display:none}.preview-search{width:min(330px,30vw);min-height:39px;padding:0 12px;display:flex;align-items:center;gap:9px;border-radius:10px;background:#f5f6f9;color:#a0a8b7;font-size:.77rem}.preview-search kbd{margin-left:auto;padding:3px 6px;border:1px solid #dfe3eb;border-radius:5px;background:#fff;box-shadow:none;color:#9aa3b3;font:inherit;font-size:.66rem}.preview-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.preview-role-switch{padding:3px;display:flex;border:1px solid #e4e7ed;border-radius:11px;background:#f7f8fa}.preview-role-switch button{padding:7px 11px;border:0;border-radius:8px;background:transparent;color:#7a8497;cursor:pointer;font-size:.7rem;font-weight:750}.preview-role-switch button.active{background:#fff;color:var(--preview-blue);box-shadow:0 2px 8px rgba(31,47,91,.1)}.preview-icon-button{width:38px;height:38px;position:relative;display:grid;place-items:center;border:1px solid #e6e9ef;border-radius:10px;background:#fff;color:#667185;cursor:pointer}.preview-icon-button span{width:7px;height:7px;position:absolute;right:8px;top:7px;border:2px solid #fff;border-radius:50%;background:#f27851}.preview-profile{padding-left:3px;display:flex;align-items:center;gap:9px}.preview-profile>span:nth-child(2){display:grid;grid-gap:2px;gap:2px}.preview-profile strong{font-size:.74rem}.preview-profile small{color:var(--preview-muted);font-size:.63rem}.preview-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#dfe6ff;color:#304eb7;font-size:.69rem;font-style:normal;font-weight:850}.preview-content{width:min(1340px,100%);margin:0 auto;padding:30px}.preview-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.preview-welcome>div:first-child>span{color:var(--preview-blue);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.preview-welcome h1{margin:7px 0 4px;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.045em}.preview-welcome p{margin:0;color:var(--preview-muted);font-size:.84rem}.preview-date{padding:9px 13px;display:flex;align-items:center;gap:9px;border:1px solid #e2e6ee;border-radius:11px;background:#fff}.preview-date>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf1ff;color:var(--preview-blue)}.preview-date div{display:grid;grid-gap:1px;gap:1px}.preview-date small{color:var(--preview-muted);font-size:.61rem}.preview-date strong{font-size:.71rem}.preview-stat-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.preview-card,.preview-stat-card{background:#fff;border:1px solid #e7eaf0;box-shadow:0 6px 24px rgba(35,51,87,.045)}.preview-stat-card{min-width:0;padding:17px;display:flex;align-items:flex-start;gap:12px;border-radius:14px}.preview-stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px}.preview-school-mark.blue,.preview-stat-icon.blue{background:#e9efff;color:#4263d8}.preview-school-mark.mint,.preview-stat-icon.mint{background:#e5f7f0;color:#23936b}.preview-school-mark.violet,.preview-stat-icon.violet{background:#f0eafd;color:#7555c4}.preview-stat-icon.amber{background:#fff1df;color:#d88a2c}.preview-stat-card>div{min-width:0;display:grid}.preview-stat-card div>span{overflow:hidden;color:var(--preview-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.preview-stat-card div>strong{margin:3px 0 2px;font-size:1.45rem;letter-spacing:-.045em}.preview-stat-card div>small{color:#56a081;font-size:.62rem;font-weight:700}.preview-stat-card:last-child div>small{color:#cf7a2a}.preview-dashboard-grid{margin-top:14px;display:grid;grid-gap:14px;gap:14px}.preview-dashboard-grid.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr)}.preview-dashboard-grid.teacher-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);align-items:start}.preview-card{padding:20px;border-radius:16px}.preview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.preview-card-head h2,.preview-student-request h2{margin:5px 0 0;font-size:1.05rem;letter-spacing:-.025em}.preview-filter,.preview-round-link,.preview-text-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #e5e8ef;background:#fff;color:#6f798b;cursor:pointer;font-size:.67rem;font-weight:700}.preview-filter{min-height:32px;padding:0 10px;border-radius:8px}.preview-text-button{padding:7px 0 7px 8px;border-color:transparent;color:var(--preview-blue)}.preview-round-link{width:31px;height:31px;justify-content:center;border-radius:50%}.preview-chart-summary{margin-top:15px;display:flex;align-items:flex-end;gap:14px}.preview-chart-summary>div{display:flex;align-items:center;gap:8px}.preview-chart-summary strong{font-size:1.65rem;letter-spacing:-.05em}.preview-chart-summary p{max-width:310px;margin:0 0 3px;color:var(--preview-muted);font-size:.67rem;line-height:1.45}.trend-positive{padding:4px 6px;border-radius:6px;background:#e7f7f0;color:#288a67;font-size:.6rem;font-weight:800}.preview-bar-chart{height:142px;margin-top:18px;padding:0 12px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f4;background:repeating-linear-gradient(180deg,transparent 0,transparent 34px,#f0f2f6 35px)}.preview-chart-column{height:159px;display:grid;grid-template-rows:142px 17px;justify-items:center;flex:1 1}.preview-bar-track{width:min(34px,55%);height:100%;display:flex;align-items:flex-end}.preview-bar-track span{width:100%;min-height:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#647ff0,#3f5bc9);box-shadow:0 5px 12px rgba(63,91,201,.16)}.preview-chart-column small{margin-top:7px;color:#929bac;font-size:.6rem}.preview-live-policy{margin-top:18px;padding:14px;display:grid;grid-template-columns:44px 1fr;grid-gap:13px;gap:13px;border-radius:12px;background:#f5f7ff;border:1px solid #e9edfb}.preview-policy-time{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;color:#7c8698;font-size:.55rem}.preview-policy-time i{width:2px;min-height:33px;margin:4px 0;border-radius:2px;background:#8da0ea}.preview-live-policy>div:last-child{display:grid;align-content:center}.preview-live-pill{width:-moz-fit-content;width:fit-content;margin-bottom:6px;display:inline-flex;align-items:center;gap:6px;color:#27956f;font-size:.58rem;font-weight:800;text-transform:uppercase}.preview-class-live i,.preview-connected i,.preview-live-pill i{width:6px;height:6px;border-radius:50%;background:#45bc8d}.preview-live-policy strong{font-size:.84rem}.preview-live-policy p{margin:4px 0 0;color:var(--preview-muted);font-size:.61rem;line-height:1.4}.preview-progress-copy{margin-top:16px;display:flex;justify-content:space-between;color:var(--preview-muted);font-size:.62rem}.preview-progress-copy strong{color:var(--preview-ink)}.preview-progress{height:6px;margin-top:7px;overflow:hidden;border-radius:99px;background:#edf0f5}.preview-progress span{height:100%;display:block;border-radius:inherit;background:var(--preview-blue)}.preview-next-item{margin-top:15px;padding-top:13px;display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;color:var(--preview-blue)}.preview-next-item span{display:grid}.preview-next-item small{color:var(--preview-muted);font-size:.56rem}.preview-next-item strong{color:var(--preview-ink);font-size:.66rem}.preview-school-list{margin-top:13px;display:grid}.preview-school-row{min-height:55px;display:grid;grid-template-columns:34px minmax(130px,1fr) 70px 70px 18px;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf0f4;color:#828b9c}.preview-school-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.preview-school-row>span:not(:first-child){display:grid;grid-gap:2px;gap:2px}.preview-school-row strong{color:var(--preview-ink);font-size:.68rem}.preview-school-row small{color:var(--preview-muted);font-size:.56rem}.preview-count-badge{min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#fff0e8;color:#d76d45;font-size:.65rem;font-weight:850}.preview-attention-item{min-height:62px;margin-top:8px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf0f4}.preview-device-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.preview-device-avatar.amber{background:#fff2e2;color:#d8862f}.preview-device-avatar.violet{background:#f0eafd;color:#7253bd}.preview-attention-item>span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.preview-attention-item strong{overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.preview-attention-item small{color:var(--preview-muted);font-size:.56rem}.preview-attention-item button{padding:6px 8px;border:1px solid #e4e8ef;border-radius:7px;background:#fff;color:var(--preview-blue);cursor:pointer;font-size:.58rem;font-weight:750}.preview-sync-note{margin-top:10px;padding:10px 11px;display:flex;align-items:center;gap:7px;border-radius:9px;background:#eef8f4;color:#43846d;font-size:.59rem}.preview-sync-note span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#d9f0e7}.preview-class-live{padding:7px 9px;display:flex;align-items:center;gap:6px;border-radius:8px;background:#edf8f4;color:#338467;font-size:.59rem;font-weight:700}.preview-class-live strong{margin-left:3px;color:#256f56}.preview-class-toolbar{margin-top:16px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.preview-segmented{display:flex;gap:4px}.preview-segmented button{padding:6px 9px;border:0;border-radius:7px;background:transparent;color:#8a93a3;cursor:pointer;font-size:.59rem;font-weight:750}.preview-segmented button.active{background:#edf1ff;color:var(--preview-blue)}.preview-student-table{display:grid}.preview-student-row{min-height:57px;display:grid;grid-template-columns:minmax(145px,1.3fr) minmax(90px,.9fr) minmax(105px,1fr) 72px 20px;align-items:center;grid-gap:9px;gap:9px;border-bottom:1px solid #edf0f4;color:#7d8798;font-size:.61rem}.preview-student-row.header{min-height:35px;color:#a0a8b6;font-size:.55rem;font-weight:750}.preview-connected,.preview-student-name{display:flex;align-items:center;gap:8px}.preview-student-name i{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#edf1ff;color:#405ec7;font-size:.54rem;font-style:normal;font-weight:850}.preview-student-name i.mint{background:#e4f5ee;color:#35856a}.preview-student-name i.amber{background:#fff1e1;color:#c97829}.preview-student-name i.violet{background:#efe9fb;color:#7357b6}.preview-student-name i.rose{background:#fdebed;color:#c95d6a}.preview-student-name strong{color:var(--preview-ink);font-size:.65rem}.preview-connected i{width:5px;height:5px}.preview-state{width:-moz-fit-content;width:fit-content;padding:5px 7px;display:inline-block;border-radius:7px;background:#e8f6f0;color:#35866a;font-size:.55rem;font-style:normal;font-weight:750}.preview-state.amber{background:#fff1e0;color:#bf7028}.preview-state.violet{background:#f0ebfb;color:#7655b9}.preview-state.rose{background:#fcecef;color:#bd6270}.preview-student-row>button{padding:0;display:grid;place-items:center;border:0;background:transparent;color:#9ba4b3;cursor:pointer}.preview-table-footer{margin:12px auto -4px;display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--preview-blue);cursor:pointer;font-size:.62rem;font-weight:750}.preview-request-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.preview-request{padding:13px;border:1px solid #e7eaf0;border-radius:12px;background:#fcfcfd}.preview-request-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px}.preview-request-head>span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.preview-request-head strong{overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.preview-request-head small{color:var(--preview-muted);font-size:.55rem}.preview-request-head>b{padding:5px 7px;border-radius:7px;background:#f0ebfa;color:#7456b5;font-size:.56rem}.preview-avatar.mint{background:#e1f4ed;color:#338166}.preview-avatar.violet{background:#eee8fb;color:#7153b7}.preview-request-reason{margin:11px 0;padding:9px 10px;display:flex;align-items:center;gap:8px;border-radius:9px;background:#f5f6f8;color:#8a93a2}.preview-request-reason span{min-width:0;display:grid;grid-gap:2px;gap:2px}.preview-request-reason small{font-size:.52rem}.preview-request-reason strong{overflow:hidden;color:#505a6c;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.preview-request-actions{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:7px;gap:7px}.preview-request-actions button{min-height:31px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e0e4eb;border-radius:8px;background:#fff;color:#7d8696;cursor:pointer;font-size:.59rem;font-weight:750}.preview-request-actions button:last-child{border-color:var(--preview-blue);background:var(--preview-blue);color:#fff}.preview-response-note{margin:13px -20px -20px;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:0 0 16px 16px;background:#f7f8fa;color:#8992a2;font-size:.56rem}.preview-response-note strong{color:#5f697a}.preview-clear-state{min-height:265px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.preview-clear-state>span{width:48px;height:48px;margin-bottom:12px;display:grid;place-items:center;border-radius:50%;background:#e3f5ed;color:#318467}.preview-clear-state strong{font-size:.8rem}.preview-clear-state p{max-width:210px;margin:5px 0;color:var(--preview-muted);font-size:.62rem;line-height:1.5}.preview-toast{max-width:min(420px,calc(100vw - 30px));padding:10px 13px;position:fixed;z-index:60;top:56px;right:25px;display:flex;align-items:center;gap:9px;border:1px solid #d8ece4;border-radius:11px;background:#fff;box-shadow:0 14px 40px rgba(29,48,73,.16);color:#3f6256;cursor:pointer;font-size:.67rem;font-weight:700}.preview-toast span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e3f5ed;color:#318467}.preview-toast b{margin-left:auto;color:#9aa3b1;font-size:1rem}.preview-student-layout{min-height:590px;margin-top:24px;padding:30px 34px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,330px) minmax(280px,.9fr);align-items:center;grid-gap:clamp(22px,4vw,64px);gap:clamp(22px,4vw,64px);overflow:hidden;border:1px solid #e2e6ef;border-radius:22px;background:radial-gradient(circle at 50% 25%,rgba(94,120,236,.14),transparent 30%),linear-gradient(135deg,#f8faff,#eef2fc 50%,#f8f6fb);box-shadow:0 12px 40px rgba(35,51,87,.06)}.preview-student-intro h2{margin:9px 0 14px;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.02;letter-spacing:-.055em}.preview-student-intro>p{margin:0;color:var(--preview-muted);font-size:.78rem;line-height:1.75}.preview-student-benefits{margin-top:24px;display:grid;grid-gap:13px;gap:13px}.preview-student-benefits>div{display:grid;grid-template-columns:36px 1fr;grid-gap:2px 11px;gap:2px 11px}.preview-student-benefits>div>span{width:36px;height:36px;grid-row:1/3;display:grid;place-items:center;border-radius:11px;background:#fff;color:var(--preview-blue);box-shadow:0 5px 15px rgba(38,58,108,.08)}.preview-student-benefits strong{font-size:.7rem}.preview-student-benefits p{margin:1px 0 0;color:var(--preview-muted);font-size:.62rem;line-height:1.5}.preview-phone{min-height:548px;padding:14px 17px 11px;position:relative;border:7px solid #17213c;border-radius:38px;background:linear-gradient(180deg,#f7f9ff,#fff);box-shadow:0 28px 70px rgba(34,50,95,.2)}.preview-phone:before{width:92px;height:20px;position:absolute;z-index:2;top:-1px;left:50%;border-radius:0 0 14px 14px;background:#17213c;content:"";transform:translateX(-50%)}.preview-phone-bar{height:19px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;color:#17213c;font-size:.52rem;font-weight:800}.preview-phone-bar i{justify-self:center}.preview-phone-bar b{justify-self:end;letter-spacing:1px}.preview-phone-head{height:47px;display:flex;align-items:center;gap:8px}.preview-phone-logo{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--preview-blue);color:#fff}.preview-phone-head strong{font-size:.73rem}.preview-phone-head button{margin-left:auto;padding:0;display:grid;border:0;background:transparent;color:#788296;cursor:pointer}.preview-phone-copy{margin-top:8px;text-align:center}.preview-phone-copy small{color:var(--preview-muted);font-size:.59rem}.preview-phone-copy h3{margin:3px 0 2px;font-size:1.22rem;letter-spacing:-.04em}.preview-phone-copy p{margin:0;color:var(--preview-muted);font-size:.59rem}.preview-focus-orbit{width:154px;height:154px;margin:16px auto;padding:8px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#4765dc 0 68%,#e6eafa 68% 100%);box-shadow:0 12px 28px rgba(63,91,201,.13)}.preview-focus-orbit>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid #fff;border-radius:50%;background:#f8f9fe;color:var(--preview-blue)}.preview-focus-orbit strong{margin:2px 0 -3px;color:var(--preview-ink);font-size:2rem;letter-spacing:-.07em}.preview-focus-orbit span{color:var(--preview-muted);font-size:.57rem}.preview-phone-window{padding:10px 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e8ebf2;border-radius:10px;background:#fff;font-size:.57rem}.preview-phone-window span{display:flex;align-items:center;gap:5px;color:var(--preview-muted)}.preview-phone-window strong{font-size:.59rem}.preview-apps-row{margin:14px 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.preview-apps-row>button,.preview-apps-row>span{padding:0;display:grid;justify-items:center;grid-gap:4px;gap:4px;border:0;background:transparent;color:#788296;font-size:.51rem}.preview-apps-row i,.preview-apps-row>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e8eaf0;border-radius:10px;background:#fff;color:#4e68d0;box-shadow:0 4px 10px rgba(31,47,87,.05);font-size:.64rem;font-style:normal;font-weight:850}.preview-apps-row>button{width:auto;height:auto;border:0;background:transparent;box-shadow:none;cursor:pointer}.preview-apps-row>button:first-line{width:34px;height:34px}.preview-request-button{width:100%;min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:var(--preview-blue);box-shadow:0 8px 18px rgba(54,89,217,.2);color:#fff;cursor:pointer;font-size:.64rem;font-weight:800}.preview-phone-home{width:90px;height:4px;margin:12px auto 0;border-radius:9px;background:#17213c}.preview-student-request{padding:23px}.preview-student-request>p{margin:7px 0 20px;color:var(--preview-muted);font-size:.69rem;line-height:1.55}.preview-student-request label{margin:13px 0 7px;display:block;color:#5f697b;font-size:.6rem;font-weight:750}.preview-reason-select{width:100%;min-height:39px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e6ed;border-radius:9px;background:#fff;color:#596375;cursor:pointer;font-size:.61rem}.preview-duration{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.preview-duration button{min-height:54px;display:grid;place-items:center;align-content:center;grid-gap:1px;gap:1px;border:1px solid #e2e6ed;border-radius:10px;background:#fff;color:#687284;cursor:pointer;font-size:.85rem;font-weight:850}.preview-duration button small{font-size:.51rem;font-weight:650}.preview-duration button.active{border-color:#8498e7;background:#eef2ff;color:var(--preview-blue);box-shadow:inset 0 0 0 1px #8498e7}.preview-send-request{width:100%;min-height:42px;margin-top:17px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:var(--preview-blue);color:#fff;cursor:pointer;font-size:.64rem;font-weight:800}.preview-student-request.sent{min-height:315px;display:grid;place-items:center}.preview-request-sent{text-align:center}.preview-request-sent>span{width:60px;height:60px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#e3f6ee;color:#2f8b69}.preview-request-sent h3{margin:0;font-size:1.1rem}.preview-request-sent p{margin:8px auto 16px;color:var(--preview-muted);font-size:.68rem;line-height:1.6}.preview-request-sent button{padding:8px 11px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;color:var(--preview-blue);cursor:pointer;font-size:.6rem;font-weight:750}@media (max-width:1120px){.preview-app{grid-template-columns:200px minmax(0,1fr)}.preview-sidebar{padding-inline:10px}.preview-brand img{width:180px}.preview-content{padding:24px}.preview-profile>span:nth-child(2){display:none}.preview-search{width:240px}.preview-dashboard-grid.admin-grid{grid-template-columns:1fr 1fr}.preview-school-row{grid-template-columns:34px minmax(100px,1fr) 60px 60px 18px}.preview-student-layout{grid-template-columns:minmax(240px,.8fr) minmax(280px,320px)}.preview-student-request{grid-column:1/-1}}@media (max-width:900px){.preview-demo-ribbon p{display:none}.preview-app{display:block}.preview-sidebar{display:none}.preview-header{top:36px;padding:0 18px}.preview-mobile-brand{display:flex;width:220px;max-width:100%;flex-shrink:0;height:54px;align-items:center}.preview-mobile-brand img{width:220px;max-width:100%;height:auto}.preview-search{display:none}.preview-header-actions{width:100%}.preview-role-switch{margin-left:auto}.preview-content{padding:22px 18px}.preview-stat-grid{grid-template-columns:1fr 1fr}.preview-dashboard-grid.teacher-grid,.preview-student-layout{grid-template-columns:1fr}.preview-student-intro{max-width:580px}.preview-phone{width:min(320px,100%);margin:0 auto}}@media (max-width:650px){.preview-demo-ribbon{padding-inline:14px;justify-content:space-between}.preview-demo-ribbon a{margin-left:0}.preview-header{height:auto;min-height:94px;padding:8px 14px;flex-wrap:wrap}.preview-mobile-brand{height:38px}.preview-header-actions{gap:7px}.preview-role-switch{order:3;width:100%;margin:0}.preview-role-switch button{flex:1 1}.preview-profile>.preview-icon{display:none}.preview-content{padding:20px 13px}.preview-welcome{align-items:flex-start}.preview-date{display:none}.preview-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.preview-stat-card{padding:13px 11px;gap:9px}.preview-stat-icon{width:33px;height:33px}.preview-stat-card div>strong{font-size:1.2rem}.preview-dashboard-grid.admin-grid{grid-template-columns:1fr}.preview-card{padding:16px}.preview-school-row{grid-template-columns:31px minmax(100px,1fr) 55px 16px}.preview-school-row>span:nth-child(3){display:none}.class-card{overflow:hidden}.preview-class-live{display:none}.preview-class-toolbar{align-items:flex-start;flex-direction:column}.preview-student-table{overflow-x:auto}.preview-student-row{width:620px}.preview-student-layout{padding:25px 16px}.preview-student-intro h2{font-size:2rem}.preview-student-request{padding:19px}}@media (prefers-reduced-motion:no-preference){.preview-card,.preview-phone,.preview-stat-card{animation:preview-rise .42s ease both}.preview-stat-card:nth-child(2){animation-delay:40ms}.preview-stat-card:nth-child(3){animation-delay:80ms}.preview-stat-card:nth-child(4){animation-delay:.12s}.preview-dashboard-grid .preview-card:first-child{animation-delay:.1s}.preview-dashboard-grid .preview-card:nth-child(2){animation-delay:.14s}.preview-dashboard-grid .preview-card:nth-child(3){animation-delay:.18s}@keyframes preview-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}