.sf-studio-os{--sf-shell-rail:212px;--sf-shell-bg:#080c0b;--sf-shell-panel:#0d1311;--sf-shell-panel-2:#111916;--sf-shell-line:rgba(203,232,217,0.12);--sf-shell-line-strong:rgba(203,232,217,0.2);--sf-shell-ink:#edf7f1;--sf-shell-muted:#8ca198;--sf-shell-signal:#45e39b;--sf-shell-signal-soft:rgba(69,227,155,0.12);--sf-shell-signal-ink:#adf3d1;--sf-shell-signal-bright:#62eba9;--sf-shell-shadow:0 28px 70px -36px rgba(0,0,0,0.8);--sf-content-pad-top:clamp(24px,2.4vw,36px);--sf-content-pad-right:clamp(24px,3vw,44px);--sf-content-pad-bottom:clamp(40px,4vw,58px);--sf-content-pad-left:clamp(24px,3vw,44px);min-height:100dvh;background:var(--sf-shell-bg);isolation:isolate}[data-accent=mint] .sf-studio-os{--sf-shell-signal:#45e39b;--sf-shell-signal-soft:rgba(69,227,155,0.12);--sf-shell-signal-ink:#adf3d1;--sf-shell-signal-bright:#62eba9}[data-accent=ocean] .sf-studio-os{--sf-shell-signal:#4cc3dc;--sf-shell-signal-soft:rgba(76,195,220,0.12);--sf-shell-signal-ink:#c4edf5;--sf-shell-signal-bright:#67d2e8}[data-accent=sunset] .sf-studio-os{--sf-shell-signal:#ec8b45;--sf-shell-signal-soft:rgba(236,139,69,0.12);--sf-shell-signal-ink:#ffd0aa;--sf-shell-signal-bright:#f79e58}[data-aesthetic=noir] .sf-studio-os{--paper:#090e0c;--paper-2:#0e1512;--surface:#101815;--surface-raised:#151f1b;--ink:#edf5f0;--ink-2:#d2ded7;--muted:#93a49b;--muted-2:#66766e;--line:#293630;--line-2:#1d2924;--hover-wash:rgba(226,244,235,0.055);--glass-bg:rgba(13,20,17,0.8);--glass-line:rgba(219,240,229,0.1);--shadow-sm:0 1px 0 rgba(255,255,255,0.025),0 8px 20px -14px rgba(0,0,0,0.82);--shadow-md:0 1px 0 rgba(255,255,255,0.035),0 16px 36px -20px rgba(0,0,0,0.88);--shadow:0 1px 0 rgba(255,255,255,0.035),0 24px 54px -28px rgba(0,0,0,0.9);--shadow-lg:0 1px 0 rgba(255,255,255,0.04),0 38px 72px -32px rgba(0,0,0,0.92);--grad-hero:linear-gradient(128deg,#101a16,#10231a 48%,#0a100e);--hero-scrim:linear-gradient(90deg,rgba(8,13,11,0.95),rgba(8,13,11,0.68) 58%,rgba(8,13,11,0.15))}.sf-studio-os .sf-display,.sf-studio-os .sf-hero-title{font-family:var(--font-ui);font-style:normal;font-weight:600;letter-spacing:-.025em}.sf-studio-os :is(h1,h2,h3,h4):not(.sf-editorial-reading){font-family:var(--font-ui)!important}.sf-studio-os .sf-mobilenav-panel .sf-side,.sf-studio-os>.sf-side{--paper:var(--sf-shell-bg);--paper-2:var(--sf-shell-panel);--surface:var(--sf-shell-panel);--surface-raised:var(--sf-shell-panel-2);--ink:var(--sf-shell-ink);--ink-2:#c8d8d0;--muted:var(--sf-shell-muted);--muted-2:#64776e;--line:var(--sf-shell-line);--line-2:rgba(203,232,217,0.075);--saffron:var(--sf-shell-signal);--saffron-soft:var(--sf-shell-signal-soft);--saffron-ink:var(--sf-shell-signal-ink);--hover-wash:rgba(230,249,239,0.055);--accent-contrast:#06100b;position:relative;width:var(--sf-shell-rail);flex-basis:var(--sf-shell-rail);padding:18px 12px 20px;gap:2px;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--sf-shell-signal) 7%,transparent),transparent 25%),linear-gradient(180deg,#0c1210 0,#080c0b 100%);border-right:1px solid var(--sf-shell-line);box-shadow:16px 0 44px -36px rgba(0,0,0,.9);color:var(--sf-shell-ink)}.sf-studio-os .sf-mobilenav-panel .sf-side:after,.sf-studio-os>.sf-side:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--sf-shell-signal),transparent 72%);opacity:.82;pointer-events:none}.sf-studio-os .sf-side .sf-brand{gap:11px;min-height:48px;padding:0 9px 17px;margin-bottom:5px;border-bottom:1px solid var(--sf-shell-line)}.sf-studio-os .sf-side .sf-brand .sf-logo{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--sf-shell-signal) 35%,transparent);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--sf-shell-signal) 20%,#0b1711),#0b1711);color:var(--sf-shell-signal);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px -10px color-mix(in srgb,var(--sf-shell-signal) 85%,transparent);font-family:var(--font-ui);font-size:15px;font-weight:600}.sf-studio-os .sf-side .sf-brand b{color:var(--sf-shell-ink);font-size:15px;font-weight:600;letter-spacing:-.02em}.sf-studio-os .sf-side .sf-brand small{color:#74877e;font-size:9px;letter-spacing:.16em}.sf-studio-os .sf-side .sf-navgroup{padding:15px 9px 6px;color:#6f837a;font-size:9.5px;font-weight:600;letter-spacing:.16em}.sf-studio-os .sf-side .sf-navitem{position:relative;min-height:35px;padding:8px 9px;border:1px solid transparent;border-radius:8px;color:#b4c5bc;font-size:12.5px;font-weight:500;transition:color var(--dur-1) ease,background var(--dur-1) ease,border-color var(--dur-1) ease}.sf-studio-os .sf-side .sf-navitem:hover{color:var(--sf-shell-ink);background:rgba(231,248,239,.055);border-color:rgba(203,232,217,.07)}.sf-studio-os .sf-side .sf-navitem.sf-active{color:#f4fbf7;background:linear-gradient(90deg,color-mix(in srgb,var(--sf-shell-signal) 15%,transparent),color-mix(in srgb,var(--sf-shell-signal) 5.5%,transparent));border-color:color-mix(in srgb,var(--sf-shell-signal) 20%,transparent);box-shadow:inset 2px 0 0 var(--sf-shell-signal),0 8px 22px -18px color-mix(in srgb,var(--sf-shell-signal) 80%,transparent)}.sf-studio-os .sf-side .sf-navitem .sf-i{color:#71857b}.sf-studio-os .sf-side .sf-navitem.sf-active .sf-i,.sf-studio-os .sf-side .sf-navitem:hover .sf-i{color:var(--sf-shell-signal)}.sf-studio-os .sf-side::-webkit-scrollbar-thumb{background:rgba(190,220,205,.16)}.sf-studio-os>.sf-main{background:var(--paper)}.sf-studio-os>.sf-main>.sf-top{--paper:var(--sf-shell-bg);--paper-2:var(--sf-shell-panel);--surface-raised:var(--sf-shell-panel-2);--ink:var(--sf-shell-ink);--ink-2:#c8d8d0;--muted:var(--sf-shell-muted);--line:var(--sf-shell-line);--line-2:rgba(203,232,217,0.075);--saffron:var(--sf-shell-signal);--saffron-soft:var(--sf-shell-signal-soft);position:relative;min-height:76px;padding:14px clamp(22px,2.7vw,40px);background:rgba(9,14,12,.96);border-bottom:1px solid var(--sf-shell-line);color:var(--sf-shell-ink);box-shadow:0 12px 40px -34px rgba(0,0,0,.95);z-index:30}.sf-studio-os .sf-top-title{color:#f1f8f4;font-family:var(--font-ui);font-size:19px;font-weight:600;letter-spacing:-.022em}.sf-studio-os .sf-top-sub{margin-top:5px;color:#82968c;font-size:12px}.sf-studio-os .sf-search{max-width:380px;min-height:38px;padding:8px 12px;background:rgba(220,244,232,.045);border-color:rgba(203,232,217,.13);border-radius:9px;color:#82968c;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color var(--dur-2) ease,background var(--dur-2) ease,box-shadow var(--dur-2) ease}.sf-studio-os .sf-search:hover{color:#a9bab1;background:rgba(220,244,232,.065);border-color:color-mix(in srgb,var(--sf-shell-signal) 28%,transparent)}.sf-studio-os .sf-search .sf-kbd{background:#090e0c;border-color:rgba(203,232,217,.14);color:#91a59b}.sf-studio-os .sf-top-actions .sf-avatar,.sf-studio-os .sf-top-actions .sf-btn-ghost{border-color:rgba(203,232,217,.14);background:rgba(220,244,232,.045);color:#cbdad2}.sf-studio-os .sf-top-actions .sf-avatar:hover,.sf-studio-os .sf-top-actions .sf-btn-ghost:hover{border-color:color-mix(in srgb,var(--sf-shell-signal) 30%,transparent);background:var(--sf-shell-signal-soft);color:var(--sf-shell-signal)}.sf-studio-os .sf-scroll{background:radial-gradient(circle at 86% 2%,color-mix(in srgb,var(--saffron) 7%,transparent),transparent 26rem),linear-gradient(180deg,color-mix(in srgb,var(--paper) 96%,var(--surface-raised)) 0,var(--paper) 38%);scrollbar-color:var(--line) transparent}.sf-studio-os .sf-content{min-height:100%;padding:var(--sf-content-pad-top) var(--sf-content-pad-right) var(--sf-content-pad-bottom) var(--sf-content-pad-left)}.sf-studio-os .sf-daw-fill{margin:calc(var(--sf-content-pad-top) * -1) calc(var(--sf-content-pad-right) * -1) calc(var(--sf-content-pad-bottom) * -1) calc(var(--sf-content-pad-left) * -1)}.sf-studio-os .sf-content:has(.sf-daw-fill){background:#090d0f}.sf-studio-os .sf-content:has(.sf-daw-fill) .sf-daw-fill{min-height:calc(100% + var(--sf-content-pad-top) + var(--sf-content-pad-bottom))}.sf-studio-os .sf-card{border-radius:13px;border-color:var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 4%,transparent),var(--shadow-sm)}.sf-studio-os .sf-card-lux{border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--saffron-soft) 60%,transparent),transparent 42%),var(--surface-raised)}.sf-studio-os .sf-eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em}.sf-studio-os .sf-dashboard{width:100%;max-width:1480px;margin:0 auto}.sf-studio-os .sf-dashboard .sf-dash-hero{--ink:#eff8f3;--ink-2:#d5e4dc;--muted:#9aafa4;--line:rgba(202,232,217,0.15);--line-2:rgba(202,232,217,0.09);--saffron:var(--sf-shell-signal);--saffron-soft:var(--sf-shell-signal-soft);--saffron-deep:var(--sf-shell-signal-bright);--accent-contrast:#06110b;min-height:304px;border-color:color-mix(in srgb,var(--sf-shell-signal) 20%,transparent);border-radius:17px;background:radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--sf-shell-signal) 18%,transparent),transparent 27%),linear-gradient(125deg,#101a16 0,#0c1512 54%,#080d0b 100%);box-shadow:inset 0 1px 0 rgba(232,250,241,.07),0 34px 70px -44px rgba(0,0,0,.88),0 0 0 1px color-mix(in srgb,var(--sf-shell-signal) 2.5%,transparent)}.sf-studio-os .sf-dashboard .sf-hero-scrim{background:linear-gradient(90deg,rgba(7,12,10,.97),rgba(7,12,10,.78) 52%,rgba(7,12,10,.22))}.sf-studio-os .sf-dashboard .sf-dash-greeting{max-width:720px;color:#f0f8f4;font-family:var(--font-ui);font-size:clamp(34px,4.2vw,54px);font-weight:600;line-height:.98;letter-spacing:-.05em}.sf-studio-os .sf-dashboard .sf-dash-greeting em{color:var(--sf-shell-signal);font-style:normal;font-weight:500}.sf-studio-os .sf-dashboard .sf-dash-mode{color:#94a99e}.sf-studio-os .sf-dashboard .sf-dash-live-dot{background:var(--sf-shell-signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--sf-shell-signal) 11%,transparent),0 0 16px color-mix(in srgb,var(--sf-shell-signal) 62%,transparent)}.sf-studio-os .sf-dashboard .sf-dash-summary{color:#96aa9f!important}.sf-studio-os .sf-dashboard .sf-dash-next{border:1px solid color-mix(in srgb,var(--sf-shell-signal) 26%,transparent);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 30px -22px color-mix(in srgb,var(--sf-shell-signal) 90%,transparent)}.sf-studio-os .sf-dashboard .sf-dash-stats{border-color:rgba(202,232,217,.13)}.sf-studio-os .sf-dashboard .sf-dash-stats-sep{background:rgba(202,232,217,.13)}.sf-studio-os .sf-dashboard .sf-dash-stat-unit{color:#81968b}.sf-studio-os .sf-dashboard .sf-dash-grid>section>.sf-eyebrow,.sf-studio-os .sf-dashboard .sf-dash-rail section>div:first-child .sf-eyebrow{color:color-mix(in srgb,var(--muted) 82%,var(--saffron))}.sf-studio-os .sf-instructor-dashboard,.sf-studio-os .sf-settings{margin-inline:auto}.sf-studio-os .sf-settings-note{border-left:2px solid var(--saffron)!important;border-radius:8px!important;background:color-mix(in srgb,var(--surface-raised) 88%,transparent)!important}.sf-studio-os .sf-settings-section{padding:24px!important;background:color-mix(in srgb,var(--surface-raised) 96%,transparent)}.sf-studio-os .sf-settings-title{font-size:18px!important;font-weight:600;letter-spacing:-.02em}.sf-studio-os .sf-settings-choice{min-height:34px;border-radius:8px;transition:border-color var(--dur-1) ease,background var(--dur-1) ease,color var(--dur-1) ease}.sf-studio-os .sf-settings-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--saffron) 42%,transparent)}.sf-studio-os .sf-instructor-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-studio-os .sf-instructor-stats>.sf-card,.sf-studio-os .sf-instructor-stats>button{min-height:126px}@media (max-width:1100px){.sf-studio-os{--sf-shell-rail:200px}.sf-studio-os .sf-search{max-width:300px}}@media (max-width:760px){.sf-studio-os{--sf-content-pad-top:18px;--sf-content-pad-right:16px;--sf-content-pad-bottom:34px;--sf-content-pad-left:16px}.sf-studio-os>.sf-main>.sf-top{min-height:auto;padding:10px 14px 12px;background:rgba(9,14,12,.98)}.sf-studio-os .sf-menu-btn{border-radius:8px;border-color:rgba(203,232,217,.15);background:rgba(220,244,232,.05);color:#d9e7df}.sf-studio-os .sf-top-title{font-size:18px}.sf-studio-os .sf-search{max-width:none}.sf-studio-os .sf-dashboard .sf-dash-hero{min-height:0;border-radius:14px}.sf-studio-os .sf-instructor-stats{grid-template-columns:1fr}.sf-studio-os .sf-instructor-stats>.sf-card,.sf-studio-os .sf-instructor-stats>button{min-height:0}}@media (max-width:430px){.sf-studio-os .sf-dashboard .sf-dash-greeting{font-size:clamp(29px,9vw,36px)}.sf-studio-os .sf-settings-section{padding:19px!important}}@media (prefers-reduced-motion:no-preference){.sf-studio-os .sf-dash-live-dot,.sf-studio-os .sf-side .sf-navitem.sf-active .sf-i{animation:sf-studio-signal 2.8s ease-in-out infinite}}@keyframes sf-studio-signal{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--sf-shell-signal) 48%,transparent))}}