@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Montserrat:wght@500;600;700;800;900&family=Montserrat+Alternates:wght@600;700;800;900&display=swap";
:root{--paper:#f7f6f2;--surface:#fff;--surface-muted:#f3f3f3;--ink:#1e1e1e;--muted:#666;--line:#adabab4d;--lime:#bfd900;--brand-lime:#d2e63d;--lime-strong:#9db910;--blue:#3a33ff;--coral:#f47272;--pink:#f6c1cd;--shadow:0 18px 46px #1e1e1e14;--font:"Inter Tight", "Montserrat", Arial, sans-serif;--font-body:"Montserrat", Arial, sans-serif;--font-display:"Montserrat Alternates", "Montserrat", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--surface-muted);min-width:320px}body{color:var(--ink);background:var(--surface-muted);font-family:var(--font);letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:36px;color:var(--ink);background:var(--surface);border:.5px solid var(--line);border-radius:8px;outline:0;padding:8px 10px;transition:border-color .14s,box-shadow .14s,background-color .14s}textarea{resize:vertical;min-height:76px}input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #bfd90029}button{min-height:36px;color:var(--ink);background:var(--lime);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:700;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1e1e1e14}.admin-app{isolation:isolate;grid-template-columns:217px minmax(0,1fr);min-height:100svh;display:grid;position:relative;overflow-x:hidden}.admin-app:before{z-index:-1;pointer-events:none;content:"";filter:brightness(.5);opacity:.03;background-image:url(/figma-assets/dotPattern.png);background-position:top;background-size:cover;position:fixed;inset:0}.admin-sidebar{background:var(--surface);border-right:.5px solid var(--line);grid-template-rows:auto 1fr;height:100svh;padding:18px 20px;display:grid;position:sticky;top:0}.brand-lockup,.topbar-actions,.panel-title,.screen-toolbar,.notice,.login-brand,.button-row,.inline-actions{align-items:center;display:flex}.brand-lockup{justify-content:flex-start;min-height:42px}.brand-lockup img{object-fit:contain;width:42px;height:33px;display:block}.brand-lockup small,.muted-copy,.metric-card span,.tests-row small{color:var(--muted)}.admin-nav{align-content:start;gap:10px;margin-top:24px;display:grid}.admin-nav button{width:177px;min-height:32px;color:var(--ink);background:0 0;border-radius:10px;justify-content:flex-start;gap:14px;padding:8px;font-size:14px;font-weight:400;line-height:14px}.admin-nav button img{object-fit:scale-down;flex:0 0 16px;width:16px;height:16px;display:block}.admin-nav button.active{background:var(--surface-muted);box-shadow:inset 2px 0 0 var(--lime);border-radius:6px;font-weight:500}.admin-nav button:hover{background:#bfd9001a}.login-page{background:var(--surface-muted);isolation:isolate;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.login-page:before{z-index:-1;content:"";filter:brightness(.5);opacity:.04;background-image:url(/figma-assets/dotPattern.png);background-position:50%;background-size:cover;position:absolute;inset:0}.login-panel{gap:12px;width:min(430px,100%);display:grid}.login-brand{gap:14px}.login-brand img{object-fit:contain;width:56px;height:44px;display:block}.login-brand div{gap:2px;display:grid}.login-brand strong{font-family:var(--font-display);font-size:28px;line-height:1}.login-brand span{color:var(--muted);font-size:18px;font-weight:600}.login-form{background:var(--surface);border:.5px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:14px;padding:18px;display:grid}.login-form p,.login-form h1{margin:0}.login-form p{color:var(--muted);font-size:13px;font-weight:700}.login-form h1{margin-top:3px;font-size:26px;line-height:1.08}.login-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.login-form button{width:100%;min-height:42px}.login-notice{margin:0}.admin-main{min-width:0;padding:18px 20px}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:0 2px 16px;display:flex}.admin-topbar p,.admin-topbar h1,.panel-title h2,.screen-toolbar h2,.drawer h2{margin:0}.admin-topbar p,.drawer header p{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:600}.admin-topbar h1{font-size:28px;line-height:1.05}.topbar-actions{gap:8px}.quiet-button,.icon-button{background:var(--surface);border:.5px solid var(--line)}.icon-button{width:36px;padding:0}.icon-button.danger,.danger{color:var(--coral)}.notice,.api-errors{background:var(--surface);border:.5px solid var(--line);border-radius:10px;margin-bottom:12px}.notice{justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px}.notice span{flex:1}.notice button{background:var(--surface-muted);min-height:28px;padding:4px 8px;font-size:13px}.api-errors{color:var(--coral);gap:4px;padding:10px 12px;font-size:13px;font-weight:600;display:grid}.workspace{min-width:0}.workspace[aria-busy=true]{opacity:.72}.screen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.panel,.metric-card{background:var(--surface);border:.5px solid var(--line);border-radius:14px;min-width:0;box-shadow:0 4px 18px #1e1e1e09}.panel{padding:14px}.panel.full,.panel.wide{grid-column:span 3}.metric-card{border-radius:14px;min-height:112px;padding:13px}.metric-card p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.metric-card strong{margin:10px 0 4px;font-size:30px;line-height:1;display:block}.panel-title{gap:8px;margin-bottom:12px}.panel-title h2,.screen-toolbar h2{font-size:16px}.big-number{margin-top:18px;font-size:34px;line-height:1;display:block}.stack-list,.form-grid,.lesson-list,.review-stack,.question-list{gap:10px;display:grid}.stack-list span,.lesson-list article,.empty-state{background:var(--surface-muted);border-radius:8px;padding:10px}.empty-state{min-width:100%;min-height:44px;color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.lesson-list{margin-top:14px}.lesson-list article{gap:3px;display:grid}.dense-table{display:grid;overflow-x:auto}.table-row{border-bottom:.5px solid var(--line);grid-template-columns:1.15fr 1.45fr .8fr .8fr;align-items:center;gap:10px;min-width:720px;min-height:48px;padding:8px 0;display:grid}.table-row.head{min-height:34px;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.user-row{grid-template-columns:1fr 1.3fr .75fr .45fr .9fr}.group-row{grid-template-columns:1.2fr .7fr .5fr .65fr}.tests-row{grid-template-columns:1.6fr .45fr .75fr .55fr .45fr .55fr}.tests-row>span:first-child{gap:3px;display:grid}.screen-toolbar{justify-content:space-between;gap:12px;margin-bottom:12px}.screen-toolbar>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.search-box{width:min(260px,100%);position:relative}.search-box svg{color:var(--muted);position:absolute;top:10px;left:10px}.search-box input{padding-left:32px}.status-pill{background:#1e1e1e0f;border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:24px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.completed,.status-pill.backend{background:#bfd9002e}.status-pill.review{color:var(--coral);background:#f4727224}.status-pill.in_progress,.status-pill.muted{color:var(--blue);background:#3a33ff1f}.status-pill.assigned{background:#f6c1cd38}.two-column{grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);gap:12px;display:grid}.form-grid label,.field-label,.question-editor label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.form-grid button{width:fit-content}.date-picker{min-width:0;position:relative}.date-trigger{width:100%;min-height:38px;color:var(--muted);background:var(--surface);border:.5px solid var(--line);justify-content:flex-start;font-weight:700}.date-trigger.selected{color:var(--ink);border-color:#bfd900b3;box-shadow:0 0 0 3px #bfd9001f}.calendar-popover{z-index:8;background:var(--surface);border:.5px solid var(--line);width:min(318px,100vw - 48px);box-shadow:var(--shadow);border-radius:10px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.calendar-head,.calendar-footer,.calendar-actions,.time-field{align-items:center;display:flex}.calendar-head{justify-content:space-between;gap:8px}.calendar-head strong{text-transform:capitalize}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekdays span{color:var(--muted);text-align:center;font-size:11px;font-weight:800}.calendar-day{width:100%;min-height:34px;color:var(--ink);background:var(--surface-muted);border:.5px solid #0000;border-radius:8px;padding:0;font-size:13px;font-weight:800}.calendar-day:hover{box-shadow:none;background:#bfd90029;transform:none}.calendar-day.outside-month{color:#6666667a;background:#fafafa}.calendar-day.today{border-color:#3a33ff6b}.calendar-day.selected{color:var(--ink);background:var(--lime)}.calendar-footer{flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:2px}.time-field{background:var(--surface-muted);border-radius:8px;gap:6px;width:118px;padding:5px 7px}.time-field input{min-height:28px;box-shadow:none;background:0 0;border:0;padding:0}.calendar-actions{gap:6px}.calendar-actions button{min-height:30px;padding:5px 8px;font-size:12px}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.button-row,.inline-actions{gap:8px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check-grid label,.toggle-line{background:var(--surface-muted);border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:8px;font-weight:700;display:flex}.check-grid input,.toggle-line input{width:auto;min-height:0}.review-item{border:.5px solid var(--line);border-radius:8px;grid-template-columns:minmax(180px,1fr) 110px 80px minmax(240px,1.2fr);align-items:center;gap:10px;min-height:64px;padding:10px;display:grid}.review-item>div:first-child{gap:4px;display:grid}.review-item span{color:var(--muted)}.manual-checks{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.manual-checks label{width:78px;color:var(--muted);gap:4px;font-size:12px;font-weight:800;display:grid}.manual-checks button{min-height:34px}.json-preview,.builder-preview pre{color:#252525;background:#f4f4f4;border-radius:8px;max-height:560px;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.drawer-backdrop{z-index:10;background:#1e1e1e85;justify-items:end;display:grid;position:fixed;inset:0}.drawer{background:var(--paper);width:min(1180px,96vw);height:100svh;box-shadow:var(--shadow);grid-template-rows:auto 1fr auto;display:grid}.drawer header,.drawer footer{background:var(--surface);border-bottom:.5px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.drawer footer{border-top:.5px solid var(--line);border-bottom:0}.drawer h2{font-size:22px}.builder-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:12px;min-height:0;padding:12px;display:grid;overflow:hidden}.builder-form,.builder-preview{background:var(--surface);border:.5px solid var(--line);border-radius:8px;min-height:0;padding:12px;overflow:auto}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.question-editor{border:.5px solid var(--line);border-radius:8px;gap:10px;padding:12px;display:grid}.question-head{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.full,.panel.wide{grid-column:1/-1}.builder-layout{grid-template-columns:1fr;overflow:auto}}@media (max-width:900px){.admin-app{grid-template-columns:72px minmax(0,1fr)}.admin-sidebar{padding:18px 15px}.brand-lockup{justify-content:center}.admin-nav span{display:none}.admin-nav button{justify-content:center;gap:0;width:42px}.admin-main{padding:12px}.two-column,.screen-grid,.metric-grid,.check-grid,.form-grid.compact,.split-fields,.review-item{grid-template-columns:1fr}.screen-toolbar,.admin-topbar{flex-direction:column;align-items:flex-start}.screen-toolbar>div,.topbar-actions{justify-content:flex-start}.calendar-popover{width:min(318px,100vw - 96px);position:fixed;top:auto;bottom:12px;left:84px}}
