@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color-scheme:dark;--bg:#111319;--panel:#1a1d26;--panel2:#20242e;--line:#303440;--text:#f4f2f0;--muted:#969aa7;--blue:#6766d7;--blue2:#8d8cf4;--green:#6acaa5;--red:#eb897c;--yellow:#ecc485;--shadow:0 24px 80px #0006}
:root.light{color-scheme:light;--bg:#f5f4f1;--panel:#fff;--panel2:#f6f5f3;--line:#e5e4e0;--text:#1f2230;--muted:#747986;--blue:#33349e;--blue2:#5d60c5;--green:#177957;--red:#bb5147;--yellow:#a47428;--shadow:0 24px 80px #20243a20}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}
.loading{padding:40px;color:var(--muted)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b0d12;border-right:1px solid #252934;padding:29px 17px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.logo{display:block;width:182px;height:92px;object-fit:contain;filter:brightness(0) invert(1);margin:0 auto 10px}.logo-caption{text-align:center;color:#8c8fb4;text-transform:uppercase;font-size:9px;letter-spacing:.26em;font-weight:800}.nav{display:grid;gap:4px}.nav-label{color:#686d7f;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:0 12px;margin:8px 0 6px}.nav button{color:#aeb3c4;border:0;background:none;border-radius:11px;padding:12px 14px;text-align:left;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;width:100%;transition:.2s}.nav button:hover,.nav button.active{color:#fff;background:#25293a}.nav button.active{box-shadow:inset 3px 0 var(--blue2)}.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.count{margin-left:auto;background:#d2685d;color:#fff;border-radius:99px;padding:2px 6px;font-size:10px}.side-bottom{margin-top:auto;border-top:1px solid #282b37;padding:15px 7px 0;display:grid;gap:13px}.identity{display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;flex:none;border-radius:11px;background:#353a65;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.identity strong{display:block;font-size:12px}.identity small{color:#83899a;font-size:10px}.side-actions{display:flex;gap:7px}.side-actions button{border:1px solid #363b4a;background:#1b1e28;color:#c8ccdb;border-radius:9px;padding:7px 10px;font-size:11px}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel)}.crumb{font-size:11px;color:var(--muted);letter-spacing:.04em}.crumb strong{color:var(--text);margin-left:8px;font-size:14px}.top-actions{display:flex;gap:10px;align-items:center}.search{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:9px 12px;width:min(270px,28vw);font-size:12px}.content{padding:32px 34px 70px;max-width:1800px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.eyebrow{color:var(--blue2);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.head h1{font-size:29px;letter-spacing:-.04em;font-weight:800}.subtitle{color:var(--muted);font-size:12px;margin-top:8px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:9px 14px;border-radius:10px;font-size:12px;font-weight:800;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--blue2);background:color-mix(in srgb,var(--panel2) 85%,var(--blue2))}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:var(--blue2)}.btn.danger{color:var(--red)}.btn.small{min-height:30px;padding:6px 9px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px}.metric{padding:21px;min-height:127px}.metric .label{font-size:11px;color:var(--muted);font-weight:700}.metric .value{font-size:30px;font-weight:800;letter-spacing:-.05em;margin:11px 0 2px}.metric .hint{color:var(--muted);font-size:10px}.metric.accent .value{color:var(--blue2)}.metric.warn .value{color:var(--red)}.panel{overflow:hidden}.panel-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h2{font-size:15px}.panel-head p{font-size:11px;color:var(--muted);margin-top:4px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:13px 18px;background:var(--panel2)}.table td{padding:15px 18px;border-top:1px solid var(--line);font-size:12px}.table tr[data-id]{cursor:pointer}.table tr[data-id]:hover{background:var(--panel2)}.table .name{font-weight:800}.table .secondary{font-size:10px;color:var(--muted);margin-top:3px}.pill{display:inline-flex;align-items:center;border-radius:99px;background:#5b5cc32b;color:var(--blue2);padding:5px 9px;font-size:10px;font-weight:800}.pill.overdue{background:#d9625620;color:var(--red)}.pill.done{background:#58b99b20;color:var(--green)}.empty{padding:42px;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;color:var(--text);font-size:15px;margin-bottom:6px}.board-wrap{overflow:auto;padding:17px}.board{display:flex;gap:12px;align-items:flex-start;min-height:440px}.column{background:var(--panel2);border:1px solid var(--line);border-radius:13px;flex:0 0 244px;min-height:390px;padding:10px}.column.dragover{outline:2px solid var(--blue2)}.column-title{font-size:11px;font-weight:800;padding:7px 7px 13px;display:flex;align-items:center;justify-content:space-between;gap:9px}.column-title span:last-child{color:var(--muted)}.lead-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:13px;margin:0 0 9px;cursor:grab;box-shadow:0 4px 15px #0000000e}.lead-card:hover{border-color:var(--blue2)}.lead-card:active{cursor:grabbing}.lead-card .code{font-size:10px;color:var(--blue2);font-weight:800}.lead-card h3{font-size:13px;margin:7px 0 5px}.lead-card p{font-size:10px;color:var(--muted);line-height:1.6}.lead-card .due{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10px}.lead-card .due.overdue{color:var(--red)}.task{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.task:last-child{border-bottom:0}.task input{accent-color:var(--blue);width:17px;height:17px}.task strong{font-size:12px}.task p{font-size:10px;color:var(--muted);margin-top:4px}.task .pill{margin-left:auto}.task.completed strong{text-decoration:line-through;color:var(--muted)}.split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:15px}.person-list{max-height:650px;overflow:auto}.person{width:100%;padding:15px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--text);display:flex;align-items:center;gap:10px}.person:hover,.person.active{background:var(--panel2)}.person strong{display:block;font-size:12px}.person small{color:var(--muted);font-size:10px}.chat{display:flex;flex-direction:column;height:650px}.chat-stream{padding:20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:10px}.bubble{max-width:75%;background:var(--panel2);padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#4647a3;color:white}.bubble small{display:block;font-size:9px;opacity:.65;margin-top:5px}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-form input{flex:1;min-width:0}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(350px,1fr)}.auth-art{background:radial-gradient(circle at 60% 36%,#252569,#0d0e19 65%);padding:50px;display:flex;flex-direction:column;justify-content:space-between}.auth-art .logo{width:260px;height:140px;margin:0}.auth-art h1{font-size:clamp(42px,5vw,78px);line-height:1.06;letter-spacing:-.07em;max-width:700px}.auth-art h1 em{font-style:normal;color:#9998fd}.auth-art p{color:#aaaac4;font-size:13px;line-height:1.8}.auth-form-wrap{display:grid;place-items:center;padding:35px}.auth-card{width:min(420px,100%)}.auth-card h2{font-size:30px;letter-spacing:-.05em;margin-bottom:9px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.65;margin-bottom:28px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:11px;font-weight:800;color:var(--muted)}.field input,.field select,.field textarea,.chat-form input{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;min-width:0}.field textarea{min-height:92px;resize:vertical}.field input:invalid,.field select:invalid{border-color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.full{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#070810b8;display:grid;place-items:center;padding:20px;overflow:auto}.modal{background:var(--panel);border:1px solid var(--line);border-radius:17px;width:min(650px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:var(--shadow)}.modal.wide{width:min(850px,100%)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:19px}.close{background:none;border:0;color:var(--muted);font-size:24px;line-height:1}.modal-body{padding:23px 25px}.modal-foot{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:22px}.detail{background:var(--panel2);border-radius:10px;padding:12px;overflow-wrap:anywhere}.detail small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.detail strong{font-size:11px}.history{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.history h3{font-size:13px;margin-bottom:13px}.event{padding:11px 0 11px 16px;border-left:2px solid var(--line);margin-left:4px}.event strong{font-size:11px}.event p{color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.note{font-size:11px;color:var(--muted);line-height:1.6;padding:12px;background:var(--panel2);border-radius:10px;margin-bottom:18px}#toast{position:fixed;z-index:90;right:22px;bottom:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:12px 16px;font-size:12px;display:none;max-width:350px}#toast.show{display:block}#toast.error{border-color:var(--red);color:var(--red)}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:70px;padding:18px 8px}.shell{grid-template-columns:70px 1fr}.sidebar .logo{width:52px;height:45px}.logo-caption,.nav-label,.nav button span,.side-bottom .identity div,.side-actions button span{display:none}.nav button{justify-content:center;padding:12px}.side-actions{flex-direction:column}.identity{justify-content:center}}
@media(max-width:680px){.shell{display:block}.sidebar{position:sticky;width:100%;height:auto;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:7px 12px;gap:5px}.sidebar .logo{width:45px;height:35px;margin:0}.sidebar .nav{display:flex;overflow:auto}.sidebar .nav button{padding:9px}.side-bottom{display:none}.topbar{height:62px;padding:0 16px}.search{width:155px}.content{padding:22px 15px 55px}.head{align-items:start;flex-direction:column}.cards{gap:8px}.metric{padding:14px;min-height:105px}.metric .value{font-size:25px}.split{grid-template-columns:1fr}.chat{height:500px}.form-grid,.detail-grid{grid-template-columns:1fr 1fr}.auth{grid-template-columns:1fr}.auth-art{min-height:220px;padding:25px}.auth-art .logo{width:130px;height:70px}.auth-art h1{font-size:39px}.auth-form-wrap{padding:28px}.modal-backdrop{padding:7px}.modal{max-height:calc(100vh - 14px)}}