:root{--bg:#F7F8FA;--surface:#FFFFFF;--surface-2:#F1F3F7;--border:#E5E7EB;--text:#171923;--muted:#5B6270;--primary:#4F46E5;--primary-text:#4338CA;--primary-soft:#EEF2FF;--on-primary:#FFFFFF;--success:#16A34A;--warning:#D97706;--danger:#DC2626;--focus:#4F46E5;--shadow:0 1px 2px rgba(16,24,40,.06);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--sidebar:240px;--topbar:64px;font-family:Inter,system-ui,sans-serif}:root[data-theme=dark]{--bg:#0F1117;--surface:#171A22;--surface-2:#1E222C;--border:#2A2F3B;--text:#E8EAF0;--muted:#9AA1B0;--primary:#818CF8;--primary-text:#A5B4FC;--primary-soft:#232743;--on-primary:#0F1117;--success:#4ADE80;--warning:#FBBF24;--danger:#F87171;--focus:#A5B4FC;--shadow:0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:24px;font-weight:600;margin:0}h2{font-size:18px;font-weight:600;margin:0}h3{font-size:16px;font-weight:600;margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:500 13px Inter,sans-serif;cursor:pointer;transition:background .12s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{filter:brightness(1.08)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s4)}.field label{font-weight:500;font-size:13px}.input{height:40px;padding:0 var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:400 14px Inter,sans-serif}.input[aria-invalid=true]{border-color:var(--danger)}.err{color:var(--danger);font-size:13px;display:flex;gap:6px;align-items:center}.ok{color:var(--success);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow)}.center{min-height:100%;display:grid;place-items:center;padding:var(--s6)}.auth{width:100%;max-width:400px}.brand{font-weight:700;letter-spacing:.04em;font-size:15px}.slogan{color:var(--muted);font-size:13px}.footer{padding:var(--s4);text-align:center;color:var(--muted);font-size:12px}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--topbar) 1fr auto;min-height:100%}.side{grid-row:1/4;background:var(--surface);border-right:1px solid var(--border);padding:var(--s4)}.top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:0 var(--s6);border-bottom:1px solid var(--border);background:var(--surface)}.main{padding:var(--s6);max-width:1600px;width:100%}.nav{display:flex;align-items:center;gap:var(--s3);height:40px;padding:0 var(--s3);border-radius:var(--r-md);color:var(--text);font-weight:500;border:0;background:none;width:100%;cursor:pointer;position:relative}.nav[aria-current=page]{background:var(--primary-soft);color:var(--primary-text)}.nav[aria-current=page]:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--primary)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.seg button{height:32px;padding:0 var(--s3);border:0;background:var(--surface);color:var(--muted);font:500 13px Inter,sans-serif;cursor:pointer}.seg button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-text)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s4)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:1024px){.shell{grid-template-columns:68px 1fr}.nav span,.side .brand,.side .slogan{display:none}}@media(max-width:640px){.shell{grid-template-columns:1fr;grid-template-rows:var(--topbar) 1fr auto auto}.side{grid-row:4;display:flex;border-right:0;border-top:1px solid var(--border);padding:var(--s2)}.main{padding:var(--s4)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.btn.icon{width:36px;padding:0;justify-content:center}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s6);flex-wrap:wrap}.toolbar{display:flex;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.search{position:relative;flex:1;min-width:220px;max-width:420px;display:flex;align-items:center}.search svg{position:absolute;left:var(--s3);color:var(--muted)}.search input{width:100%;height:40px;padding:0 var(--s3) 0 36px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:400 14px Inter,sans-serif}select.input{padding-right:var(--s2)}.card.flush{padding:0;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:600;color:var(--muted);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl td.act{text-align:right;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}td .chips{margin:0}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:500}.chip button{display:inline-flex;border:0;background:none;color:inherit;cursor:pointer;padding:0}.row{display:flex;align-items:center;gap:var(--s2)}.actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s2)}.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.switch{width:36px;height:20px;border-radius:999px;border:0;background:var(--border);position:relative;cursor:pointer;padding:0;transition:background .12s}.switch span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .12s}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true] span{transform:translate(16px)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s2);padding:var(--s8) var(--s4);background:var(--surface);border:1px dashed var(--border);border-radius:var(--r-lg)}.empty svg{color:var(--primary)}.empty .btn{margin-top:var(--s2)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);margin-top:var(--s4)}dialog.modal{border:0;padding:0;border-radius:var(--r-xl);background:var(--surface);color:var(--text);width:min(560px,calc(100% - 32px));box-shadow:0 20px 50px #00000040}dialog.modal::backdrop{background:#0f111780}.modal-body{padding:var(--s6);max-height:85vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4)}.toasts{position:fixed;right:var(--s4);bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s2);z-index:1000;max-width:380px}.toast{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #00000026;font-size:13px}.toast.ok svg{color:var(--success)}.toast.err{border-color:var(--danger)}.toast.err svg{color:var(--danger)}.nav-group{margin:var(--s4) 0 var(--s2);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 var(--s3)}@media(max-width:1024px){.nav-group{display:none}}@media(max-width:640px){.two{grid-template-columns:1fr}.nav-group{display:none}.side nav{display:flex;width:100%;justify-content:space-around}.nav{justify-content:center}.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl tr{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border)}.tbl td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:var(--s3);text-align:right}.tbl td:before{content:attr(data-label);color:var(--muted);font-weight:500;text-align:left}.tbl td.act{justify-content:flex-end}.tbl td.act:before{content:none}}.board{display:grid;grid-auto-flow:column;grid-auto-columns:290px;gap:var(--s4);overflow-x:auto;padding-bottom:var(--s2);align-items:start}.col{background:var(--surface-2);border-radius:var(--r-lg);padding:var(--s3);min-height:160px}.col.over{outline:2px dashed var(--primary);outline-offset:-2px}.col-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s3);font-size:13px}.lcard{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s3);margin-bottom:var(--s2);cursor:grab;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s}.lcard:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1018281f}.lcard:active{cursor:grabbing}.badge{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:500}.badge.p-Urgent{background:var(--danger);border-color:var(--danger);color:#fff}.badge.p-High{border-color:var(--warning);color:var(--warning)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.kpi{background:var(--surface-2);border-radius:var(--r-md);padding:var(--s2) var(--s3);font-size:12px;color:var(--muted)}.kpi b{display:block;font-size:16px;color:var(--text)}ul.plain{list-style:none;margin:0;padding:0}.ledger li{display:flex;align-items:center;gap:var(--s3);justify-content:space-between;padding:var(--s2) 0;border-bottom:1px solid var(--border);font-size:13px}.ledger li span{flex:1}dialog.drawer{margin:0 0 0 auto;height:100vh;max-height:100vh;width:min(520px,100%);border-radius:var(--r-xl) 0 0 var(--r-xl)}dialog.drawer .modal-body{height:100vh;max-height:100vh}@media(max-width:640px){.kpis{grid-template-columns:repeat(2,1fr)}.board{grid-auto-columns:85%;scroll-snap-type:x mandatory}.col{scroll-snap-align:start}}.dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s4)}.dgrid.two-wide{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.card.wide{min-width:0}.kpi-tile{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4) var(--s5)}.kpi-val{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.spark{width:90px;height:28px}.delta{display:inline-flex;align-items:center;gap:2px;font-weight:500}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.ring{display:flex;align-items:center;gap:var(--s4)}.legend{display:flex;flex-wrap:wrap;gap:var(--s4);font-size:12px;color:var(--muted);margin-top:var(--s2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.hbars li{margin-bottom:var(--s3)}.track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:4px 0}.track div{height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.queue li button{display:flex;gap:var(--s3);align-items:flex-start;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--border);padding:var(--s2) 0;cursor:pointer}.queue li button:hover{background:var(--surface-2)}.queue svg{color:var(--primary);flex:none;margin-top:3px}.skel{height:120px;background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;animation:sh 1.4s infinite}@keyframes sh{to{background-position:-200% 0}}@media(max-width:1024px){.dgrid.two-wide{grid-template-columns:1fr}}.notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s4)}.note{display:flex;flex-direction:column;gap:var(--s2);min-height:160px}.btn.pin[aria-pressed=true]{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary)}select.input.slim{height:32px;font-size:13px}ul.pick{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}ul.pick button{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:var(--surface);border:0;border-bottom:1px solid var(--border);padding:var(--s2) var(--s3);cursor:pointer}ul.pick button:hover{background:var(--surface-2)}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3)}.seg.wrap{display:flex;flex-wrap:wrap;border:0;gap:var(--s2)}.seg.wrap button{border:1px solid var(--border);border-radius:var(--r-md)}ol.plain{list-style:none;margin:0;padding:0}