:root{--color-ink:#111118;--color-muted:#656570;--color-paper:#f6f6fb;--color-surface:#fff;--color-line:#dddde5;--color-soft:#eeedfa;--color-accent:#723fd9;--color-success:#00703e;--color-danger:#be2323;--color-sidebar:#0c0c15;--color-sidebar-muted:#acadb9;--color-white:#fff;--font-display:Arial,Helvetica,sans-serif;--font-body:Arial,Helvetica,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--ease-out:cubic-bezier(.2,.8,.2,1);--duration-fast:.14s}@supports (color:lab(0% 0 0)){:root{--color-ink:lab(5.1579% 1.27131 -4.61253);--color-muted:lab(42.999% 1.79556 -6.5093);--color-paper:lab(97.0492% .556678 -2.19464);--color-surface:lab(100% 0 0);--color-line:lab(88.3145% .939637 -3.65019);--color-soft:lab(94.0218% 2.41521 -6.28243);--color-accent:lab(40.4355% 48.644 -72.4285);--color-success:lab(41.2239% -38.6305 19.9727);--color-danger:lab(42.4236% 59.8149 41.9956);--color-sidebar:lab(3.59024% 1.28651 -4.52886);--color-sidebar-muted:lab(70.8424% 1.74674 -6.53673);--color-white:lab(100% 0 0)}}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);grid-template-columns:224px minmax(0,1fr);display:grid}aside{background:var(--color-sidebar);height:100vh;padding:var(--space-xl) var(--space-lg);flex-direction:column;display:flex;position:sticky;top:0}aside img{filter:invert();width:124px;height:auto}aside nav{gap:var(--space-xs);margin-top:var(--space-2xl);display:grid}aside nav a{color:var(--color-sidebar-muted);border-radius:var(--radius-sm);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);padding:12px;text-decoration:none}aside nav a:hover{background:color-mix(in oklch,var(--color-white) 8%,transparent);color:var(--color-white)}aside nav a:focus-visible,.row-link:focus-visible,.tab:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}aside form{margin-top:auto}aside button{border:1px solid color-mix(in oklch,var(--color-white) 14%,transparent);border-radius:var(--radius-sm);width:100%;height:42px;color:var(--color-sidebar-muted);cursor:pointer;background:0 0}main{width:100%;max-width:1280px;padding:var(--space-2xl);min-width:0}h1,h2{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-style:normal}h1{letter-spacing:-1.2px;margin:0;font-size:36px}h2{letter-spacing:-.25px;margin:0 0 var(--space-lg);font-size:18px}p{color:var(--color-muted)}.page-header,.detail-header,.section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.page-header{margin-bottom:var(--space-xl)}.page-header p,.detail-header p,.section-head p{margin:var(--space-sm) 0 0}.count{background:var(--color-soft);border-radius:999px;place-items:center;min-width:42px;height:32px;padding:0 12px;font-weight:700;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-lg);min-width:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-line);white-space:nowrap;padding:16px 12px;font-size:14px}th{color:var(--color-muted);font-weight:600}tbody tr:last-child td{border-bottom:0}.row-link{color:var(--color-accent);white-space:nowrap;font-weight:700;text-decoration:none}.status{background:var(--color-soft);min-height:26px;color:var(--color-accent);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.status--ok{background:color-mix(in oklch,var(--color-success) 12%,var(--color-white));color:var(--color-success)}.detail-header{margin-bottom:var(--space-lg)}.back-link{color:var(--color-muted);margin-bottom:var(--space-sm);font-size:13px;text-decoration:none;display:inline-block}.tabs{gap:var(--space-xl);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-lg);display:flex}.tab{height:44px;color:var(--color-muted);white-space:nowrap;border-bottom:2px solid #0000;place-items:center;font-size:14px;font-weight:700;text-decoration:none;display:grid}.tab--active{color:var(--color-ink);border-color:var(--color-ink)}.detail-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}dl{gap:var(--space-md);margin:0;display:grid}dl div{justify-content:space-between;gap:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-line);display:flex}dt{color:var(--color-muted)}dd{text-align:right;margin:0}.credit-value{letter-spacing:-1px;font-size:38px;font-weight:700}.assignment{gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.assignment label{margin-bottom:var(--space-sm);font-size:13px;font-weight:700;display:block}.money-field{border:1px solid var(--color-line);border-radius:var(--radius-sm);align-items:center;height:46px;padding:0 12px;display:flex}.money-field input{width:100%;min-width:0;font:inherit;padding-left:var(--space-sm);border:0;outline:0}.assignment button{border-radius:var(--radius-sm);background:var(--color-ink);height:46px;color:var(--color-white);cursor:pointer;white-space:nowrap;border:0;padding:0 18px;font-weight:700}.assignment button:hover{opacity:.86}.assignment button:active{transform:translateY(1px)}.assignment button:disabled{opacity:.45}.assignment button.danger{background:var(--color-danger)}.copy-otp{height:38px;margin-top:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-ink);font:inherit;cursor:pointer;padding:0 14px;font-size:13px;font-weight:700}.copy-otp:hover{background:var(--color-soft)}.evidence-panel{padding:var(--space-xl)}.evidence{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:minmax(0,320px) minmax(0,1fr);display:grid}figure{min-width:0;margin:0}figure img,figure video{aspect-ratio:4/3;object-fit:cover;background:var(--color-sidebar);border-radius:var(--radius-md);width:100%;display:block}figcaption{color:var(--color-muted);margin-top:var(--space-sm);font-size:13px}.empty{padding:var(--space-2xl);color:var(--color-muted);text-align:center}.timeline{display:grid}.timeline>div{gap:var(--space-md);padding:var(--space-md) 0;grid-template-columns:12px minmax(0,1fr);display:grid}.timeline span{background:var(--color-accent);border-radius:50%;width:8px;height:8px;margin-top:5px}.timeline strong{font-size:14px}.timeline p{margin:var(--space-xs) 0 0;font-size:13px}.login{background:var(--color-paper);z-index:4;place-items:center;display:grid;position:fixed;inset:0}.login form{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);width:min(400px,100% - 40px);padding:var(--space-xl);gap:var(--space-md);display:grid}.login label{font-size:13px;font-weight:700}.login input,.login button{border-radius:var(--radius-sm);height:50px;padding:0 14px;font-size:16px}.login input{border:1px solid var(--color-line)}.login button{background:var(--color-ink);color:var(--color-white);border:0;font-weight:700}.error{color:var(--color-danger)}@media (max-width:768px){body{display:block}aside{height:auto;padding:var(--space-md) var(--space-lg);flex-direction:row;justify-content:space-between;align-items:center;position:static}aside nav{gap:0;margin:0;display:flex}aside form{display:none}main{padding:var(--space-lg)}.detail-grid{grid-template-columns:1fr}.page-header,.detail-header,.section-head{grid-template-columns:1fr;display:grid}.tabs{gap:var(--space-lg);overflow-x:auto}.panel{overflow-x:auto}.evidence,.assignment{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important}}