:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--nav:#111827;--purple:#5b5fe9;--line:#e7e9ef;--muted:#778197;--shadow:0 2px 12px #1f2a440d;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{z-index:30;background:var(--nav);color:#dce3ee;flex-direction:column;width:230px;padding:20px 13px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 7px 24px;display:flex}.brand-mark{background:linear-gradient(135deg,#777af1,#4c51bf);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand strong{color:#fff;font-size:14px;display:block}.brand span{color:#76839a;margin-top:2px;font-size:9px;display:block}.sidebar nav{gap:3px;display:grid}.nav-link{color:#8794a9;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:11px;font-weight:600;display:flex}.nav-link:hover{color:#fff;background:#182235}.nav-link.active{color:#e6e7ff;background:#252a5d}.side-user{border-top:1px solid #253043;align-items:center;gap:9px;margin-top:auto;padding:15px 7px 2px;display:flex}.avatar{color:#5156d8;background:#dfe3ff;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.avatar.small{width:28px;height:28px}.avatar.large{width:48px;height:48px;font-size:16px}.side-user-text{flex:1;min-width:0}.side-user-text strong{color:#eef2f8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.side-user-text span{text-transform:capitalize;color:#6f7c91;margin-top:2px;font-size:8px;display:block}.icon-btn{color:#7a8597;background:#f6f7fa;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.icon-btn.dark{color:#7d899a;background:0 0}.main{min-height:100vh;margin-left:230px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.top-title{color:#526071;font-size:11px;font-weight:650}.top-chip{color:#758096;background:#f7f9fb;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;font-size:9px;display:flex}.online-dot{background:#21b36b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dff6e9}.content{max-width:1500px;margin:auto;padding:28px}.page-head{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.6px;color:#172033;margin:0;font-size:27px}.page-head p{color:#7c8798;margin:4px 0 0;font-size:11px}.btn{color:#445064;background:#fff;border:1px solid #dce0e7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:650;display:inline-flex;box-shadow:0 1px 2px #10182808}.btn:hover{background:#f8f9fb}.btn.primary{color:#fff;background:#575bdc;border-color:#575bdc}.btn.primary:hover{background:#4b4fc9}.btn.ai{color:#6b51ce;background:#faf9ff;border-color:#ddd5ff}.btn:disabled{opacity:.55;cursor:not-allowed}.stat-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:17px;display:flex}.stat-icon{color:#575bdc;background:#f0f1ff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.stat-card span{color:#8791a2;font-size:9px;display:block}.stat-card strong{color:#1f2937;font-size:23px;line-height:1.1}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:18px}.panel.no-pad{padding:0;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(250px,.8fr) minmax(500px,2fr);gap:16px;display:grid}.panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-head h2{margin:0;font-size:13px}.panel-head p{color:#8c96a7;margin:3px 0 0;font-size:9px}.text-link{color:#5d61db;align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.bars{gap:12px;display:grid}.bar-row{grid-template-columns:52px 1fr 24px;align-items:center;gap:8px;display:grid}.bar-label{text-transform:capitalize;color:#748095;font-size:9px}.bar-row strong{text-align:right;font-size:9px}.bar-track{background:#eef1f5;border-radius:9px;height:6px;overflow:hidden}.bar-fill{background:#8890a0;border-radius:9px;height:100%}.bar-blue{background:#6d78ed}.bar-amber{background:#e9ae52}.bar-red{background:#e26671}.bar-gray{background:#9ba4b2}.mini-kpi{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.mini-kpi span{color:#7e899a;font-size:9px}.mini-kpi strong{font-size:17px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{text-align:left;color:#8d97a7;text-transform:uppercase;letter-spacing:.045em;background:#fafbfc;border-bottom:1px solid #edf0f4;padding:9px 12px;font-size:8px;font-weight:750}td{color:#566174;border-bottom:1px solid #edf0f4;padding:11px 12px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td strong{color:#313b4d;font-size:10px}td small{color:#98a2b3;margin-top:3px;font-size:8px;display:block}.ticket-link{flex-direction:column;gap:3px;display:flex}.ticket-link strong{color:#4f53d1}.ticket-link span{color:#4b5567;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:9px;overflow:hidden}.badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 7px;font-size:8px;font-weight:700;display:inline-flex}.badge-blue{color:#3f52c4;background:#edf0ff}.badge-amber{color:#a26a08;background:#fff5db}.badge-green{color:#168153;background:#e8f8f0}.badge-red{color:#be4050;background:#fdecef}.badge-purple{color:#6844ba;background:#f3edff}.badge-gray{color:#657083;background:#f0f2f5}.toolbar{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.searchbox{color:#9aa3b2;background:#fff;border:1px solid #dfe3ea;border-radius:8px;flex:1;align-items:center;max-width:460px;height:34px;padding:0 10px;display:flex}.searchbox input{color:#344054;background:0 0;border:0;outline:0;width:100%;padding:0 8px;font-size:12px}.filter-group{color:#98a2b3;align-items:center;gap:8px;display:flex}.filter-group select,.field select,.team-card select{color:#475467;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:none;padding:8px 9px;font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182799;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(520px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #0f172a40}.modal-wide{width:min(760px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head h2{margin:0;font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field span{color:#667085;font-size:10px;font-weight:700}.field input,.field textarea,.field select{color:#344054;background:#fff;border:1px solid #dfe3ea;border-radius:8px;outline:0;width:100%;padding:9px 10px;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8285ff;box-shadow:0 0 0 3px #eff0ff}.field textarea{resize:vertical;line-height:1.55}.form-grid>.field:has(textarea){grid-column:1/-1}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.check{color:#475467;grid-column:1/-1;align-items:center;gap:8px;font-size:11px;display:flex}.loader{color:#7c8798;justify-content:center;align-items:center;gap:10px;min-height:180px;font-size:12px;display:flex}.spinner{border:2px solid #d8dcef;border-top-color:#6366f1;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:#667085;padding:55px 20px}.empty-icon{color:#aeb7c5;font-size:34px}.empty h3{color:#344054;margin:8px 0 5px;font-size:14px}.empty p{font-size:11px}.error-box{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:11px}.muted{color:#98a2b3}.tag-list{flex-wrap:wrap;gap:4px;display:flex}.tag{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 6px;font-size:9px}.back-link{color:#667085;align-items:center;gap:6px;margin-bottom:16px;font-size:11px;display:inline-flex}.ticket-detail-head{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.ticket-detail-head h1{margin:8px 0 6px;font-size:25px}.ticket-detail-head p{color:#718096;font-size:11px}.ticket-meta{align-items:center;gap:7px;display:flex}.ticket-meta>span{color:#677084;font-size:10px;font-weight:750}.detail-actions{align-items:flex-start;gap:8px;display:flex}.ticket-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.conversation{padding:0;overflow:hidden}.initial-message{border-bottom:1px solid var(--line);background:#fafbff;padding:18px 20px}.initial-message>span{text-transform:uppercase;letter-spacing:.06em;color:#7c83a0;font-size:9px;font-weight:750}.initial-message p{white-space:pre-wrap;margin:7px 0 0;font-size:12px;line-height:1.6}.message-list{padding:10px 20px 0}.message{border-bottom:1px solid #eef1f5;padding:16px 0}.message.internal{background:#fffbeb;border:1px solid #fde7a7;border-radius:10px;margin:10px -8px;padding:14px}.message-head{align-items:center;gap:9px;display:flex}.message-head>div:nth-child(2){flex:1}.message-head strong{font-size:11px;display:block}.message-head span{color:#98a2b3;font-size:9px}.message p{white-space:pre-wrap;color:#3f4b5f;margin:10px 0 0;font-size:12px;line-height:1.65}.composer{border-top:1px solid var(--line);margin-top:10px;padding:16px 20px}.composer-tabs{gap:5px;margin-bottom:9px;display:flex}.composer-tabs button{color:#7a8496;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:flex}.composer-tabs button.active{color:#4e52dd;background:#eef0ff;font-weight:700}.composer textarea{resize:vertical;border:1px solid #dfe3ea;border-radius:9px;outline:0;width:100%;padding:11px;font-size:12px}.composer textarea:focus{border-color:#8a8dff;box-shadow:0 0 0 3px #f0f0ff}.composer-actions{justify-content:space-between;margin-top:9px;display:flex}.ticket-side{align-content:start;gap:14px;display:grid}.ticket-side .panel h3{margin-bottom:16px;font-size:12px}.ticket-side .field{margin-bottom:12px}.meta-list{border-top:1px solid var(--line);padding-top:8px}.meta-list>div{justify-content:space-between;gap:12px;padding:7px 0;display:flex}.meta-list span{color:#8a94a6;font-size:10px}.meta-list strong{color:#3a465b;text-align:right;font-size:10px}.customer-card{text-align:center;flex-direction:column;align-items:center;display:flex}.customer-card strong{margin-top:8px;font-size:12px}.customer-card span,.customer-card a{color:#7b8698;margin-top:4px;font-size:10px}.customer-card a{color:#565be5}.kb-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kb-card{text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:14px;gap:12px;padding:18px;display:flex}.kb-card:hover{border-color:#ccd0fb;transform:translateY(-1px)}.kb-icon{color:#5b5fe9;background:#eef0ff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.kb-card span{text-transform:uppercase;color:#737bf0;font-size:9px;font-weight:750}.kb-card h3{margin:5px 0 7px;font-size:13px}.kb-card p{color:#718096;margin-bottom:10px;font-size:10px;line-height:1.55}.kb-card small{color:#98a2b3;font-size:9px}.article-view{padding:20px}.article-meta{color:#8490a3;margin-bottom:16px;font-size:10px}.article-view p{white-space:pre-wrap;color:#3f4b5f;font-size:12px;line-height:1.75}.timeline{display:grid}.timeline-item{border-bottom:1px solid #edf0f4;grid-template-columns:32px 1fr;gap:10px;padding:12px 0;display:grid}.timeline-item:last-child{border:0}.timeline-icon{color:#5b5fe9;background:#f0f1ff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.timeline-item strong{font-size:11px}.timeline-item p{color:#7b8698;margin:4px 0;font-size:10px}.timeline-item p span{color:#555bdb}.timeline-item small{color:#a0a8b7;font-size:9px}.team-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.team-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:17px;display:flex}.team-main{flex:1}.team-main h3{margin:0 0 4px;font-size:12px}.team-main p{color:#8b95a7;margin:0 0 7px;font-size:9px}.login-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:radial-gradient(circle at 20% 20%,#29385b 0,#111827 42%,#0a101c 100%);align-items:center;padding:70px;display:flex;position:relative;overflow:hidden}.login-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-140px;right:-170px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04}.hero-content{z-index:1;max-width:600px;position:relative}.hero-brand{color:#c9d0ff;align-items:center;gap:9px;margin-bottom:42px;font-size:13px;font-weight:700;display:flex}.hero-content h1{letter-spacing:-1.8px;margin-bottom:20px;font-size:46px;line-height:1.08}.hero-content>p{color:#aab5c8;max-width:510px;font-size:14px;line-height:1.65}.hero-features{flex-wrap:wrap;gap:20px;margin-top:42px;display:flex}.hero-features div{color:#c2cbda;align-items:center;gap:7px;font-size:10px;display:flex}.hero-features svg{color:#8589ff;width:16px}.login-panel{place-items:center;padding:35px;display:grid}.login-card{gap:18px;width:min(390px,100%);display:grid}.eyebrow{letter-spacing:.14em;color:#6064ed;font-size:9px;font-weight:800}.login-card h2{margin:5px 0 8px;font-size:24px}.login-card>div>p{color:#8490a3;font-size:11px}.login-btn{width:100%;padding:11px}.login-card small{text-align:center;font-size:9px}.mobile-menu,.mobile-close{display:none}.mobile-menu{background:0 0;border:0;margin-right:10px}.mobile-close{color:#aeb9ca;background:0 0;border:0;margin-left:auto}.span-2{min-width:0}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.kb-grid{grid-template-columns:repeat(2,1fr)}.ticket-layout{grid-template-columns:1fr}.ticket-side{grid-template-columns:1fr 1fr}.login-hero{padding:45px}.hero-content h1{font-size:38px}}@media (width<=760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:20px 0 60px #0f172a4d}.main{margin-left:0}.mobile-menu,.mobile-close{display:block}.topbar{padding:0 16px}.top-title{display:none}.content{padding:20px 15px}.page-head{align-items:center}.page-head h1{font-size:23px}.stat-grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column;align-items:stretch}.searchbox{max-width:none}.filter-group{overflow:auto}.kb-grid,.team-grid,.form-grid{grid-template-columns:1fr}.form-actions,.check{grid-column:1}.form-grid>.field:has(textarea){grid-column:1}.ticket-detail-head{flex-direction:column}.detail-actions{flex-wrap:wrap}.ticket-side{grid-template-columns:1fr}.composer-actions{gap:7px}.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh}.top-chip{font-size:9px}}@media (width<=430px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:20px}.page-head{flex-direction:column;align-items:flex-start}.page-head .btn{width:100%}.ticket-detail-head h1{font-size:20px}.composer-actions{flex-direction:column}.composer-actions .btn{width:100%}}.auth-switch{color:#7f899a;border-top:1px solid #edf0f4;justify-content:center;gap:5px;padding-top:14px;font-size:10px;display:flex}.auth-switch a{color:#565be5;font-weight:700}.register-card{width:min(560px,100%)}.register-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.success-box{color:#16794d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:11px}.customer-stat-grid{grid-template-columns:repeat(4,1fr)}.customer-recent{grid-column:1/-1}.profile-panel{max-width:760px}.profile-heading{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.profile-heading h2{margin:0 0 4px;font-size:16px}.profile-heading p{color:#8b95a7;margin:0;font-size:10px}.profile-avatar{width:52px;height:52px}.profile-form{padding-bottom:0;padding-left:0;padding-right:0}.field input:disabled{color:#98a2b3;cursor:not-allowed;background:#f8fafc}.member-badges{align-items:center;gap:5px;display:flex}.team-controls{align-items:center;gap:7px;display:flex}.team-card-disabled{opacity:.68;background:#fafafa}.composer-label{color:#555bdb;align-items:center;gap:6px;margin-bottom:9px;font-size:10px;font-weight:700;display:flex}.composer-send{margin-left:auto}.closed-notice{border-top:1px solid var(--line);color:#667085;background:#f8fafc;padding:18px 20px;font-size:11px}.detail-badges{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.detail-badges>div{background:#fafbfc;border:1px solid #edf0f4;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.detail-badges span{color:#8a94a6;font-size:9px}@media (width<=760px){.register-grid{grid-template-columns:1fr}.customer-stat-grid{grid-template-columns:repeat(2,1fr)}.team-controls{flex-direction:column;align-items:flex-end}}@media (width<=430px){.customer-stat-grid{grid-template-columns:1fr 1fr}.detail-badges{grid-template-columns:1fr}}