:root{--red: #E82827;--red-dark: #BB2027;--red-tint: #FDEAE9;--paper: #FDFCFA;--surface: #FFFFFF;--ink: #212122;--n10: #F3F2F0;--n20: #E9E8E7;--n30: #DFDFDE;--n40: #D5D5D5;--n60: #A8A8A9;--n70: #858586;--n80: #636364;--n90: #424243;--ns-bg: #E2E8F0;--ns-fg: #475569;--ip-bg: #DBEAFE;--ip-fg: #1D4ED8;--pd-bg: #FEF3C7;--pd-fg: #B45309;--dn-bg: #D1FAE5;--dn-fg: #047857;--rv-bg: #EDE9FE;--rv-fg: #6D28D9;--shadow-xl: 0 4px 12px rgba(0, 0, 0, .15);--shadow-ml: 0 8px 20px rgba(136, 136, 136, .08);--f: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.45 var(--f);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--red-dark)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2;text-wrap:balance}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0}.num,td.num{font-variant-numeric:tabular-nums}.muted{color:var(--n80)}.small{font-size:12px}.nowrap{white-space:nowrap}.pre{white-space:pre-wrap;word-break:break-word}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr);min-height:100%}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--n30);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--red);display:grid;place-items:center}.brand small{display:block;font-weight:500;font-size:11px;color:var(--n80);letter-spacing:.04em;text-transform:uppercase}.topbar .spacer{flex:1}.project-switch{min-width:200px;max-width:320px}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--red-tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.sidenav{background:var(--surface);border-right:1px solid var(--n30);padding:16px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.sidenav .lbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--n70);font-weight:600;padding:12px 12px 6px}.sidenav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--n90);text-decoration:none;font-weight:500}.sidenav a:hover{background:var(--n10)}.sidenav a.active{background:var(--red-tint);color:var(--red-dark);font-weight:600}.sidenav a .count{margin-left:auto;font-size:11px;font-weight:700;background:var(--red);color:#fff;border-radius:999px;padding:1px 7px}.main{padding:28px 32px 64px;min-width:0}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin-bottom:20px}.page-head .sub{color:var(--n80);margin-top:4px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width: 900px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.topbar{flex-wrap:wrap;padding:10px 16px;position:static}.project-switch{min-width:0;flex:1}.sidenav{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--n30)}.sidenav .lbl{display:none}.sidenav a{white-space:nowrap}.main{padding:20px 16px 48px}.user-chip .who{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--n40);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}.btn:hover{background:var(--n10)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn.danger{color:var(--red-dark);border-color:#f3b5b4}.btn.danger:hover{background:var(--red-tint)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--n10)}.btn.sm{padding:5px 10px;font-size:12px}.btn.icon{padding:6px;width:32px;height:32px}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.input,select.input,textarea.input{width:100%;border:1px solid var(--n40);border-radius:8px;padding:8px 10px;background:var(--surface);min-height:38px}.input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.input:disabled{background:var(--n10);color:var(--n80)}textarea.input{resize:vertical;min-height:84px;line-height:1.5}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field-label{font-size:12px;font-weight:600;color:var(--n90)}.field .req{color:var(--red);margin-left:2px}.field .hint{font-size:12px;color:var(--n80)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}.span2{grid-column:span 2}@media (max-width: 700px){.grid2,.grid4{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check input{accent-color:var(--red);width:16px;height:16px}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:1.3;padding:3px 10px;border-radius:6px;white-space:nowrap}.tag.s-open{background:var(--ns-bg);color:var(--ns-fg)}.tag.s-progress{background:var(--ip-bg);color:var(--ip-fg)}.tag.s-blocked{background:var(--red-tint);color:var(--red-dark)}.tag.s-done{background:var(--dn-bg);color:var(--dn-fg)}.tag.s-cancelled{background:var(--surface);color:var(--n80);border:1px solid var(--n30)}.tag.p-high{background:var(--red);color:#fff}.tag.p-medium{background:var(--pd-bg);color:var(--pd-fg)}.tag.p-low{background:var(--n10);color:var(--n80)}.tag.cat{background:var(--red-tint);color:var(--red)}.tag.neutral{background:var(--n10);color:var(--n90)}.tag.final{background:var(--dn-bg);color:var(--dn-fg)}.tag.draft{background:var(--pd-bg);color:var(--pd-fg)}.tag.violet{background:var(--rv-bg);color:var(--rv-fg)}.flag{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--n80);white-space:nowrap}.flag.warn{color:var(--red-dark)}.flag svg{width:14px;height:14px}.card{background:var(--surface);border:1px solid var(--n30);border-radius:12px}.card.pad{padding:18px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--n20)}.card-body{padding:16px 20px}.section-gap{display:grid;gap:20px}.tbl-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--n30);border-radius:12px}table.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--n20);vertical-align:top}.tbl th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--n80);font-weight:600;background:var(--n10);white-space:nowrap;position:sticky;top:0}.tbl tbody tr:last-child td{border-bottom:0}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#fbf8f6}.tbl td.dim{color:var(--n60)}.tbl .code{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.tbl .title-cell{min-width:220px;font-weight:500}tr.group td{background:var(--paper);font-weight:700;color:var(--red-dark);font-size:12px;letter-spacing:.03em}.empty{padding:40px 20px;text-align:center;color:var(--n80)}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}.filters{display:grid;gap:12px;padding:16px;margin-bottom:16px}.filters .row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.filters .row>.field{flex:1 1 150px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--n40);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--n90)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#21212273;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-xl);width:min(720px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal.wide{width:min(960px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--n20)}.modal-body{padding:18px 20px;overflow-y:auto;display:grid;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--n20);flex-wrap:wrap}.alert{border-radius:8px;padding:10px 14px;font-size:13px}.alert.error{background:var(--red-tint);color:var(--red-dark)}.alert.warn{background:var(--pd-bg);color:var(--pd-fg)}.alert.info{background:var(--ip-bg);color:var(--ip-fg)}.alert.ok{background:var(--dn-bg);color:var(--dn-fg)}.toasts{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:80}.toast{background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;box-shadow:var(--shadow-xl);max-width:360px;font-weight:500}.toast.err{background:var(--red-dark)}.detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}@media (max-width: 1100px){.detail{grid-template-columns:minmax(0,1fr)}}.kv{display:grid;grid-template-columns:128px minmax(0,1fr);gap:8px 12px;font-size:13px}.kv dt{color:var(--n80)}.kv dd{margin:0;font-weight:500;min-width:0;word-break:break-word}.timeline{display:grid;gap:0}.tl-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--n20)}.tl-item:last-child{border-bottom:0}.tl-meta{font-size:12px;color:var(--n80);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.link-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--n20)}.link-row:last-child{border-bottom:0}.link-row .lbl{font-size:11px;color:var(--n80);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.att{border:1px solid var(--n30);border-radius:10px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;text-align:left;padding:0}.att:hover{box-shadow:var(--shadow-ml);border-color:var(--n40)}.att-thumb{height:92px;background:var(--n10);display:grid;place-items:center;overflow:hidden}.att-thumb img{width:100%;height:100%;object-fit:cover}.att-ext{font-weight:800;font-size:13px;letter-spacing:.04em;padding:6px 10px;border-radius:6px;background:var(--surface);color:var(--n90);border:1px solid var(--n30)}.att-ext.pdf{color:var(--red-dark)}.att-ext.doc,.att-ext.docx{color:#1d4ed8}.att-ext.xls,.att-ext.xlsx,.att-ext.csv{color:#047857}.att-ext.ppt,.att-ext.pptx{color:#b45309}.att-info{padding:8px 10px;display:grid;gap:2px;min-width:0}.att-name{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-meta{font-size:11px;color:var(--n80)}.att-mini{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--n30);border-radius:8px;padding:4px 8px;font-size:12px;cursor:pointer;background:var(--surface)}.att-mini:hover{background:var(--n10)}.dropzone{border:1.5px dashed var(--n40);border-radius:10px;padding:14px;text-align:center;color:var(--n80);font-size:13px;background:var(--paper)}.dropzone.over{border-color:var(--red);background:var(--red-tint);color:var(--red-dark)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#212122d1;display:grid;grid-template-rows:auto minmax(0,1fr)}.viewer-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--ink);color:#fff;flex-wrap:wrap}.viewer-bar .name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bar .btn{background:transparent;color:#fff;border-color:#ffffff40}.viewer-bar .btn:hover{background:#ffffff1a}.viewer-body{overflow:auto;display:grid;place-items:center;padding:20px}.viewer-body img{max-width:100%;max-height:calc(100vh - 110px);background:#fff;border-radius:4px;cursor:zoom-in}.viewer-body img.zoom{max-width:none;max-height:none;cursor:zoom-out}.viewer-body iframe{width:min(1100px,100%);height:calc(100vh - 100px);border:0;background:#fff;border-radius:6px}.viewer-doc{width:min(1100px,100%);max-height:calc(100vh - 100px);overflow:auto;background:var(--surface);border-radius:8px;padding:20px;color:var(--ink);align-self:start}.viewer-doc pre{margin:0;white-space:pre-wrap;word-break:break-word;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace}.viewer-msg{background:var(--surface);border-radius:12px;padding:24px;max-width:460px;text-align:center;display:grid;gap:12px;justify-items:center}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(180deg,var(--red) 0 220px,var(--paper) 220px)}.auth-card{width:min(420px,100%);background:var(--surface);border-radius:16px;box-shadow:var(--shadow-xl);padding:28px;display:grid;gap:16px}.auth-card h1{font-size:22px}.tree-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--n20)}.tree-row.inactive{opacity:.55}.tree-name{display:flex;align-items:center;gap:8px;min-width:0}.tree-name .code{font-size:11px;font-weight:700;color:var(--red-dark);background:var(--red-tint);border-radius:4px;padding:1px 6px}.lvl{font-size:11px;color:var(--n70)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--n30);margin-bottom:18px;overflow-x:auto}.tabs button{border:0;background:none;padding:10px 14px;font-weight:600;color:var(--n80);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--red-dark);border-bottom-color:var(--red)}.secret{font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:700;background:var(--n10);border:1px dashed var(--n40);padding:8px 12px;border-radius:8px;-webkit-user-select:all;user-select:all}