:root{--teal:#4a8a99;--teal-deep:#2e6a80;--teal-soft:#e3ecf1;--cream:#faf7f0;--cream-2:#f1e4d0;--navy:#16293c;--navy-2:#1d3a52;--navy-soft:#243c46;--slate:#51696f;--gold:#c68f52;--gold-deep:#b07c40;--gold-soft:#f1e4d0;--red:#b4514e;--red-bg:#f5e3e2;--amber:#c68f52;--amber-bg:#f6e8d3;--green:#4f7d5b;--green-bg:#e4efe6;--grey:#8a94a0;--line:#e8ddca;--white:#ffffff;--shadow:0 1px 3px rgba(22,41,60,.08),0 4px 18px rgba(22,41,60,.07);--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Jost,system-ui,sans-serif;color:var(--navy);background:var(--cream);font-weight:400;font-size:15px;line-height:1.45}h1,h2,h3,h4{font-family:Cormorant Garamond,serif;font-weight:600;color:var(--navy);margin:0}button{font-family:inherit;cursor:pointer}a{color:var(--teal-deep)}.app{display:flex;min-height:100vh}.side{width:230px;flex:0 0 230px;background:linear-gradient(160deg,#2e6a80,#1d3a52 52%,#16293c);color:#eaf1f2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand .wm-conn{font-family:Cormorant Garamond,serif;font-weight:600;color:#fff;font-size:27px;line-height:1;letter-spacing:.01em}.brand .wm-serv{font-family:Great Vibes,cursive;color:var(--gold-soft);font-size:27px;line-height:.8;margin:2px 0 6px 4px}.brand .wm-group{display:inline-block;background:var(--gold);color:#fff9ef;font-family:Cormorant Garamond,serif;font-weight:600;text-transform:lowercase;letter-spacing:.28em;font-size:14px;padding:2px 12px 3px;border-radius:3px}.nav{padding:12px 10px;flex:1;overflow:auto}.nav .grp{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8090a2;margin:16px 12px 6px}.nav button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:#cdd6df;padding:9px 12px;border-radius:9px;font-size:14px;text-align:left}.nav button .ic{width:18px;text-align:center;opacity:.85}.nav button:hover{background:#ffffff0f;color:#fff}.nav button.active{background:var(--teal);color:#fff;box-shadow:var(--shadow)}.nav .badge{margin-left:auto;background:var(--red);color:#fff;border-radius:20px;font-size:11px;padding:1px 7px;font-weight:500}.side .foot{padding:12px 16px;font-size:11px;color:#8090a2;border-top:1px solid rgba(255,255,255,.08)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:14px 26px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar .title{font-family:Cormorant Garamond;font-size:26px;font-weight:600}.topbar .spacer{flex:1}.whoami{font-size:13px;color:var(--slate)}.content{padding:24px 26px 60px;max-width:1500px;width:100%}.btn{border:1px solid var(--teal-deep);background:var(--teal-deep);color:#fff;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--teal)}.btn.ghost{background:transparent;color:var(--teal-deep)}.btn.ghost:hover{background:var(--teal-soft)}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.gold:hover{filter:brightness(1.05)}.btn.sm{padding:5px 10px;font-size:12px}.btn.danger{background:transparent;border-color:var(--red);color:var(--red)}.btn.danger:hover{background:var(--red-bg)}.btn:disabled{opacity:.5;cursor:default}.kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 14px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi .lab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-weight:500}.kpi .val{font-family:Cormorant Garamond;font-size:40px;font-weight:700;line-height:1;margin-top:8px}.kpi .sub{font-size:12px;color:var(--navy-soft);margin-top:4px}.kpi .strip{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--teal)}.kpi.red .strip{background:var(--red)}.kpi.red .val{color:var(--red)}.kpi.amber .strip{background:var(--amber)}.kpi.amber .val{color:var(--amber)}.kpi.green .strip{background:var(--green)}.kpi.gold .strip{background:var(--gold)}.kpi.teal .strip{background:var(--teal)}.kpi.clk{cursor:pointer;transition:transform .08s}.kpi.clk:hover{transform:translateY(-2px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.zone{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.zone .zh{padding:12px 16px;border-radius:var(--radius) var(--radius) 0 0;color:#fff;font-weight:500;letter-spacing:.05em;font-size:13px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.zone.ob .zh{background:var(--teal-deep)}.zone.ac .zh{background:var(--gold-deep)}.zone .zb{padding:8px}.queue{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.qcard{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.qcard .qch{padding:11px 15px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:600;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.qcard.action .qch{border-left:4px solid var(--gold)}.qcard.oblig .qch{border-left:4px solid var(--teal-deep)}.qcard .qcb{padding:6px}.qrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px}.qrow.clk{cursor:pointer}.qrow.clk:hover{background:var(--cream)}.qrow .dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}.qrow .who{flex:1;min-width:0}.qrow .who .t{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow .who .m{font-size:11.5px;color:var(--slate)}.qrow .due{font-size:11.5px;color:var(--navy-soft);text-align:right;white-space:nowrap}.kindtag{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:2px 7px;font-weight:600}.k-meeting{background:#e6eff2;color:#2e6a80}.k-report{background:#efe7d8;color:#8a6a24}.k-milestone{background:#e9ecef;color:#51696f}.k-service_agreement{background:#e7efe8;color:#4f7d5b}.k-task{background:var(--gold-soft);color:var(--gold-deep)}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px}.panel .ph{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.panel .ph h3{font-size:20px}.panel .ph .spacer{flex:1}.panel .pb{padding:6px}.section-title{font-family:Cormorant Garamond;font-size:24px;font-weight:600;margin:6px 0 14px}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}table.tbl th{text-align:left;font-weight:500;color:var(--grey);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--white)}table.tbl td{padding:10px 12px;border-bottom:1px solid var(--cream-2);vertical-align:middle}table.tbl tr:hover td{background:var(--cream)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:500;white-space:nowrap}.pill .d{width:7px;height:7px;border-radius:50%}.p-red{background:var(--red-bg);color:var(--red)}.p-amber{background:var(--amber-bg);color:var(--amber)}.p-green{background:var(--green-bg);color:var(--green)}.p-grey{background:#eef0f2;color:var(--grey)}.p-teal{background:var(--teal-soft);color:var(--teal-deep)}.p-gold{background:var(--gold-soft);color:#8a6a24}.avatar{width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:0 0 26px}.tag{display:inline-block;font-size:11px;background:var(--cream-2);color:var(--navy-soft);border-radius:6px;padding:2px 7px;margin:1px 2px}.muted{color:var(--grey)}.link{color:var(--teal-deep);cursor:pointer;font-weight:500;background:none;border:0;padding:0;font-family:inherit;font-size:inherit}.link:hover{text-decoration:underline}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.switch{position:relative;width:38px;height:22px;background:var(--line);border-radius:20px;cursor:pointer;transition:.15s;flex:0 0 38px;display:inline-block}.switch.on{background:var(--teal)}.switch .k{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 2px #0003}.switch.on .k{left:18px}.rule-row td{font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 6px 14px}.filters select,.filters input{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12.5px;color:var(--navy)}.filters .fchip{display:flex;align-items:center;gap:6px}.filters label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-right:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2d3d73;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:40px 16px;overflow:auto}.modal{background:var(--white);border-radius:16px;width:100%;max-width:620px;box-shadow:0 20px 60px #0000004d;animation:pop .12s ease}.modal.wide{max-width:920px}@keyframes pop{0%{transform:translateY(8px);opacity:.6}to{transform:none;opacity:1}}.modal .mh{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.modal .mh h3{font-size:22px;flex:1}.modal .mh .x{background:none;border:0;font-size:22px;color:var(--grey);line-height:1}.modal .mb{padding:20px 22px;max-height:66vh;overflow:auto}.modal .mf{padding:14px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:var(--cream);border-radius:0 0 16px 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--grey);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px;color:var(--navy);background:var(--white)}.field textarea{resize:vertical;min-height:64px}.hint{font-size:12px;color:var(--grey);margin-top:4px}.empty{padding:24px;text-align:center;color:var(--grey);font-size:13px}.notice{background:var(--teal-soft);border:1px solid #cfe3e3;color:var(--teal-deep);border-radius:10px;padding:12px 14px;font-size:13px;margin:0 0 14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.dl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--grey)}.dv{font-size:14px;margin-bottom:8px}.timeline{position:relative;margin:8px 0 8px 8px;padding-left:20px;border-left:2px solid var(--teal-soft)}.tl-item{position:relative;padding:8px 0}.tl-item .dot{position:absolute;left:-27px;top:12px;width:12px;height:12px;border-radius:50%;border:2px solid var(--white)}.tl-item .tl-t{font-weight:500;font-size:13.5px}.tl-item .tl-m{font-size:12px;color:var(--grey)}.stack{display:flex;flex-direction:column;gap:2px}.right{text-align:right}.center{text-align:center}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:10px;font-size:13.5px;box-shadow:0 8px 30px #0000004d;z-index:200;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;bottom:30px}@media (max-width:1050px){.split,.queue,.form-grid,.detail-grid{grid-template-columns:1fr}.side{width:64px;flex-basis:64px}.brand .wm-conn,.brand .wm-serv,.brand .wm-group,.nav .grp,.nav button span.lbl,.side .foot{display:none}.nav button{justify-content:center}}