:root{--bg:#f4eee2;--surface:#fbf8f1;--surface-2:#ece4d4;--ink:#231e16;--muted:#6e6557;--faint:#9d9484;--line:#e4dbca;--a:#3a6796;--a-soft:#dbe4ef;--b:#a55f3a;--b-soft:#eee0d4;--ok:#5b7d4f;--warn:#b07d2e;--danger:#a8503e}[data-theme=dark]{--bg:#1e1a15;--surface:#27221b;--surface-2:#342d23;--ink:#f1e9da;--muted:#a89e8d;--faint:#7c7464;--line:#393227;--a:#7aa6d4;--a-soft:#26384a;--b:#cf8a5f;--b-soft:#3a2a1f;--ok:#8aab78;--warn:#d6a55f;--danger:#d2856f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Public Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}[data-theme]{transition:background-color .4s ease,color .4s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::placeholder{color:var(--faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.serif{font-family:Newsreader,serif}.mono{font-family:IBM Plex Mono,monospace}.shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:252px;flex:none;height:100%;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:30px 24px;display:flex;flex-direction:column;gap:28px}.brand{font:600 25px Newsreader,serif}.brand-sub{font:500 10px IBM Plex Mono,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-top:5px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;color:var(--muted);font:500 13px Public Sans;cursor:pointer}.nav-item .dot{width:6px;height:6px;border-radius:50%;background:var(--faint)}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--a-soft);color:var(--a);font-weight:600}.nav-item.active .dot{background:var(--a)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--line);color:var(--ink);font:500 12.5px Public Sans;padding:9px 13px;border-radius:8px}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--a);border-color:var(--a);color:#fff}.btn-primary:hover{filter:brightness(1.05);background:var(--a)}.btn-sm{padding:6px 10px;font-size:11.5px;border-radius:7px}.btn-danger{color:var(--danger);border-color:var(--line)}.btn-danger:hover{background:var(--surface-2)}.avatar{width:34px;height:34px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font:600 13px Public Sans;flex:none}.main{flex:1;height:100%;overflow-y:auto;padding:30px 36px}.page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:18px;animation:fadeUp .5s both}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-title{font:600 30px Newsreader,serif}.page-sub{font:400 13.5px Public Sans;color:var(--muted);margin-top:3px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px}.card-title{font:600 17px Newsreader,serif}.card-sub{font:400 12px Public Sans;color:var(--muted);margin-top:2px}.grid{display:grid;gap:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.badge{font:500 11px IBM Plex Mono,monospace;padding:4px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.badge-a{color:var(--a);background:var(--a-soft)}.legend{display:inline-flex;align-items:center;gap:7px;font:500 11px Public Sans;color:var(--muted)}.legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.kpi{display:flex;flex-direction:column;gap:12px}.kpi-k{font:500 11px IBM Plex Mono,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.kpi-v{font:600 32px/.9 Newsreader,serif}.kpi-v span{font:500 13px IBM Plex Mono,monospace;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.label{font:500 11px IBM Plex Mono,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.input,.select,.textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 11px;font:400 13.5px Public Sans;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--a)}.textarea{resize:vertical;min-height:64px}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;align-items:start}.col{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}.col-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.col-head .dot{width:7px;height:7px;border-radius:50%}.col-name{font:600 12.5px Public Sans}.col-count{margin-left:auto;font:500 11px IBM Plex Mono,monospace;color:var(--faint);background:var(--surface-2);padding:2px 8px;border-radius:999px}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 12px;cursor:pointer;display:flex;flex-direction:column;gap:9px}.pcard:hover{border-color:var(--a)}.pcard-title{font:600 13px Public Sans;line-height:1.3}.pcard-meta{display:flex;align-items:center;gap:7px;font:500 10px IBM Plex Mono,monospace;color:var(--faint)}.progress{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress>i{display:block;height:100%;border-radius:999px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(520px,100%);height:100%;background:var(--surface);border-left:1px solid var(--line);overflow-y:auto;padding:26px;display:flex;flex-direction:column;gap:18px;animation:fadeUp .25s both}.modal-center{align-items:center;justify-content:center;padding:20px}.modal{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;animation:fadeUp .25s both}.list-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.icon-btn{background:transparent;border:none;color:var(--faint);font-size:15px;line-height:1;padding:4px;border-radius:6px}.icon-btn:hover{color:var(--danger);background:var(--surface-2)}.chip{font:500 10px IBM Plex Mono,monospace;padding:2px 8px;border-radius:999px}.sev-high{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.sev-med{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.sev-low{color:var(--muted);background:var(--surface-2)}.muted{color:var(--muted)}.faint{color:var(--faint)}.empty{color:var(--faint);font:400 13px Public Sans;padding:24px;text-align:center}.error{color:var(--danger);font:500 12.5px Public Sans}.menu-btn{display:none}@media(max-width:860px){.shell{flex-direction:column;height:100dvh}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;border-right:none;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;overflow:visible}.sidebar .desktop-only{display:none}.sidebar.open{flex-direction:column;align-items:stretch;height:100dvh;overflow-y:auto}.sidebar.open .desktop-only{display:flex}.menu-btn{display:inline-flex;margin-left:auto}.main{padding:18px 16px}.page-title{font-size:25px}}@media(max-width:640px){.row>*{min-width:0!important;flex-basis:100%!important}.card{padding:18px 16px}.drawer{width:100%;padding:20px}.overlay{justify-content:stretch}}