:root{--font:"Roboto","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--bg:#F4F5F7;--bg-elev:#FFFFFF;--label:#16192C;--label-2:#667085;--label-3:#98A2B3;--sep:#E4E7EC;--fill:#F2F4F7;--fill-2:#EAECF0;--tint:#1A2332;--link:#2F6FED;--green:#12B76A;--red:#F04438;--orange:#F79009;--yellow:#FDB022;--purple:#7A5AF8;--blue:#2F6FED;--r-card:10px;--r-input:8px;--r-pill:6px;--gap:16px;--inset:16px;--shadow:0 1px 2px rgba(16,24,40,.05);--border:1px solid var(--sep)}@media (prefers-color-scheme:dark){:root{--bg:#0F1115;--bg-elev:#171A21;--label:#F2F4F7;--label-2:#98A2B3;--label-3:#667085;--sep:#262B35;--fill:#1F242E;--fill-2:#262C38;--tint:#E5E9F0;--link:#6E9BFF;--green:#32D583;--red:#F97066;--orange:#FDB022;--blue:#6E9BFF;--shadow:0 1px 2px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--label);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--link);text-decoration:none}button{font-family:var(--font);cursor:pointer}.shell{display:flex;min-height:100dvh}.sidebar{width:150px;padding:18px 10px;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto;flex-shrink:0;background:var(--bg-elev);border-right:var(--border);display:flex;flex-direction:column;align-items:center}.sidebar .brand{padding:4px 0 22px}.sidebar .brand img{width:44px;height:44px;border-radius:10px}.navitem{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;border-radius:10px;color:var(--label-2);font-size:13px;margin-bottom:6px;position:relative;width:100%;text-align:center}.navitem svg{width:26px;height:26px;stroke:var(--label-2)}.navitem.active{color:var(--label);background:var(--fill)}.navitem.active svg{stroke:var(--label)}.main{flex:1 1;max-width:1160px;padding:28px 28px 96px;margin:0 auto;width:100%;min-width:0}.tabbar{display:none}@media (max-width:768px){.sidebar{display:none}.main{padding:14px var(--inset) 96px}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-elev);border-top:var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:50}.tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:10px;color:var(--label-2);position:relative}.tabbar a.active{color:var(--label);font-weight:600}.tabbar svg{width:23px;height:23px}}.badge{position:absolute;top:8px;right:calc(50% - 22px);min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.h1{font-size:30px;font-weight:700;letter-spacing:-.3px;margin:2px 0 6px}.h2{font-size:18px;margin:26px 0 10px}.h2,.h3{font-weight:600}.h3{font-size:15px}.sub{font-size:14px}.cap,.sub{color:var(--label-2)}.cap{font-size:13px}.cap2{font-size:11px;text-transform:uppercase;letter-spacing:.6px}.cap2,.crumbs{color:var(--label-3)}.crumbs{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;margin-bottom:18px}.crumbs a{color:var(--label-3)}.crumbs .here{color:var(--label-2);font-weight:500}.card{padding:var(--inset)}.card,.list{background:var(--bg-elev);border-radius:var(--r-card);border:var(--border);box-shadow:var(--shadow);margin-bottom:var(--gap)}.list{overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:12px var(--inset);min-height:44px;color:var(--label);width:100%;text-align:left;background:none;border:none;font-size:15px}.list>*+*{border-top:var(--border)}a.row:hover,button.row:hover{background:var(--fill)}.row .grow{flex:1 1;min-width:0}.row .title{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{color:var(--label-3);flex-shrink:0}.info{background:var(--bg-elev);border-radius:var(--r-card);border:var(--border);box-shadow:var(--shadow);overflow:hidden;margin-bottom:var(--gap)}.info>div{padding:12px var(--inset);border-top:var(--border)}.info>div:first-child{border-top:none}.info .k{font-size:12.5px;color:var(--label-2);margin-bottom:3px}.info .v{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.banner{background:var(--fill-2);border:var(--border);border-radius:var(--r-card);padding:14px var(--inset);color:var(--label-2);margin-bottom:var(--gap)}.banner,.btn{font-size:14.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tint);color:var(--bg-elev);border:none;border-radius:var(--r-input);padding:10px 18px;font-weight:600;min-height:42px;transition:opacity .12s}.btn:hover{opacity:.9}.btn:active{opacity:.75}.btn.sm{padding:6px 12px;min-height:32px;font-size:13.5px}.btn.secondary{background:var(--bg-elev);color:var(--label);border:var(--border)}.btn.danger{background:none;color:var(--red)}.btn.plain{background:none;color:var(--link);font-weight:500}.btn:disabled{opacity:.4;pointer-events:none}.input,select.input,textarea.input{width:100%;background:var(--bg-elev);border:var(--border);border-radius:var(--r-input);padding:10px 12px;font-size:15px;color:var(--label);min-height:42px;font-family:var(--font);outline:none}.input:focus{border-color:var(--label-3);box-shadow:0 0 0 3px var(--fill-2)}textarea.input{resize:vertical;min-height:84px}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2398A2B3' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:500;color:var(--label-2);margin:0 1px 5px}.frow{display:flex;gap:10px}.frow>*{flex:1 1}.pill{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:2.5px 9px;font-size:12.5px;font-weight:600;gap:5px}.pill.gray{background:var(--fill-2);color:var(--label-2)}.pill.blue{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}.pill.green{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.pill.red{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.pill.orange{background:color-mix(in srgb,var(--orange) 14%,transparent);color:var(--orange)}.pill.purple{background:color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple)}.progress{height:8px;border-radius:4px;background:var(--fill-2);overflow:hidden}.progress>div{height:100%;border-radius:4px;background:var(--green);transition:width .35s ease}.seg{display:flex;gap:22px;border-bottom:var(--border);margin-bottom:var(--gap);overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg a{padding:9px 2px 11px;font-size:14.5px;font-weight:500;color:var(--label-2);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.seg a.active{color:var(--label);font-weight:600;border-bottom-color:var(--label)}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;align-items:stretch;scrollbar-width:none;-ms-overflow-style:none}.kanban::-webkit-scrollbar{display:none}.kcol{flex:1 1;min-width:240px;background:var(--fill);border:var(--border);border-radius:var(--r-card);padding:10px;min-height:140px}.kcol.over{outline:2px solid var(--link)}.kcol-head{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;font-size:14px;font-weight:600}.kcard{background:var(--bg-elev);border:var(--border);border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:var(--shadow);cursor:-webkit-grab;cursor:grab;font-size:14px}.kcard:active{cursor:-webkit-grabbing;cursor:grabbing}.kcard.dragging{opacity:.4}.kcard .meta{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.backdrop{position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg-elev);width:100%;max-width:580px;max-height:88dvh;overflow-y:auto;border-radius:12px 12px 0 0;padding:20px var(--inset) calc(20px + env(safe-area-inset-bottom));animation:slideup .25s ease}@media (min-width:769px){.backdrop{align-items:center}.sheet{border-radius:12px;max-height:82vh}}@keyframes slideup{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-head .h3{font-size:18px}.reply{background:var(--bg-elev);border:var(--border);border-left:4px solid var(--sep);border-radius:var(--r-card);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.reply.staff{border-left-color:var(--tint)}.reply.mine{border-left-color:var(--link)}.reply-head{gap:12px;padding:14px var(--inset) 0}.avatar,.reply-head{display:flex;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:var(--fill-2);color:var(--label-2);justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.reply-head .who{flex:1 1;min-width:0}.reply-head .who b{display:block;font-size:15px}.reply-head .who span,.reply-head time{font-size:13px;color:var(--label-2)}.reply-head time{white-space:nowrap}.reply-body{padding:12px var(--inset) 14px;font-size:14.5px;white-space:pre-wrap;word-break:break-word}.reply-body img,.reply-body video{max-width:min(420px,100%);border-radius:8px;display:block;margin-top:8px;border:var(--border)}.reply-body audio{display:block;margin-top:8px;width:min(320px,100%)}.bubble{max-width:78%;border-radius:12px;padding:9px 13px;font-size:14.5px;margin-bottom:6px;width:-moz-fit-content;width:fit-content;word-break:break-word;white-space:pre-wrap;border:var(--border)}.bubble.mine{background:var(--tint);color:var(--bg-elev);margin-left:auto;border-color:transparent}.bubble.theirs{background:var(--fill)}.composer{display:flex;gap:8px;align-items:flex-end;background:var(--bg);padding:8px 0}.composer textarea{flex:1 1;max-height:120px;min-height:42px}.iconbtn{width:42px;height:42px;flex-shrink:0;border-radius:var(--r-input);border:var(--border);background:var(--bg-elev);color:var(--label-2);display:flex;align-items:center;justify-content:center}.iconbtn.primary{background:var(--tint);color:var(--bg-elev);border-color:transparent}.iconbtn.rec{background:var(--red);color:#fff;border-color:transparent;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.6}}.iconbtn svg{width:20px;height:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);gap:var(--gap)}@media (max-width:640px){.grid2{grid-template-columns:1fr}}.cols{display:grid;grid-template-columns:300px 1fr;grid-gap:22px;gap:22px;align-items:start}@media (max-width:900px){.cols{grid-template-columns:1fr}}.stat{padding:14px;border-radius:var(--r-card);background:var(--bg-elev);border:var(--border);box-shadow:var(--shadow)}.stat .cap{margin-bottom:2px}.stat .val{font-size:21px;font-weight:700}.empty{text-align:center;color:var(--label-2);padding:40px 16px;font-size:14px}.spacer{flex:1 1}.mt{margin-top:var(--gap)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;color:var(--label-2);text-transform:uppercase;letter-spacing:.5px;background:var(--fill)}.table td,.table th{padding:10px;border-bottom:var(--border)}.table tr:last-child td{border-bottom:none}.right{text-align:right}.danger-text{color:var(--red)}.green-text{color:var(--green)}hr.sep{border:none;border-top:var(--border);margin:12px 0}