@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap');
[hidden]{display:none!important}:root{--ink:#17242c;--muted:#69777f;--line:#dfe6e8;--paper:#f4f7f6;--white:#fff;--teal:#0c756d;--teal-dark:#075d57;--gold:#e7a93b;--red:#d4554d;--blue:#3b75b8}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--teal);color:white;font-family:Manrope;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--teal);margin:0 0 7px}h1,h2,h3{font-family:Manrope,sans-serif;margin-top:0}h1{font-size:2rem;letter-spacing:-.04em}h2{letter-spacing:-.025em}.muted{color:var(--muted)}.error{color:#a83131;background:#fff0ef;padding:10px;border-radius:8px}.auth-page,.tracking-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#dcefeb,transparent 35%),var(--paper)}.login-card,.tracking-card{width:min(100%,460px);background:white;padding:42px;border-radius:22px;box-shadow:0 22px 65px #193f3820}.login-card .brand-mark,.tracking-card>.brand-mark{margin-bottom:28px}.login-card label{display:grid;gap:7px;font-weight:600;margin:18px 0}.login-card input{padding:13px 14px;border:1px solid var(--line);border-radius:9px}.login-card button,.update-form button,.message-form button{width:100%;border:0;border-radius:9px;padding:13px;background:var(--teal);color:white;font-weight:700}.login-card button:hover,.update-form button:hover{background:var(--teal-dark)}#dashboard{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{background:#122d2b;color:white;padding:27px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:40px}.brand .brand-mark{background:#fff;color:var(--teal)}.brand strong,.brand small{display:block}.brand small{color:#a9c3bf;margin-top:2px}nav button{width:100%;display:flex;justify-content:space-between;padding:12px;border:0;border-radius:9px;color:white;background:#ffffff16;text-align:left;font-weight:600}.aside-foot{margin-top:auto;border-top:1px solid #ffffff22;padding-top:18px}.aside-foot span{display:block;margin-bottom:7px}.link-btn{border:0;background:transparent;color:#b9cfcc;padding:0}.workspace{padding:38px;min-width:0}.workspace>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.workspace h1{margin-bottom:0}.filters{display:flex;gap:9px}.filters select,.secondary{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 13px}.queue{display:grid;grid-template-columns:minmax(320px,42%) 1fr;background:white;border:1px solid var(--line);border-radius:16px;min-height:690px;overflow:hidden}.case-list{border-right:1px solid var(--line);overflow:auto}.case-row{width:100%;border:0;border-bottom:1px solid var(--line);background:white;padding:18px 16px;text-align:left;display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:start}.case-row:hover{background:#f8fbfa}.case-row strong,.case-row small{display:block}.case-row small{color:var(--muted);margin-top:5px}.priority-dot{width:7px;height:7px;border-radius:50%;margin-top:7px;background:#9aa6aa}.priority-dot.high{background:var(--gold)}.priority-dot.urgent{background:var(--red)}.status{display:inline-block;font-size:.72rem;font-weight:700;padding:5px 8px;border-radius:99px;background:#edf1f2;white-space:nowrap}.status.new{color:#185f94;background:#e8f3fb}.status.open{color:#756018;background:#fff6d8}.status.waiting_on_customer{color:#7d4b19;background:#fff0dc}.status.resolved{color:#17634e;background:#e2f4ed}.case-detail{padding:28px;overflow:auto}.empty,.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state span{font-size:2rem}.detail-top,.tracking-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.description{white-space:pre-wrap;line-height:1.65}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.meta-grid>div{padding:14px;background:var(--paper);border-radius:10px}.meta-grid small,.meta-grid strong,.meta-grid span{display:block}.meta-grid small{color:var(--muted);margin-bottom:5px}.meta-grid span{color:var(--muted);font-size:.85rem;margin-top:3px}.update-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;padding:18px 0;border-block:1px solid var(--line);margin-bottom:26px}.update-form label{display:grid;gap:5px;font-size:.82rem;font-weight:600}.update-form select{padding:9px;border:1px solid var(--line);border-radius:8px;background:white}.update-form .check,.message-form .check{display:flex;align-items:center;gap:6px;padding-bottom:10px}.update-form button{width:auto;padding-inline:18px}.message{border-left:3px solid var(--teal);padding:12px 15px;margin:12px 0;background:#f5faf9;border-radius:0 8px 8px 0}.message.internal{border-color:var(--gold);background:#fff9ec}.message small{display:block;color:var(--muted);margin-top:3px}.message p{margin-bottom:0;white-space:pre-wrap}.message-form textarea{width:100%;min-height:95px;padding:12px;border:1px solid var(--line);border-radius:9px;margin-top:15px}.message-form button{width:auto;padding-inline:18px}.tracking-card{width:min(100%,760px)}.tracking-card h1{margin-bottom:3px}.tracking-help{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:900px){#dashboard{grid-template-columns:1fr}aside{display:none}.workspace{padding:20px}.queue{grid-template-columns:1fr}.case-list{border-right:0}.case-detail{border-top:1px solid var(--line)}.update-form{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:1fr}.workspace>header{align-items:start;gap:15px}}