:root{font-family:Inter,system-ui,Arial,sans-serif;color:#17254a;background:#f4f7fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#1450c0}.shell{display:flex;min-height:100vh}.side{width:240px;min-width:240px;background:#000d4b;color:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:8px}.side-logo{display:flex;align-items:center;gap:12px;margin-bottom:30px}.side-logo strong{background:#ffe22d;color:#000d4b;border-radius:14px;padding:12px;font-size:26px}.side-logo span{font-weight:800;letter-spacing:.08em;font-size:13px}.side-label,.kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#5177db}.side-label{color:#adbbef;padding:0 12px}.nav{background:transparent;color:#fff;border:0;padding:14px 13px;border-radius:10px;text-align:left;font-weight:700;display:flex;justify-content:space-between}.nav.selected,.nav:hover{background:#1450c0}.nav b{background:#ffe22d;color:#000d4b;border-radius:20px;padding:2px 7px}.side-bottom{margin-top:auto;display:grid;gap:8px;word-break:break-word;font-size:12px;color:#cbd5ff}.side-bottom button{border:1px solid #5a75b2;background:transparent;color:#fff;padding:8px;border-radius:9px}.main{padding:34px;max-width:1660px;flex:1;min-width:0}.top{display:flex;justify-content:space-between;gap:20px;align-items:center}.top h1{font-size:29px;margin:8px 0 4px}.top p{color:#61708f;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.metric,.panel,.auth-card{background:#fff;border:1px solid #e4e9f2;border-radius:16px}.metric{padding:20px;display:grid;gap:10px}.metric small{font-size:13px;color:#687693}.metric strong{font-size:29px;color:#000d4b}.panel{overflow:hidden}.toolbar{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.toolbar h2{margin:0;font-size:19px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input{min-width:260px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:15px 17px;text-align:left;border-top:1px solid #eef0f6;font-size:13px}th{color:#536381;background:#fafbfe;font-weight:800}td small{display:block;color:#7a849b;margin-top:4px;white-space:normal;max-width:210px}td a{white-space:nowrap}tr:hover td{background:#fbfcff}.empty{text-align:center;padding:50px;color:#7b8498}.status{display:inline-block;border-radius:20px;background:#eff2f8;padding:6px 10px;font-size:11px;font-weight:700}.status.pending_review{background:#fff4c9}.status.in_progress{background:#e5f0ff}.status.ready_to_close,.status.resolved{background:#dcf6e7}.status.pending{background:#ffeddd}.outline,.filters input,.filters select,input,textarea{border:1px solid #cfd8e9;border-radius:9px;padding:11px;background:#fff}.outline{color:#1450c0;font-weight:700}.outline:hover{border-color:#1450c0}.footnote{color:#6f7c98;font-size:12px;margin-top:18px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:#000d4b}.auth-card{width:min(430px,100%);padding:38px}.auth-card h1{font-size:29px}.auth-card p{color:#65718c}.auth-card form{display:grid;gap:16px;margin-top:24px}.auth-card input{width:100%;margin-top:6px}.auth-card label,.drawer label{font-weight:700;font-size:13px;display:grid;gap:5px}button[type=submit],.pending-box button,.auth-card>button:not(.linklike){background:#1450c0;color:#fff;border:0;border-radius:9px;padding:12px;font-weight:700}.linklike{border:0;background:none;color:#1450c0;font-weight:700;text-decoration:underline;padding:4px}.auth-card .linklike{margin-top:16px}.error{color:#9e1f1f;background:#ffeded;padding:12px;border-radius:10px}.notice{color:#175d3c;background:#e7f8ef;padding:12px;border-radius:10px}.muted{color:#707d96;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:flex;justify-content:flex-end;z-index:10}.drawer{width:min(650px,100%);height:100%;background:#fff;overflow:auto;box-shadow:-15px 0 50px #0002}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;background:#f5f8ff;padding:24px;border-bottom:1px solid #e6ebf5}.drawer-head h2{margin:7px 0}.close{font-size:27px;background:none;border:0;color:#455676}.drawer-content{padding:25px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid>div{display:grid;gap:6px;min-width:0}.detail-grid small{color:#697792}.detail-grid strong{overflow-wrap:anywhere;font-size:14px}.primary-link{display:block;text-align:center;background:#1450c0;color:#fff;text-decoration:none;border-radius:10px;padding:13px;margin:25px 0;font-weight:800}.drawer-content h3{font-size:16px;margin-top:28px}.details{background:#f7f9fd;border:1px solid #dfe7f5;border-radius:10px;padding:16px;font:12px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}.drawer textarea,.drawer input{width:100%;margin:6px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pending-box{background:#f7f9fd;border-radius:12px;padding:15px;display:grid;gap:10px}.event{font-size:12px;border-bottom:1px solid #edf0f6;padding:11px 0;line-height:1.6}@media(max-width:930px){.side{width:175px;min-width:175px}.main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:610px){.shell{display:block}.side{width:100%;min-width:0;padding:12px;flex-direction:row;align-items:center;flex-wrap:wrap}.side-logo{margin:0}.side-label,.side-bottom{display:none}.nav{padding:8px;font-size:12px}.main{padding:14px}.metrics{gap:9px}.metric{padding:14px}.top h1{font-size:24px}.detail-grid{grid-template-columns:1fr}.toolbar{padding:15px}.filters input{min-width:0;width:100%}}.conversation-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:530px}.conversation-actions small{font-size:10px;color:#6e7e9e;white-space:nowrap}