:root{--brand-violet:#7a63ff;--brand-periwinkle:#788ffa;--brand-sky:#75baf4;--brand-aqua:#74e0ef;--brand-charcoal:#1e1e1e;--brand-gradient:linear-gradient(90deg,#74e0ef,#75baf4 35%,#788ffa 65%,#7a63ff);--ink:#1e1e1e;--ink-2:#3b3d45;--ink-3:#6c6f7a;--paper:#f7f7fa;--sheet:#ffffff;--line:#e2e2ea;--line-strong:#c9c9d6;--go:#5a44ea;--go-ink:#ffffff;--go-soft:#eeebff;--ok:#157f5b;--ok-soft:#e3f4ec;--amber:#a86200;--amber-soft:#fbf0dc;--red:#b42318;--red-soft:#fbe9e7;--note:#fff8e1;--focus:#7a63ff;--nav-bg:#1e1e1e;--nav-ink:#b9bcc8;--nav-active:#f2f2f5;--radius-s:5px;--radius-m:10px;--font:ui-sans-serif,-apple-system,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#ececf1;--ink-2:#c9cad3;--ink-3:#8f92a0;--paper:#161618;--sheet:#1f1f23;--line:#2d2d34;--line-strong:#3d3d47;--go:#8f7cff;--go-ink:#120c33;--go-soft:#2a2450;--ok:#4cc38a;--ok-soft:#173327;--amber:#e3a43c;--amber-soft:#33270f;--red:#f07a6c;--red-soft:#3a1915;--note:#2b2614;--focus:#9b8cff;--nav-bg:#111113;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink-2);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink);margin:0;line-height:1.25}h1{font-size:1.43rem;letter-spacing:-.01em}h1,h2{font-weight:650}h2{font-size:1.07rem}h3{font-size:.93rem;font-weight:650}a{color:var(--go);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.small{font-size:.86rem}.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.nav{background:var(--nav-bg);color:var(--nav-ink);padding:18px 12px 18px 15px;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand,.nav{display:flex}.brand{align-items:center;gap:10px;color:var(--nav-active);padding:2px 8px 20px}.brand,.brand:hover{text-decoration:none}.brand img{width:30px;height:30px;flex:none}.brand .word{display:flex;flex-direction:column;line-height:1.1}.brand b{font-size:1.2rem;font-weight:300;letter-spacing:.01em}.brand span{font-size:.76rem;color:var(--nav-ink)}.nav:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#74e0ef,#75baf4,#788ffa,#7a63ff)}.nav a{color:var(--nav-ink);padding:7px 10px;border-radius:var(--radius-s);display:flex;justify-content:space-between}.nav a:hover{background:rgba(255,255,255,.06);text-decoration:none;color:var(--nav-active)}.nav a[aria-current=page]{background:rgba(122,99,255,.22);color:var(--nav-active);font-weight:600;box-shadow:inset 2px 0 0 var(--brand-violet)}.nav .group{margin-top:14px;padding:0 10px 4px;font-size:.78rem;color:#8592a0}.nav .me{margin-top:auto;padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:.86rem}.nav .me button{background:none;border:0;color:var(--nav-ink);padding:0;cursor:pointer;font:inherit;text-decoration:underline}.main{padding:24px 32px 48px;min-width:0;max-width:1280px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}@media (max-width:860px){.shell{grid-template-columns:1fr}.nav{position:relative;height:auto;flex-direction:row;flex-wrap:wrap;padding:10px 16px}.brand span,.nav .group{display:none}.brand{padding:4px 10px 4px 4px}.nav:before{top:auto;bottom:0;right:0;width:auto;height:3px;background:var(--brand-gradient)}.nav .me{margin:0 0 0 auto;border:0;padding:6px 10px}.main{padding:18px 16px 40px}}.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;padding:7px 14px;border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--sheet);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--go);border-color:var(--go);color:var(--go-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--red)}.btn.small{padding:4px 10px;font-size:.86rem}.btn:disabled{opacity:.55;cursor:default}.linkbtn{background:none;border:0;padding:0;color:var(--go);font:inherit;cursor:pointer}.linkbtn.danger{color:var(--red)}label.field{display:flex;flex-direction:column;gap:4px;font-weight:600;color:var(--ink);font-size:.86rem}label.field .hint{font-weight:400;color:var(--ink-3)}input[type=date],input[type=email],input[type=number],input[type=search],input[type=text],select,textarea{font:inherit;font-weight:400;color:var(--ink);background:var(--sheet);border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:7px 9px;width:100%}textarea{resize:vertical;min-height:120px;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:transparent}.check{display:flex;gap:8px;align-items:flex-start;font-size:.93rem}.check input{margin-top:3px}.grid2{grid-template-columns:1fr 1fr;grid-gap:14px 18px}.grid2,.grid3{display:grid;gap:14px 18px}.grid3{grid-template-columns:repeat(3,1fr);grid-gap:14px 18px}@media (max-width:700px){.grid2,.grid3{grid-template-columns:1fr}}.row{gap:10px;align-items:center;flex-wrap:wrap}.row,.stack{display:flex}.stack{flex-direction:column;gap:14px}.panel{background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-m)}.panel>.phead{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.panel>.pbody{padding:16px}table.list{width:100%;border-collapse:collapse}table.list th{text-align:left;font-weight:600;color:var(--ink-3);font-size:.82rem;padding:8px 12px;white-space:nowrap}table.list td,table.list th{border-bottom:1px solid var(--line)}table.list td{padding:9px 12px;vertical-align:top}table.list tr:last-child td{border-bottom:0}table.list tr.click{cursor:pointer}table.list tr.click:hover td{background:color-mix(in srgb,var(--go) 4%,transparent)}.tablewrap{overflow-x:auto}.empty{padding:36px 16px;text-align:center;color:var(--ink-3)}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--line);color:var(--ink-2);white-space:nowrap}.badge.new{background:var(--amber-soft);color:var(--amber)}.badge.open{background:var(--go-soft);color:var(--go)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.error,.badge.urgent{background:var(--red-soft);color:var(--red)}.badge.high{background:var(--amber-soft);color:var(--amber)}.stub{display:inline-flex;align-items:stretch;border-radius:3px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem;line-height:1;border:1px solid var(--line-strong);background:var(--sheet);color:var(--ink)}.stub>span{padding:4px 7px}.stub .code{background:var(--brand-charcoal);color:#f2f2f5;border-radius:2px 0 0 2px;letter-spacing:.02em}.stub .seq{border-left:1.5px dashed var(--line-strong)}.stub.holding{border-color:var(--amber)}.stub.holding .code{background:var(--amber);color:#fff}.stub.big{font-size:1.05rem}.stub.big>span{padding:6px 10px}.alert{padding:10px 14px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--sheet);margin-bottom:14px}.alert.error{border-color:color-mix(in srgb,var(--red) 40%,transparent);background:var(--red-soft);color:var(--red)}.alert.ok{border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:var(--ok-soft);color:var(--ok)}.alert.warn{border-color:color-mix(in srgb,var(--amber) 40%,transparent);background:var(--amber-soft);color:var(--amber)}.ticket{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:1000px){.ticket{grid-template-columns:1fr}}.thread{display:flex;flex-direction:column;gap:12px}.msg{background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-m)}.msg header{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.msg .who{color:var(--ink);font-weight:600}.msg .body{padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2)}.msg.outbound{border-left:3px solid var(--go)}.msg.note{background:var(--note);border-left:3px solid var(--amber)}.msg.auto{opacity:.8}.msg.auto .body{font-size:.9rem}.composer .tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 8px}.composer .tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 10px 8px;font:inherit;font-weight:600;color:var(--ink-3);cursor:pointer}.composer .tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--go)}.composer.note-mode textarea{background:var(--note)}.props dl{margin:0;display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.props dt{font-size:.8rem;color:var(--ink-3);font-weight:600;margin-bottom:3px}.props dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.login{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--brand-charcoal);color:#c9cad3;position:relative}.login:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--brand-gradient)}.login .card{width:100%;max-width:400px;text-align:center}.login .card>*{text-align:left}.login .logo{width:260px;max-width:80%;height:auto;margin:0 auto 8px;display:block;text-align:center}.login h1{color:#f2f2f5;font-size:1.05rem;font-weight:500;text-align:center}.login p{text-align:center;color:#9a9cab;margin:4px 0 0}.login .btn.primary{background:#7a63ff;border-color:#7a63ff;color:#fff}.login .panel{background:#26262b;border-color:#34343c;color:#c9cad3}.login .panel input{background:#1e1e1e;color:#f2f2f5;border-color:#3d3d47}.login label.field{color:#e6e6ec}.mslogo{display:inline-grid;grid-template-columns:9px 9px;gap:2px;margin-right:4px}.mslogo i{width:9px;height:9px;display:block}.tabs-inline{display:flex;gap:4px;flex-wrap:wrap}.tabs-inline a{padding:5px 12px;border-radius:999px;color:var(--ink-2);border:1px solid var(--line);background:var(--sheet);font-size:.9rem}.tabs-inline a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tabs-inline a:hover{text-decoration:none;border-color:var(--ink-3)}@media (max-width:700px){.hide-sm{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.atts{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px;align-items:center}.composer .atts{padding:0}.chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:4px 8px;background:var(--sheet);font-size:.86rem}.chip .ico{font-size:.8rem}.chip .name{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.chip a.name{color:var(--go)}.chip .meta{color:var(--ink-3);white-space:nowrap}.chip.bad{border-color:color-mix(in srgb,var(--red) 45%,transparent);background:var(--red-soft)}.chip.bad .ico,.chip.bad .meta{color:var(--red);font-weight:600}.chip.pending{border-style:dashed}.chip .x{background:none;border:0;color:var(--ink-3);font-size:1.05rem;line-height:1;cursor:pointer;padding:0 2px}.chip .x:hover{color:var(--red)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dropzone-active{outline:2px dashed var(--go);outline-offset:-6px}.stats{display:flex;flex-wrap:wrap;gap:10px}.stat{border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 14px;min-width:110px;background:var(--paper)}.stat .n{font-size:1.35rem;font-weight:650;color:var(--ink)}.stat .l{font-size:.82rem;color:var(--ink-3)}.side{gap:14px}.time .entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.time .entries li{border-bottom:1px solid var(--line);padding-bottom:8px}.time .entries li:last-child{border-bottom:0}.time-total{border-top:1px solid var(--line-strong);padding-top:8px;display:flex;flex-direction:column;gap:2px}.time-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px}.timer-on{border-color:var(--go);color:var(--go)}.timer-on .dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.tag{display:inline-flex;align-items:center;gap:2px;padding:1px 4px 1px 8px;border-radius:999px;background:var(--go-soft);color:var(--go);font-size:.8rem;font-weight:600}.tag .x{background:none;border:0;color:inherit;cursor:pointer;font-size:.95rem;line-height:1;padding:0 3px}.text-red{color:var(--red);font-weight:600}.presence{font-size:.93rem}.bulkbar{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;margin-bottom:10px;background:var(--ink);color:var(--paper);border-radius:var(--radius-m)}.bulkbar input,.bulkbar select{width:auto;padding:4px 8px}.bulkbar .linkbtn{color:var(--paper);text-decoration:underline}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filters input,.filters select{width:auto;padding:5px 8px;font-size:.9rem}.badge.sla{font-weight:600}.bell{position:relative}.nav .count{background:var(--red);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:0 6px;margin-left:6px}.nav .timer-link{color:var(--nav-active);font-size:.82rem;background:rgba(122,99,255,.18)}.notes-list{list-style:none;margin:0;padding:0}.notes-list li{padding:10px 14px;border-bottom:1px solid var(--line)}.notes-list li.unread{background:color-mix(in srgb,var(--go) 6%,transparent)}.hours-grid{display:grid;grid-template-columns:70px 1fr 1fr 70px;grid-gap:6px 10px;gap:6px 10px;align-items:center;max-width:460px}.hours-grid input[type=time]{font:inherit;padding:5px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--sheet);color:var(--ink)}table.targets input{width:90px}.time .phead .row{flex-wrap:nowrap;gap:6px}.time .phead .btn.small{padding:4px 8px}.alert.ephi{border-color:color-mix(in srgb,var(--go) 45%,transparent);background:var(--go-soft);color:var(--ink)}