:root{--primary:#004751;--primary-dark:#003239;--primary-darkest:#001518;--primary-lightest:#e6fbf5;--blue-l:#e7f4ff;--blue-d:#0b68b3;--g0:#fff;--g3:#f8f9f9;--g8:#edeeee;--g12:#e4e4e5;--g16:#dbdbdc;--g40:#a5a6a8;--g56:#818285;--g64:#6f7074;--g80:#4b4d51;--g100:#1e2026;--success:#00ac43;--success-l:#e6f7ec;--success-d:#00782f;--warning-l:#fdf1e6;--warning-d:#a15305;--error-l:#fde9e9;--error-d:#a21616;--purple:#6645c1;--purple-l:#f0ecf9}*{box-sizing:border-box}body{background:var(--g0);color:var(--g100);margin:0;font-family:Outfit,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:1px solid var(--g8);background:var(--g0);flex-direction:column;display:flex}.brandrow{border-bottom:1px solid var(--g8);align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex}.brandrow .logo{background:var(--primary);color:#fff;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.brandrow b{font-size:14px;font-weight:600;display:block}.brandrow small{color:var(--g64);font-size:12px;display:block}.navback{border-bottom:1px solid var(--g8);padding-block:10px}.navlist{flex-direction:column;flex:1;padding:8px 0;display:flex}.navitem{min-height:36px;color:var(--g80);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.navitem:hover,.navitem[aria-current=page]{background:var(--primary-lightest);color:var(--primary)}.navitem svg{fill:none;width:20px;height:20px;stroke:var(--primary);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.navsec{color:var(--g56);padding:16px 20px 4px;font-size:12px;font-weight:600}.sidefoot{border-top:1px solid var(--g12);align-items:center;gap:10px;padding:10px 16px;display:flex}.av{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--g8);min-height:56px;color:var(--g64);align-items:center;gap:12px;padding:10px 24px;font-size:12.5px;display:flex}.page{flex-direction:column;gap:18px;max-width:1100px;padding:24px;display:flex}h1{margin:0;font-size:24px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}p.help{color:var(--g64);max-width:72ch;margin:0;font-size:13px}.hero{border:1px solid var(--g16);background:var(--g3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex}.ring{--p:0;background:conic-gradient(var(--primary) calc(var(--p) * 1%), var(--g8) 0);border-radius:50%;flex:none;place-items:center;width:84px;height:84px;display:grid}.ring span{background:var(--g0);border-radius:50%;place-items:center;width:66px;height:66px;font-size:17px;font-weight:600;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.card{border:1px solid var(--g16);color:inherit;background:var(--g0);border-radius:12px;flex-direction:column;gap:10px;padding:16px;text-decoration:none;display:flex}.card:hover{border-color:var(--g40)}.card b{font-size:15px;font-weight:600}.bar{background:var(--g8);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--primary);height:100%;display:block}.bar.done i{background:var(--success)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--g64);font-size:12.5px}.chip{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.done{background:var(--success-l);color:var(--success-d)}.chip.progress{background:var(--blue-l);color:var(--blue-d)}.chip.todo{background:var(--g8);color:var(--g80)}.btn{appearance:none;border:1px solid var(--g12);background:var(--g0);min-height:40px;color:var(--g100);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 19px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--g3);color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-darkest);color:#fff}.btn.sm{min-height:32px;padding:5px 16px;font-size:13px}.mods{flex-direction:column;gap:8px;display:flex}.mod{border:1px solid var(--g12);color:inherit;background:var(--g0);border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid}.mod:hover{border-color:var(--g40)}.mod small{color:var(--g64);font-size:12px;display:block}.ck{border:1.5px solid var(--g40);width:22px;height:22px;color:var(--g40);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.ck.done{background:var(--success);border-color:var(--success);color:#fff}.ck.progress{border-color:var(--primary);color:var(--primary)}.empty{border:1px dashed var(--g16);text-align:center;color:var(--g64);border-radius:12px;padding:40px}@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.side{border-right:0;border-bottom:1px solid var(--g8)}.navlist{flex-direction:row;padding:4px;overflow-x:auto}.navitem{width:auto;padding:9px 12px}.navsec,.sidefoot,.navback{display:none}}.modal-bg{z-index:40;background:#1e202699;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--g0);border-radius:12px;width:460px;max-width:100%;overflow:hidden;box-shadow:0 8px 24px #1e202629}.modal h3{margin:0;padding:18px 20px 0;font-size:18px;font-weight:600}.modal .mb{color:var(--g80);padding:10px 20px 18px;font-size:13.5px}.modal .mf{border-top:1px solid var(--g8);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.notice{background:var(--blue-l);color:var(--blue-d);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.notice button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1}