:root{--ink:#14201b;--muted:#6c7670;--line:#e3e8e4;--paper:#fff;--wash:#f4f6f4;--green:#176b4a;--green-soft:#e5f3ec;--blue:#245b91;--blue-soft:#e8f0fa;--amber:#9a5b10;--amber-soft:#fff1d7;--red:#a13c35;--shadow:0 18px 55px rgba(19,37,29,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--wash)}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;display:flex;flex-direction:column;background:#13231c;color:#f6fbf8}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 30px;font-size:16px}.logo span,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#d9f55f;color:#1a271f;font-weight:900}.nav-list{display:grid;gap:7px}.nav-list a{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;color:#c8d5ce}.nav-list a:hover,.nav-list a.active{color:#fff;background:#284036}.nav-list b{min-width:27px;padding:3px 7px;border-radius:99px;text-align:center;background:#365247;font-size:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #30483e;padding-top:20px}.user-card{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#dcebe3;color:#24543e;font-weight:800}.user-card div{min-width:0;display:grid}.user-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{color:#91aa9d;margin-top:3px}.logout{display:block;color:#9fb3a8;margin:16px 0 0 46px;font-size:13px}.workspace{min-width:0;padding:30px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:25px}.eyebrow{margin:0 0 5px;color:#789184;font-size:11px;font-weight:800;letter-spacing:.12em}.topbar h1,.login-card h1{margin:0;font-family:Georgia,serif;font-size:31px;font-weight:600}.search{display:flex;width:min(420px,45vw);background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.search input{min-width:0;flex:1;border:0;padding:11px 13px;outline:0}.search button{border:0;border-left:1px solid var(--line);background:#f9faf9;padding:0 14px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,minmax(130px,200px));gap:12px;margin:25px 0 18px}.metrics article{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:14px 16px}.metrics span{color:var(--muted)}.metrics strong{font-size:20px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.content-grid.has-detail{grid-template-columns:minmax(540px,1fr) minmax(430px,.8fr)}.ticket-list,.detail-panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.list-head,.ticket-row{display:grid;grid-template-columns:minmax(0,1fr) 105px 82px;gap:14px;align-items:center}.list-head{padding:11px 18px;background:#fafbfa;color:#849089;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ticket-row{padding:17px 18px;border-top:1px solid var(--line);transition:.15s}.ticket-row:hover,.ticket-row.selected{background:#f5faf7}.ticket-row.selected{box-shadow:inset 3px 0 var(--green)}.ticket-main{min-width:0}.ticket-main h2{margin:7px 0 5px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-main p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.ticket-meta{display:flex;align-items:center;gap:7px;font-size:11px}.ticket-row time{color:var(--muted);font-size:12px}.badge,.status,.priority{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800}.stream-service{color:var(--green);background:var(--green-soft)}.stream-development{color:var(--blue);background:var(--blue-soft)}.stream-review,.status-waiting{color:var(--amber);background:var(--amber-soft)}.status-new{color:var(--blue);background:var(--blue-soft)}.status-in_progress{color:var(--green);background:var(--green-soft)}.status-resolved{color:#5e6963;background:#e9eeeb}.priority{color:var(--red);background:#faeae8}.detail-panel{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;box-shadow:var(--shadow)}.detail-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:21px 22px;background:#fff;border-bottom:1px solid var(--line)}.detail-head span{color:var(--muted);font-size:12px}.detail-head h2{margin:6px 0 0;font-family:Georgia,serif;font-size:21px;line-height:1.25}.close-detail{font-size:28px;color:#89948e}.detail-body{padding:22px}.requester{display:flex;align-items:center;gap:11px}.requester div{display:grid;gap:3px}.requester a{font-size:12px;color:var(--blue)}.description{margin:20px 0;line-height:1.55}.next-action{display:grid;gap:6px;margin-top:15px;padding:13px;border-left:3px solid var(--green);background:#f3f8f5}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}label{display:grid;gap:6px;color:#55625b;font-size:12px}input,select,textarea{width:100%;border:1px solid #ced7d1;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);outline:0}input:focus,select:focus,textarea:focus{border-color:#4b866b;box-shadow:0 0 0 3px rgba(41,120,84,.1)}textarea{resize:vertical;line-height:1.5}.button{border:1px solid transparent;border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer}.button.primary{background:var(--green);color:#fff}.button.secondary{background:#fff;border-color:#cbd5cf;color:#294537}.controls .button{grid-column:1/-1}.conversation{padding:20px 0}.conversation h3{font-size:14px}.message{margin:11px 0;padding:13px 14px;border-radius:9px;background:#f4f6f5}.message.outbound{background:#eaf4ef}.message.internal{background:#fff5df;border:1px dashed #e6c47d}.message>div{display:flex;justify-content:space-between;gap:15px}.message time{color:var(--muted);font-size:11px}.message p{margin:9px 0 0;line-height:1.5}.events{padding-left:18px}.events li{display:grid;grid-template-columns:80px 1fr;gap:4px 9px;margin:10px 0}.events time,.events small{color:var(--muted);font-size:11px}.events small{grid-column:2}.composer{border-top:1px solid var(--line);padding-top:18px}.composer-tabs{display:flex;gap:4px;margin-bottom:10px}.tab{border:0;border-radius:8px;padding:8px 10px;background:transparent;color:var(--muted);cursor:pointer}.tab.active{background:#edf4f0;color:var(--green);font-weight:700}.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.hidden{display:none!important}.flash{margin:15px 0;padding:12px 14px;border-radius:9px}.flash.success{color:#155c3f;background:#dff1e8}.flash.error{color:#8e302b;background:#fae7e5}.empty{padding:45px;text-align:center;color:var(--muted)}.muted{color:var(--muted);line-height:1.5}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 15%,#d9eee2,transparent 35%),#f2f5f3}.login-card{width:min(430px,100%);padding:38px;border:1px solid #dfe7e2;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:25px}.stack{display:grid;gap:16px;margin-top:25px}.wide{width:100%}@media(max-width:1150px){.content-grid.has-detail{grid-template-columns:1fr}.detail-panel{position:fixed;z-index:5;top:15px;right:15px;bottom:15px;width:min(620px,calc(100vw - 30px));max-height:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:15px}.logo{padding-bottom:14px}.nav-list{grid-template-columns:repeat(3,1fr)}.nav-list a span{font-size:11px}.sidebar-bottom{display:none}.workspace{padding:18px}.topbar{align-items:stretch;flex-direction:column}.search{width:100%}.metrics{grid-template-columns:repeat(3,1fr)}.list-head{display:none}.ticket-row{grid-template-columns:minmax(0,1fr);gap:9px}.ticket-row time{display:none}.controls{grid-template-columns:1fr}.composer-actions{flex-direction:column}.detail-body{padding:17px}}