:root{color-scheme:light;--bg:#f3f6fa;--surface:#fff;--surface-soft:#f7f9fc;--line:#dfe7f0;--text:#17314f;--muted:#6c7f97;--primary:#1479c9;--primary-dark:#0e5f9f;--nav:#09162a;--cyan:#12b8d6;--danger:#c7362f;--warning:#c87900;--success:#16845b;--shadow:0 18px 55px rgba(26,52,81,.16)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit;letter-spacing:0}
button{letter-spacing:0}
[hidden]{display:none!important}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-screen{min-height:100vh;padding:26px 5vw 40px;background:linear-gradient(108deg,#071227 0 52%,#eef4fa 52%)}
.login-brand{display:flex;align-items:center;gap:12px;color:#fff}.login-brand img{width:52px;height:52px;object-fit:contain}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{margin-top:3px;color:#8ea6c4;font-size:11px;text-transform:uppercase}
.login-layout{width:min(1160px,100%);min-height:calc(100vh - 110px);margin:auto;display:grid;grid-template-columns:1fr 440px;gap:10vw;align-items:center}
.login-copy{max-width:590px;color:#fff}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:800;text-transform:uppercase}.login-copy h1{max-width:560px;margin:16px 0;font-size:48px;line-height:1.08}.login-copy p{max-width:530px;color:#a8b8cf;font-size:17px;line-height:1.6}.login-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.login-points span{padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#d9e5f6;font-size:12px}
.login-form{display:grid;gap:17px;padding:34px;background:#fff;border:1px solid #d8e3ef;border-radius:8px;box-shadow:var(--shadow)}.login-form h2{margin:7px 0 3px;font-size:24px}.login-form p{margin:0;color:var(--muted);font-size:13px}
label{display:grid;gap:6px;color:#49627e;font-size:12px;font-weight:700}
input,select,textarea{width:100%;border:1px solid #cad7e6;border-radius:6px;background:var(--surface);color:var(--text);outline:0}input,select{height:44px;padding:0 12px}textarea{padding:11px 12px;resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#3f96d8;box-shadow:0 0 0 3px rgba(20,121,201,.12)}
.primary-button,.secondary-button{min-height:40px;padding:0 15px;border-radius:6px;font-weight:750;cursor:pointer}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark)}.secondary-button{border:1px solid #ccd9e7;background:var(--surface);color:#31506f}.secondary-button:hover{background:var(--surface-soft)}
.form-status{min-height:17px;color:var(--muted);font-size:12px;font-weight:600}.form-status.error{color:var(--danger)}.form-status.success{color:var(--success)}.text-link{color:#2177b9;font-size:12px;font-weight:700;text-align:center;text-decoration:none}
.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px;background:var(--nav);color:#dce8f8}.brand-button{display:flex;align-items:center;gap:10px;width:100%;padding:5px 8px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;cursor:pointer}.brand-button img{width:38px;height:38px;object-fit:contain}.brand-button strong,.brand-button small{display:block}.brand-button strong{font-size:14px}.brand-button small{margin-top:3px;color:#8298b5;font-size:10px}
.sidebar nav{display:grid;gap:5px;margin-top:22px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#aebed3;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.nav-button:hover,.nav-button.active{background:#123052;color:#fff}.nav-button.active{box-shadow:inset 3px 0 var(--cyan)}.nav-button svg{width:18px}
.sidebar-footer{margin-top:auto;padding:14px 12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer span{display:block;color:#7f96b3;font-size:11px}.sidebar-footer button{margin-top:8px;padding:0;border:0;background:transparent;color:#67d7e9;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px)}.page-title span,.page-title strong{display:block}.page-title span{color:var(--muted);font-size:10px;text-transform:uppercase}.page-title strong{margin-top:3px;font-size:15px}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:#526c87;cursor:pointer}.icon-button:hover{background:var(--surface-soft)}.mobile-menu{display:none}
.account{position:relative}.account-trigger{height:44px;display:flex;align-items:center;gap:9px;padding:3px 9px 3px 4px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);cursor:pointer}.account-trigger>svg{width:14px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#09b6d4,#2377d8);color:#fff;font-size:12px;font-weight:800}.account-copy{text-align:left}.account-copy strong,.account-copy small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:12px}.account-copy small{margin-top:2px;color:var(--muted);font-size:10px}.account-menu{position:absolute;right:0;top:52px;width:270px;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}.account-menu>div{padding:10px;border-bottom:1px solid var(--line)}.account-menu>div strong,.account-menu>div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu>div strong{font-size:13px}.account-menu>div span{margin-top:3px;color:var(--muted);font-size:11px}.account-menu a,.account-menu button{display:block;width:100%;padding:10px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:12px;font-weight:650;text-align:left;text-decoration:none;cursor:pointer}.account-menu a:hover,.account-menu button:hover{background:var(--surface-soft)}
.content{width:min(1500px,100%);margin:auto;padding:26px 30px 50px}.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.summary-row button{min-width:0;padding:18px 20px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.summary-row button:last-child{border-right:0}.summary-row button:hover{background:var(--surface-soft)}.summary-row span,.summary-row strong,.summary-row small{display:block}.summary-row span{color:var(--muted);font-size:11px;font-weight:700}.summary-row strong{margin:6px 0 4px;font-size:26px}.summary-row small{overflow:hidden;color:#91a0b3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.ticket-workspace{margin-top:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.ticket-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 210px 42px auto;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.search-control{position:relative}.search-control svg{position:absolute;left:12px;top:12px;width:18px;color:#8b9cb1}.search-control input{padding-left:40px}.icon-only{width:42px;padding:0;display:grid;place-items:center}
.ticket-table-head,.ticket-row{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(110px,.7fr) minmax(130px,.75fr) minmax(95px,.55fr) 125px;gap:14px;align-items:center}.ticket-table-head{padding:11px 18px;border-bottom:1px solid var(--line);background:var(--surface-soft);color:#71849b;font-size:10px;font-weight:800;text-transform:uppercase}.ticket-row{width:100%;min-height:78px;padding:13px 18px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.ticket-row:hover,.ticket-row:focus-visible{background:var(--surface-soft);outline:0}.ticket-row:last-child{border-bottom:0}.ticket-main{min-width:0}.ticket-main strong,.ticket-main small{display:block}.ticket-main strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ticket-main small{margin-top:5px;color:var(--muted);font-size:10px}.ticket-cell{overflow:hidden;color:#4f6984;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-pill,.priority-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.status-open{background:#e9f3ff;color:#1468aa}.status-in_progress{background:#e8f7f2;color:#147251}.status-waiting_customer{background:#fff3d9;color:#946000}.status-resolved,.status-closed{background:#edf0f4;color:#56677b}.priority-urgent{background:#fde9e7;color:#b32f28}.priority-high{background:#fff0dd;color:#a45b00}.priority-normal,.priority-low{background:#edf2f8;color:#5a6e86}.list-status{padding:10px 16px;color:var(--muted);font-size:11px}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:14px}.empty-state span{display:block;margin-top:5px;font-size:12px}
.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(5,17,32,.5);backdrop-filter:blur(3px)}.modal-backdrop{display:grid;place-items:center;padding:18px}.modal{width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal>header,.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.modal h2,.drawer-head h2{margin:5px 0 0;font-size:20px}.modal form{display:grid;gap:16px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.modal-actions .form-status{margin-right:auto}
.drawer-backdrop{display:flex;justify-content:flex-end}.ticket-drawer{width:min(720px,94vw);height:100vh;display:flex;flex-direction:column;background:var(--surface);box-shadow:-20px 0 60px rgba(10,32,57,.22)}.drawer-head{flex:0 0 auto}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;padding:12px 22px;border-bottom:1px solid var(--line)}.detail-meta span{padding:5px 8px;border-radius:4px;background:var(--surface-soft);color:#5d7188;font-size:10px;font-weight:700}.agent-actions{display:flex;align-items:end;gap:10px;padding:12px 22px;border-bottom:1px solid var(--line);background:#f5f9fd}.agent-actions label{flex:1}.timeline{flex:1 1 auto;overflow:auto;padding:20px 22px}.message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-bottom:18px}.message-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf3fb;color:#2675ad;font-size:11px;font-weight:800}.message-body{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.message-head{display:flex;justify-content:space-between;gap:10px}.message-head strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message-head time{color:#8999ac;font-size:10px;white-space:nowrap}.message-body p{margin:8px 0 0;color:#405b75;font-size:12px;line-height:1.55;white-space:pre-wrap}.internal-note{display:inline-block;margin-top:8px;color:var(--warning);font-size:10px;font-weight:800}.reply-form{flex:0 0 auto;padding:16px 22px 20px;border-top:1px solid var(--line);background:var(--surface)}.reply-form>div{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:9px}.reply-form .form-status{margin-right:auto}
.toast{position:fixed;right:22px;bottom:22px;z-index:160;max-width:360px;padding:12px 16px;border-radius:6px;background:#173b5d;color:#fff;box-shadow:var(--shadow);font-size:12px;font-weight:650}
body.dark{color-scheme:dark;--bg:#090f1e;--surface:#101a2d;--surface-soft:#15223a;--line:#25334c;--text:#e4ecf7;--muted:#91a2b9;--nav:#060b16;--shadow:0 20px 60px rgba(0,0,0,.4)}body.dark .agent-actions{background:#132238}body.dark .message-body p{color:#bbcaDC}
@media (max-width:900px){.login-screen{background:#071227}.login-layout{grid-template-columns:1fr;gap:34px;padding-top:60px}.login-copy{display:none}.login-form{width:min(460px,100%);justify-self:center}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;z-index:70;width:260px;transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid}.content{padding:20px 16px 40px}.summary-row{grid-template-columns:repeat(2,1fr)}.summary-row button:nth-child(2){border-right:0}.summary-row button:nth-child(-n+2){border-bottom:1px solid var(--line)}.ticket-table-head{display:none}.ticket-row{grid-template-columns:1fr auto;gap:8px}.ticket-row .ticket-cell:nth-child(2),.ticket-row .ticket-cell:nth-child(5){display:none}.ticket-row .ticket-cell:nth-child(3),.ticket-row .ticket-cell:nth-child(4){justify-self:end}.ticket-toolbar{grid-template-columns:1fr 42px auto}.ticket-toolbar select{grid-column:1/-1;grid-row:2}.account-copy{display:none}}
@media (max-width:560px){.login-screen{padding:20px}.login-brand img{width:42px;height:42px}.login-layout{padding-top:35px}.login-form{padding:24px 20px}.topbar{padding:0 12px}.page-title span{display:none}.summary-row button{padding:14px}.ticket-toolbar{grid-template-columns:1fr 40px}.ticket-toolbar .primary-button{grid-column:1/-1;grid-row:3}.ticket-row{padding:13px}.ticket-row .ticket-cell:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.modal-actions .form-status{width:100%}.ticket-drawer{width:100vw}.drawer-head,.timeline,.reply-form{padding-left:16px;padding-right:16px}}
body.ecosystem-open{overflow:hidden}
.ecosystem{position:fixed;inset:0;z-index:2000;background:#050814;color:#fff;display:grid;place-items:center;overflow:hidden}
.ecosystem[hidden]{display:none}
.ecosystem:before{content:"";position:absolute;inset:0 58% 0 0;background:#09162a;border-right:1px solid rgba(103,232,249,.12);transform:skewX(-11deg);transform-origin:top}
.ecosystem-heading{position:absolute;left:28px;top:24px;z-index:3;display:grid;gap:5px}
.ecosystem-heading strong{color:#67e8f9;font-size:13px;text-transform:uppercase}
.ecosystem-heading span{color:#8fa3c4;font-size:12px}
.ecosystem-close{position:absolute;right:24px;top:22px;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#07101fcc;color:#fff;font-size:24px;cursor:pointer}
.ecosystem-scene{position:relative;z-index:2;width:min(760px,94vw);height:min(760px,88vh);min-height:610px}
.ecosystem-rings{position:absolute;left:50%;top:48%;width:470px;height:470px;border:1px solid rgba(125,211,252,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}
.ecosystem-rings:before,.ecosystem-rings:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.ecosystem-rings:before{inset:34px}.ecosystem-rings:after{inset:92px}
.ecosystem-core{position:absolute;left:50%;top:48%;width:178px;height:178px;border-radius:50%;background:#07101f;box-shadow:0 0 0 1px rgba(103,232,249,.22),0 28px 80px #0007;transform:translate(-50%,-50%);display:grid;place-items:center}
.ecosystem-core img{width:138px;height:138px;object-fit:contain}
.ecosystem-core:after{content:"ORBIT CLOUD";position:absolute;bottom:-34px;font-size:12px;font-weight:800}
.ecosystem-item{--x:0px;--y:0px;--accent:#67e8f9;position:absolute;left:50%;top:48%;width:112px;height:112px;border:1px solid var(--accent);border-radius:50%;background:#0c1730;color:#fff;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));display:grid;place-items:center;align-content:center;gap:6px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.ecosystem-item b{font-size:21px;color:var(--accent)}
.ecosystem-item span{font-size:11px;font-weight:800}
.ecosystem-item:hover,.ecosystem-item:focus-visible,.ecosystem-item.selected{background:#162a4c;box-shadow:0 0 0 5px rgba(103,232,249,.12);outline:0}
.ecosystem-item:hover{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.08)}
.item-nfe{--x:0px;--y:-244px;--accent:#38bdf8}.item-ecommerce{--x:214px;--y:-122px;--accent:#f472b6}.item-erp{--x:214px;--y:122px;--accent:#a78bfa}.item-tax{--x:0px;--y:244px;--accent:#fbbf24}.item-support{--x:-214px;--y:122px;--accent:#34d399}.item-portal{--x:-214px;--y:-122px;--accent:#fb7185}
.ecosystem-info{position:absolute;left:50%;bottom:4px;width:min(560px,90vw);transform:translateX(-50%);text-align:center;display:grid;gap:7px}
.ecosystem-info strong{font-size:20px}.ecosystem-info span{color:#9eb0ca;font-size:13px}
@media(max-width:680px){
  .ecosystem{overflow:auto;align-items:start}.ecosystem-heading{left:20px;top:20px}.ecosystem-heading span,.ecosystem-rings{display:none}.ecosystem-close{right:16px;top:16px}
  .ecosystem-scene{width:100%;height:auto;min-height:0;padding:88px 18px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ecosystem-core{position:relative;left:auto;top:auto;grid-column:1/-1;justify-self:center;width:132px;height:132px;transform:none;margin-bottom:34px}.ecosystem-core img{width:104px;height:104px}.ecosystem-core:after{bottom:-25px}
  .ecosystem-item,.ecosystem-item:hover{position:relative;left:auto;top:auto;width:100%;height:88px;border-radius:8px;transform:none;display:flex;justify-content:flex-start;padding:0 16px;gap:12px}.ecosystem-item b{width:42px}
  .ecosystem-info{position:relative;left:auto;bottom:auto;grid-column:1/-1;width:100%;transform:none;padding-top:8px}
}