@keyframes sk{to{background-position:-200%0}}:root{color-scheme:light;--bg:#F4F2ED;--surface:#FFFFFF;--surface-2:#FAF8F4;--surface-3:#EFEBE3;--ink:#0E1A2B;--ink-2:#44505F;--ink-3:#7A8491;--line:#E3DED3;--line-2:#CFC8B9;--navy:#0E1A2B;--navy-2:#16273F;--navy-3:#21365A;--on-navy:#E9EDF3;--on-navy-2:#98A6BA;--brass:#A8782B;--brass-soft:#F4E8D2;--brass-ink:#6D4A12;--teal:#1B7A68;--teal-soft:#DDF0EA;--amber:#B7791F;--amber-soft:#FBEBC8;--rose:#B23A55;--rose-soft:#F8DDE3;--blue:#2F63B5;--blue-soft:#DCE8F8;--violet:#6B52B8;--violet-soft:#E8E2F7;--shadow:0 1px 2px rgba(14,26,43,.06),0 8px 24px -12px rgba(14,26,43,.14);--r-s:8px;--r-m:12px;--r-l:18px;--sp-1:8px;--sp-2:12px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--serif:'Iowan Old Style','Palatino Linotype',Georgia,serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--side:244px;--top:60px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0B1220;--surface:#121C2E;--surface-2:#0F1829;--surface-3:#1A2640;--ink:#EAEFF6;--ink-2:#B3BFCF;--ink-3:#7C8AA0;--line:#243149;--line-2:#33445F;--brass:#D4A24E;--brass-soft:#2D2412;--brass-ink:#E9C98B;--teal:#4CC7AC;--teal-soft:#10302A;--amber:#E6B04F;--amber-soft:#33270F;--rose:#F07A98;--rose-soft:#37141D;--blue:#7FA9EB;--blue-soft:#14233F;--violet:#A894EA;--violet-soft:#241C3F;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6)}}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.25;font-weight:600}h1,h2,h3{margin:0;letter-spacing:-.01em}h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}h1{font-size:24px}h2{font-size:17px}h3{font-size:15px}.kv dd,h4,p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:12.5px}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:4px}.sr{position:absolute;left:-9999px}.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}.nav a:hover,.side{color:var(--on-navy)}.side{background:var(--navy);padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-3);position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 14px}.brand b,.brand-mark{font-family:var(--serif)}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#c99a4a,#8b5e1b);display:grid;place-items:center;font-weight:700;color:#1b1204;font-size:17px}.brand b{font-size:19px;letter-spacing:.02em}.brand small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px}.brand small,.nav a,.side-foot{color:var(--on-navy-2)}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;text-decoration:none;font-weight:500}.nav a:hover{background:var(--navy-2)}.nav a[aria-current=page]{background:var(--navy-3);color:#fff;box-shadow:inset 3px 0 0#d4a24e}.nav svg{width:18px;height:18px;flex:none;opacity:.9}.side-foot{margin-top:auto;font-size:12px;padding:10px;border-top:1px solid var(--navy-3)}.main{min-width:0;display:flex;flex-direction:column}.demo-pill,.top{align-items:center}.top{height:var(--top);display:flex;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.top .grow{flex:1}.demo-pill{display:inline-flex;gap:6px;background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.userchip{display:flex;align-items:center;gap:10px}.avatar,.userchip img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--surface-3);flex:none}.avatar.lg{width:72px;height:72px}.avatar.sm{width:26px;height:26px}.content{padding:var(--sp-4);max-width:1320px;width:100%;margin:0 auto}.viewas{background:var(--violet-soft);border-bottom:1px solid var(--line);padding:8px var(--sp-4);display:flex;gap:var(--sp-2);align-items:center;font-size:13px;color:var(--violet)}.menu-btn{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.page-head p{color:var(--ink-2);margin-top:4px;max-width:70ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow);padding:var(--sp-4)}.card.flush{padding:0;overflow:hidden}.card>.card-head,.card>h2{margin-bottom:var(--sp-3)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.grid{display:grid;gap:var(--sp-3)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.split,.stack{gap:var(--sp-3)}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.stack{display:flex;flex-direction:column}.row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 18px}.badge,.metric .k{font-size:12px;font-weight:600}.metric .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.metric .v{font-size:26px;font-weight:650;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}.metric .n{font-size:12.5px;color:var(--ink-2);margin-top:2px}.metric.accent{border-top:3px solid var(--brass)}.metric.teal{border-top:3px solid var(--teal)}.metric.blue{border-top:3px solid var(--blue)}.metric.rose{border-top:3px solid var(--rose)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;white-space:nowrap;background:var(--surface-3);color:var(--ink-2)}.badge.teal{background:var(--teal-soft);color:var(--teal)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.rose{background:var(--rose-soft);color:var(--rose)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.violet{background:var(--violet-soft);color:var(--violet)}.badge.brass{background:var(--brass-soft);color:var(--brass-ink)}.btn,.link{text-decoration:none;font-weight:600;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:9px}.btn:hover,tbody tr.click:hover td{background:var(--surface-2)}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.primary:hover{background:var(--navy-3)}.btn.brass{background:var(--brass);border-color:var(--brass);color:#fff}.btn.small{padding:5px 10px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{border-color:transparent;background:0 0;color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-3)}.link{color:var(--blue);background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line)}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);text-align:left;font-weight:600;padding:10px 14px;background:var(--surface-2);white-space:nowrap}td{padding:11px 14px;vertical-align:middle}tr:last-child td{border-bottom:0}.tabs button,tbody tr.click{cursor:pointer}td.r,th.r{text-align:right}td.c,th.c{text-align:center}.person{display:flex;align-items:center;gap:10px;min-width:0}.person b{font-weight:600;display:block}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:var(--sp-3);overflow:auto}.tabs button{background:0 0;border:0;padding:10px 14px;color:var(--ink-2);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brass)}.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line)}.timeline li{position:relative;padding:0 0 16px 16px}.timeline li:before{content:"";position:absolute;left:-24px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--brass)}.timeline time{font-size:12px;color:var(--ink-3);display:block}.bar,.pcard img{background:var(--surface-3)}.bar{height:8px;border-radius:99px;overflow:hidden;display:flex}.bar i{display:block;height:100%}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.kv{display:grid;grid-template-columns:150px 1fr;gap:8px 16px}.empty,.kv dt{color:var(--ink-3)}.kv dt{font-size:13px}.empty{padding:var(--sp-5);text-align:center}.empty b,.note{color:var(--ink-2)}.empty b{display:block;margin-bottom:4px}.note{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:8px;padding:10px 14px;font-size:13px}.note.warn{border-left-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.note.bad{border-left-color:var(--rose);background:var(--rose-soft);color:var(--rose)}.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--sp-3)}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;text-align:left;padding:0}.pcard:hover{border-color:var(--line-2)}.pcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.pcard,.pcard .body{display:flex;flex-direction:column}.pcard .body{padding:14px 16px;gap:8px;flex:1}.pcard .tags{display:flex;gap:6px;flex-wrap:wrap}.hero,.hero .in{position:relative;display:flex}.hero{border-radius:var(--r-l);overflow:hidden;background:var(--navy);color:#fff;min-height:190px;align-items:flex-end}.hero img,.hero:after{position:absolute;inset:0}.hero img{width:100%;height:100%;object-fit:cover;opacity:.85}.hero:after{content:"";background:linear-gradient(0deg,rgba(14,26,43,.92),rgba(14,26,43,.1) 70%)}.hero .in{z-index:1;padding:20px 24px;gap:16px;align-items:center;width:100%;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px}.field label{font-weight:600;font-size:13px}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line-2);border-radius:9px;padding:9px 12px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass);outline:2px solid var(--brass-soft)}.field .err{color:var(--rose);font-size:12.5px;min-height:0}.field.bad input,.field.bad select{border-color:var(--rose)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.form-grid .wide{grid-column:1/-1}.filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.filters .field{min-width:150px;flex:1}.overlay{position:fixed;inset:0;background:rgba(14,26,43,.55);display:grid;place-items:center;z-index:60;padding:16px}.sheet{background:var(--surface);border-radius:var(--r-l);max-width:640px;width:100%;max-height:92vh;overflow:auto;padding:var(--sp-4);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:80}.toast{background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;max-width:380px;box-shadow:var(--shadow)}.toast.bad{background:var(--rose)}.skeleton{background:linear-gradient(90deg,var(--surface-3),var(--surface-2),var(--surface-3));background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:8px;height:18px}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.course,.quiz label{display:flex;gap:10px;cursor:pointer}.course{flex-direction:column;text-align:left;padding:18px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.course .code{font-family:var(--serif);font-size:30px;font-weight:700;line-height:1}.course.teal .code{color:var(--teal)}.course.amber .code{color:var(--amber)}.course.blue .code{color:var(--blue)}.course.violet .code{color:var(--violet)}.course.rose .code{color:var(--rose)}.lesson p{margin:0 0 12px;max-width:68ch;font-size:15.5px;line-height:1.65}.quiz .q{padding:14px 0;border-bottom:1px solid var(--line)}.quiz label{padding:7px 0}.cert{border:2px solid var(--brass);border-radius:14px;padding:22px;background:var(--surface-2);text-align:center}.cell{display:inline-flex;min-width:78px;justify-content:center}@media (max-width:1100px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media (max-width:860px){.app{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:var(--side);transform:translateX(-100%);transition:transform .2s;z-index:50}.side.open{transform:none}.menu-btn{display:inline-flex}.content{padding:var(--sp-3)}.form-grid,.g2,.g3,.g4{grid-template-columns:1fr}.top{padding:0 var(--sp-3)}.demo-pill span.long,.userchip .meta{display:none}.kv{grid-template-columns:1fr}}