:root{--primary: #181d26;--primary-active: #0d1218;--ink: #181d26;--body: #333840;--muted: #41454d;--hairline: #dddddd;--border-strong: #9297a0;--canvas: #ffffff;--surface-soft: #f8fafc;--surface-strong: #e0e2e6;--surface-dark: #181d26;--on-primary: #ffffff;--link: #1b61c9;--link-active: #1a3866;--info: #254fad;--success: #006400;--success-border: #39bf45;--warning: #aa2d00;--coral: #aa2d00;--forest: #0a2e0e;--peach: #fcab79;--mint: #a8d8c4;--yellow: #f4d35e;--mustard: #d9a441;--radius: 8px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(24, 29, 38, .06);--shadow-md: 0 4px 16px rgba(24, 29, 38, .1);--font: "Inter", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--sidebar-w: 232px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--surface-soft);color:var(--body);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--ink);font-weight:500;margin:0;letter-spacing:0}h1{font-size:24px;line-height:1.25}h2{font-size:18px;line-height:1.3}h3{font-size:15px;line-height:1.35}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-active);text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface-dark);color:var(--on-primary);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{padding:20px 18px 14px;font-size:16px;font-weight:600;color:#fff;letter-spacing:.2px}.sidebar__nav{display:flex;flex-direction:column;padding:4px 8px;gap:1px;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:#c7cbd3;font-size:13.5px;text-decoration:none}.sidebar__link:hover{background:#ffffff12;color:#fff;text-decoration:none}.sidebar__link[aria-current=page]{background:#ffffff24;color:#fff;font-weight:500}.sidebar__link .ico{width:18px;text-align:center;opacity:.9}.sidebar__footer{margin-top:auto;padding:12px 16px;font-size:12px;color:#8b909a;border-top:1px solid rgba(255,255,255,.08)}.content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:5}.topbar__title{display:flex;flex-direction:column;gap:2px}.topbar__title small{color:var(--muted);font-size:12px}.page{padding:20px 24px 64px;max-width:1600px;width:100%}.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13.5px;font-weight:500;padding:7px 14px;border-radius:999px;border:1px solid transparent;cursor:pointer;background:var(--surface-strong);color:var(--ink);white-space:nowrap}.btn:hover{background:#d6d8dd}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-active)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--ink)}.btn--ghost:hover{background:var(--surface-soft)}.btn--danger{background:transparent;border-color:var(--coral);color:var(--coral)}.btn--danger:hover{background:#fbece6}.btn--sm{padding:4px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__body{padding:16px}.table-wrap{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{position:sticky;top:0;background:var(--surface-soft);text-align:left;font-weight:500;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--hairline);white-space:nowrap;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}tbody td{padding:10px 14px;border-bottom:1px solid #eef0f2;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-soft)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--todo{background:#eef0f2;color:#41454d}.badge--active{background:#e7f0ff;color:#254fad}.badge--waiting{background:#fdf0e8;color:#aa2d00}.badge--done{background:#e7f3e8;color:#006400}.badge--neutral{background:#eef0f2;color:#41454d}.badge--soft{background:var(--surface-soft);color:var(--muted);border-color:var(--hairline)}.badge--high{background:#fdecea;color:#aa2d00}.badge--cat{background:var(--surface-soft);color:var(--ink);border-color:var(--hairline)}.badge--cat:before{background:var(--cat-color, var(--border-strong))}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:12.5px;font-weight:500;color:var(--muted)}.field .req{color:var(--coral)}input,select,textarea{font:inherit;font-size:14px;color:var(--ink);background:var(--canvas);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--info);outline-offset:-1px;border-color:var(--info)}textarea{resize:vertical;min-height:72px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1 / -1}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar .spacer{flex:1 1 auto}.toolbar input,.toolbar select{width:auto}.search{min-width:220px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#181d2659;z-index:40}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(480px,92vw);background:var(--canvas);z-index:41;box-shadow:var(--shadow-md);display:flex;flex-direction:column;animation:slidein .16s ease-out}@keyframes slidein{0%{transform:translate(20px);opacity:.6}to{transform:none;opacity:1}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hairline)}.drawer__body{padding:20px;overflow-y:auto;flex:1 1 auto}.drawer__foot{padding:14px 20px;border-top:1px solid var(--hairline);display:flex;gap:10px;justify-content:flex-end}.icon-btn{background:transparent;border:none;cursor:pointer;font-size:18px;color:var(--muted);padding:4px;line-height:1}.icon-btn:hover{color:var(--ink)}.empty{text-align:center;padding:56px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:6px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px}.stat__num{font-size:28px;font-weight:500;color:var(--ink);line-height:1.1}.stat__label{font-size:12.5px;color:var(--muted);margin-top:4px}.muted{color:var(--muted)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.menu-toggle{display:none}@media (max-width: 880px){.sidebar{position:fixed;left:0;top:0;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.menu-toggle{display:inline-flex;position:fixed;top:11px;left:12px;z-index:60;width:38px;height:38px;padding:0;align-items:center;justify-content:center;font-size:18px}.form-grid{grid-template-columns:1fr}.page{padding:16px 14px 64px}.topbar{padding:12px 14px 12px 62px}.topbar h1{font-size:20px}}