@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#17212b;font-synthesis:none;--blue:#2563eb;--navy:#132238;--muted:#6b778c;--line:#e5eaf0;background:#f5f7fa;font-family:Manrope,Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.shell{grid-template-columns:264px 1fr;min-height:100vh;display:grid}aside{z-index:5;color:#c7d0dd;background:#101c2d;flex-direction:column;width:264px;height:100vh;padding:28px 18px 20px;display:flex;position:fixed}.brand{color:#fff;letter-spacing:-.2px;align-items:center;gap:12px;font-weight:800;display:flex}.brand>span,.mobile-logo{background:linear-gradient(145deg,#3b82f6,#705cf6);border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 9px 24px #2563eb40}.brand small{color:#8391a6;letter-spacing:0;margin-top:3px;font-size:11px;font-weight:500;display:block}.brand+nav{margin-top:42px}nav a{color:#aeb9c8;border-radius:10px;align-items:center;gap:12px;height:46px;margin:5px 0;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;display:flex}nav a.active{color:#fff;background:#24344c;box-shadow:inset 3px 0 #5790ff}nav a em{color:#fff;background:#3b82f6;border-radius:8px;place-items:center;min-width:23px;height:23px;margin-left:auto;font-size:11px;font-style:normal;display:grid}nav a small{color:#65748a;margin-left:auto;font-size:9px}.side-help{background:linear-gradient(145deg,#1c2b42,#243852);border:1px solid #30435f;border-radius:14px;margin-top:auto;padding:16px}.side-help b{color:#fff;margin-bottom:7px;font-size:12px;display:block}.side-help span{color:#9dabbc;font-size:10px;line-height:1.55}.side-foot{border-top:1px solid #26364d;align-items:center;margin-top:18px;padding:18px 5px 0;display:flex}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:10px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.side-foot p{color:#fff;margin:0 0 0 10px;font-size:11px}.side-foot small{color:#728197;margin-top:3px;display:block}.side-foot button{color:#7e8ca1;background:0 0;border:0;margin-left:auto;padding:6px}.side-foot button:hover{color:#fff}main{grid-column:2;width:100%;max-width:1700px;margin:auto;padding:35px 40px 60px}header,.toolbar{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#2563eb;letter-spacing:1.2px;font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}header h1{letter-spacing:-1px;margin:5px 0;font-size:29px}header p,.toolbar p{color:var(--muted);margin:0;font-size:13px}.notification{color:#475569;background:#fff;border:1px solid #e1e6ed;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative}.notification i{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.guide{background:linear-gradient(100deg,#eff6ff,#f5f3ff);border:1px solid #dbe7fb;border-radius:14px;align-items:center;gap:15px;margin:25px 0 17px;padding:16px 19px;display:flex}.guide-icon{color:#5b5bd6;background:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 12px #3155a314}.guide b{font-size:12px}.guide p{color:#64748b;margin:4px 0 0;font-size:11px}.guide strong{color:#3b5ec9}.guide span{color:#9aa8bc;margin:0 6px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:17px 18px;display:flex;box-shadow:0 2px 5px #0f172a06}.stat>span{min-width:35px;font-size:25px;font-weight:800}.stat p{margin:0;font-size:12px}.stat p b{display:block}.stat small{color:#96a0af;margin-top:4px;font-size:10px;display:block}.stat.blue>span{color:#2563eb}.stat.violet>span{color:#7c3aed}.stat.amber>span{color:#d97706}.stat.green>span{color:#059669}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #10233b08}.toolbar{border-bottom:1px solid #edf0f4;padding:19px 21px}.toolbar h2{margin-bottom:3px;font-size:16px}.tools{gap:9px;display:flex}.search{color:#9aa5b3;border:1px solid #dce2e9;border-radius:9px;align-items:center;gap:8px;width:260px;height:38px;padding:0 11px;display:flex}.search svg{width:17px}.search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.toolbar select{color:#3d4a5c;background:#fff;border:1px solid #dce2e9;border-radius:9px;height:38px;padding:0 29px 0 11px;font-size:11px}.table{width:100%}.tr{text-align:left;color:#364152;background:#fff;border:0;border-bottom:1px solid #f0f2f5;grid-template-columns:105px minmax(240px,2fr) minmax(175px,1fr) 105px 145px 28px;align-items:center;gap:14px;width:100%;padding:15px 21px;display:grid}.tr:not(.head):hover{cursor:pointer;background:#f8fbff}.tr.head{color:#8792a3;letter-spacing:.5px;background:#fafbfc;padding-top:11px;padding-bottom:11px;font-size:9px;font-weight:800}.ticket-no b{color:#1d4ed8;font-size:12px;display:block}.ticket-no small,.time small{color:#98a2b3;margin-top:4px;font-size:9px;display:block}.problem b{font-size:12px;display:block}.problem small{color:#778295;white-space:nowrap;text-overflow:ellipsis;max-width:520px;margin-top:4px;font-size:10px;display:block;overflow:hidden}.time b{font-size:10px;font-weight:600}.badge,.priority{white-space:nowrap;background:#f1f3f6;border-radius:20px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.badge u{background:currentColor;border-radius:50%;width:6px;height:6px;text-decoration:none}.s-NEW,.s-REOPENED{color:#2563eb;background:#eff6ff}.s-RESOLVED{color:#059669;background:#ecfdf5}.s-ESCALATED,.s-UNRESOLVED{color:#e11d48;background:#fff1f2}.s-IN_PROGRESS,.s-TRIAGING,.s-AI_SUGGESTED{color:#7c3aed;background:#f5f3ff}.s-WAITING_CUSTOMER,.s-CUSTOMER_CHECKING,.s-NEEDS_INFO{color:#d97706;background:#fffbeb}.p1{color:#dc2626;background:#fef2f2}.p2{color:#d97706;background:#fffbeb}.p3,.p4,.p5{color:#64748b;background:#f1f5f9}.row-arrow{color:#b2bdc9}.row-arrow svg{width:16px}.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin:12px;padding:11px 42px 11px 18px;font-size:11px;position:relative}.error b,.error span{display:block}.error span{margin-top:3px}.error button{color:inherit;background:0 0;border:0;position:absolute;top:9px;right:12px}.empty{color:#8491a3;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:260px;display:flex}.empty div{color:#5c79a2;background:#f2f6fb;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.empty b{color:#3f4b5c;font-size:13px}.empty span{margin-top:5px;font-size:10px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0d1726a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(690px,100%);height:100%;padding:0 31px 40px;overflow:auto;box-shadow:-18px 0 50px #0f172a30}.drawer-head{z-index:2;background:#fff;border-bottom:1px solid #edf0f3;justify-content:space-between;padding:27px 0 20px;display:flex;position:sticky;top:0}.drawer-head h2{margin:5px 0 10px;font-size:20px}.close{color:#64748b;background:#fff;border:1px solid #e4e8ed;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.close svg{width:17px}.current-step{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px 10px 10px 4px;margin:20px 0;padding:12px 15px}.current-step span{color:#2563eb;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.current-step b{margin-top:4px;font-size:11px;display:block}.facts{grid-template-columns:1fr 1fr 1fr;gap:9px;margin:0 0 24px;display:grid}.facts>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.facts svg{color:#718096;width:18px}.facts p{margin:0}.facts small{color:#8b96a5;font-size:8px;font-weight:700;display:block}.facts b{margin-top:3px;font-size:10px;display:block}.section-title{gap:11px;margin:23px 0 13px;display:flex}.section-title>span{color:#2563eb;background:#eaf2ff;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.section-title h3{margin:0 0 3px;font-size:13px}.section-title p{color:#8490a1;margin:0;font-size:10px}.issue code{color:#b45309;background:#fffbeb;border-radius:6px;padding:5px 8px;font-size:9px;display:inline-block}.issue blockquote{color:#364152;background:#fafbfc;border:1px solid #e6eaf0;border-radius:10px;margin:9px 0 0;padding:15px;font-size:11px;line-height:1.6}.ai-section{border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;padding-bottom:23px}.ai-button,.send-button{color:#6655d8;background:#f5f3ff;border:1px solid #c9c4fa;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:11px;font-weight:700;display:flex}.ai-button:hover{background:#ede9fe}.ai-button:disabled,.send-button:disabled{opacity:.6}.ai-card{background:#f8f7ff;border:1px solid #e4e0ff;border-radius:11px;padding:15px}.ai-card.not-found{background:#fffbeb;border-color:#fde68a}.ai-meta{justify-content:space-between;align-items:center;display:flex}.ai-meta b{color:#5b4fc8;font-size:11px}.ai-meta span{color:#8a83b6;font-size:9px}.ai-card p{white-space:pre-line;margin:10px 0;font-size:11px;line-height:1.6}.send-button{color:#fff;background:#6554d9;border:0}.sent{color:#047857;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.sent svg{width:17px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions button{color:#364152;text-align:left;background:#fff;border:1px solid #dce2e9;border-radius:9px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 11px;font-size:10px;font-weight:650;display:flex}.actions button:hover{background:#f8fbff;border-color:#93b4ef}.actions button.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.actions button.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.actions svg{width:15px}details{border-top:1px solid #edf0f3;margin-top:25px;padding-top:18px}summary{cursor:pointer;color:#465365;font-size:11px;font-weight:700}summary span{color:#9aa4b2;margin-left:6px;font-weight:500}.timeline{border-left:2px solid #e7ebf0;margin:17px 0 0 6px}.timeline>div{gap:11px;margin:15px 0 15px -6px;display:flex}.timeline i{background:#528bff;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-top:3px;box-shadow:0 0 0 1px #b8cdf7}.timeline p{margin:0}.timeline b{font-size:10px}.timeline small{color:#8a95a5;margin-top:3px;font-size:9px;display:block}.login{background:#fff;grid-template-columns:minmax(420px,45%) 1fr;min-height:100vh;display:grid}.login-aside{color:#fff;background:radial-gradient(circle at 75% 25%,#233f66,#0000 35%),#101c2d;flex-direction:column;justify-content:space-between;padding:42px 56px;display:flex}.login-aside>div:nth-child(2){max-width:470px}.login-aside h2{letter-spacing:-1.5px;margin:10px 0 16px;font-size:37px;line-height:1.16}.login-aside p{color:#aab6c6;font-size:13px;line-height:1.7}.login-aside ul{margin:0;padding:12px 0 0;list-style:none}.login-aside li{color:#d3dae4;align-items:center;gap:10px;margin:13px 0;font-size:12px;display:flex}.login-aside li svg{color:#60a5fa;width:17px}.login-aside>small{color:#627188;font-size:9px}.login form{place-self:center;width:min(390px,80%)}.mobile-logo{color:#fff;margin-bottom:28px;display:none}.login form h1{margin:7px 0;font-size:29px}.login form>p{color:#7a8696;margin-bottom:27px;font-size:12px}.login label{color:#465264;margin:15px 0;font-size:11px;font-weight:700;display:block}.login input{border:1px solid #d7dde5;border-radius:9px;outline:0;width:100%;margin-top:7px;padding:12px;font-size:11px;display:block}.login input:focus{border-color:#6999ef;box-shadow:0 0 0 3px #dbeafe}.primary{color:#fff;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:44px;margin-top:12px;font-size:11px;font-weight:700;display:flex}.primary:hover{background:#1d4ed8}.primary svg{width:16px}.secure{text-align:center;color:#a0a9b5;margin-top:17px;font-size:9px;display:block}@media (width<=1100px){.tr{grid-template-columns:90px minmax(220px,2fr) minmax(150px,1fr) 100px 25px}.tr>:nth-child(5){display:none}.guide p{line-height:1.6}.tools .search{width:210px}}@media (width<=850px){.shell{display:block}aside{display:none}main{padding:25px 18px}.stats{grid-template-columns:1fr 1fr}.toolbar{align-items:flex-start;gap:15px}.tools{flex-wrap:wrap;width:100%}.search{flex:1}.tr{grid-template-columns:80px 1fr 150px 25px}.tr>:nth-child(4){display:none}.login{padding:30px;display:block}.login-aside{display:none}.login form{flex-direction:column;justify-content:center;width:min(390px,100%);min-height:calc(100vh - 60px);margin:auto;display:flex}.mobile-logo{display:grid}}@media (width<=560px){header p,.guide{display:none}.stats{grid-template-columns:1fr 1fr;margin-top:20px}.toolbar{display:block}.toolbar>div:first-child{margin-bottom:12px}.search,.tools select{width:100%}.tr{grid-template-columns:70px 1fr 25px;padding:14px}.tr>:nth-child(3){display:none}.facts{grid-template-columns:1fr}.drawer{padding:0 18px 30px}.actions{grid-template-columns:1fr}.login{padding:20px}}