@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color:#edf5ff;font-synthesis:none;--bg:#070d17;--panel:#101b2b;--panel2:#152235;--line:#223147;--text:#edf5ff;--muted:#91a4bc;--faint:#60758f;--blue:#168bff;--green:#17c792;--orange:#ffad4a;--red:#ff5277;background:#070d17;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(900px 500px at 90% -20%,#168bff24,transparent 60%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.brand b{font-family:"Exo 2",sans-serif}.mono{font-family:JetBrains Mono,monospace}.app-shell{min-height:100vh;display:flex}.app-shell aside{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#070d17eb;flex-direction:column;width:238px;padding:22px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg,#31a4ff,#087fe4);border-radius:10px;place-items:center;width:36px;height:36px;font:800 12px "Exo 2";display:grid;box-shadow:0 8px 26px #168bff4d}.brand span:last-child{flex-direction:column;display:flex}.brand b{font-size:14px}.brand small{color:var(--faint);margin-top:2px;font:10px JetBrains Mono}.side-top{justify-content:space-between;align-items:center;padding:0 7px;display:flex}.app-shell nav{flex-direction:column;gap:4px;margin-top:32px;display:flex}.app-shell nav button,.logout{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;display:flex}.app-shell nav button svg:last-child{margin-left:auto}.app-shell nav button:hover,.app-shell nav button.active{background:var(--panel);border-color:var(--line);color:var(--text)}.app-shell nav button.active svg{color:var(--blue)}.account-chip{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:9px;margin-top:auto;padding:12px;display:flex}.account-chip>span{color:#4ca8ff;background:#168bff24;border-radius:8px;place-items:center;width:31px;height:31px;font:600 11px JetBrains Mono;display:grid}.account-chip div{flex-direction:column;min-width:0;display:flex}.account-chip b{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.account-chip small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.logout{width:100%;margin-top:7px;font-size:12px}.logout svg{width:15px}.workspace{flex:1;min-width:0;margin-left:238px;padding:28px clamp(20px,4vw,54px) 22px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-head h1{margin:7px 0 4px;font-size:25px}.page-head p{color:var(--muted);margin:0;font-size:13px}.eyebrow{color:#3ba2ff;letter-spacing:.16em;font:500 10px JetBrains Mono}.ghost,.icon-button,.mobile-bar button,.mobile-close{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--muted);border-radius:9px;place-items:center;display:grid;position:relative}.notification-dot{background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.metrics article{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0d1725);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:18px;display:flex}.metrics article div{flex-direction:column;gap:8px;display:flex}.metrics span{color:var(--muted);font-size:11px}.metrics strong{font:700 24px "Exo 2"}.metrics svg{color:#3879b7;width:18px}.metrics .healthy{color:var(--green);margin-top:5px;font-size:16px}.dashboard-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.panel{border:1px solid var(--line);background:#101b2bd6;border-radius:13px;overflow:hidden}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:15px 18px;display:flex}.panel-head h2{margin:4px 0 0;font-size:15px}.text-button{color:#57aaff;background:0 0;border:0;align-items:center;font-size:11px;display:flex}.service-list{padding:3px 18px}.service-list article{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.service-list article:last-child{border:0}.service-icon{color:#35a0ff;background:#168bff1f;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.service-icon svg{width:17px}.service-icon.large{width:44px;height:44px}.grow{flex:1}.service-list b{font-size:12.5px}.service-list p{color:var(--muted);margin:4px 0 0;font-size:10.5px}.status{color:#9fb2c8;white-space:nowrap;background:#8fa2ba21;border-radius:99px;padding:5px 9px;font:500 9.5px JetBrains Mono}.status.active,.status.paid,.status.resolved{color:var(--green);background:#17c7921f}.status.open,.status.issued{color:#54abff;background:#168bff21}.status.pending,.status.draft{color:var(--orange);background:#ffad4a1f}.status.overdue,.status.suspended,.status.cancelled{color:var(--red);background:#ff527721}.invoice-focus{flex-direction:column;align-items:flex-start;padding:20px;display:flex}.invoice-focus>span{color:var(--muted);font:10px JetBrains Mono}.invoice-focus strong{margin:12px 0 2px;font:800 27px "Exo 2"}.invoice-focus p{color:var(--muted);margin:0 0 12px;font-size:11px}.invoice-focus .secondary{width:100%;margin-top:19px}.primary,.secondary{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#04101d;background:linear-gradient(#2199ff,#0b7fe4);box-shadow:0 9px 24px #168bff33}.primary:disabled{opacity:.6}.secondary{border-color:var(--line);color:var(--text);background:0 0}.secondary:hover{border-color:#345476}.small{min-height:34px}.compact{min-height:39px}.paid-state,.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex}.paid-state svg{color:var(--green);margin-bottom:10px}.paid-state p,.empty p{color:var(--muted);max-width:340px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--faint);letter-spacing:.08em;border-bottom:1px solid var(--line);padding:12px 17px;font:500 9px JetBrains Mono}td{color:#c9d6e6;border-bottom:1px solid #223147b8;padding:13px 17px}td b{color:var(--text);font-size:11.5px}td small{color:var(--faint);margin-top:3px;display:block}tbody tr:last-child td{border-bottom:0}.empty-icon{width:42px;height:42px;color:var(--blue);background:#168bff1a;border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.cards-list{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.product-card{border-right:1px solid var(--line);padding:22px}.product-card:last-child{border:0}.product-top{justify-content:space-between;align-items:center;display:flex}.product-card h3{margin:18px 0 7px;font-size:16px}.product-card>p{color:var(--muted);min-height:38px;font-size:11.5px;line-height:1.6}.product-card dl{margin:22px 0}.product-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:10.5px;display:flex}.product-card dt{color:var(--faint)}.product-card dd{margin:0}.product-card .secondary{width:100%}.ticket-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.ticket-list article:last-child{border:0}.ticket-list .mono{color:#51aaff;font-size:10px}.ticket-list h3{margin:6px 0;font-size:13px}.ticket-list p{color:var(--muted);margin:0;font-size:10.5px}.ticket-side{align-items:center;gap:16px;display:flex}.ticket-side>svg{width:15px;color:var(--faint)}.profile-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-grid .panel{padding:20px}.section-title{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.section-title>svg{color:#3ba2ff;width:18px}.section-title h2{margin:1px 0 4px;font-size:14px}.section-title p{color:var(--muted);margin:0;font-size:10.5px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid .wide{grid-column:span 2}label{color:#aebed1;flex-direction:column;gap:7px;font-size:10.5px;display:flex}input,select,textarea{width:100%;color:var(--text);background:#0a1421;border:1px solid #2a3e58;border-radius:8px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#168bff;box-shadow:0 0 0 3px #168bff1a}input:disabled{opacity:.6}.save-row{grid-column:span 2;justify-content:flex-end;align-items:center;gap:15px;display:flex}.save-ok{color:var(--green);align-items:center;gap:6px;font-size:11px;display:flex}.save-ok svg{width:16px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid #2b405b;border-radius:14px;flex-direction:column;gap:16px;width:min(520px,100%);padding:22px;display:flex;box-shadow:0 28px 80px #000}.modal-head{justify-content:space-between;display:flex}.modal h2{margin:5px 0 0;font-size:18px}.form-error{color:#ff829c;background:#ff527714;border:1px solid #ff52774d;border-radius:8px;padding:10px;font-size:11px}.login-shell{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-copy{border-right:1px solid var(--line);background:radial-gradient(700px 500px at 20% 100%,#168bff24,#0000 65%);flex-direction:column;justify-content:space-between;padding:clamp(32px,7vw,100px);display:flex}.login-copy h1{max-width:770px;margin:14px 0 20px;font-size:clamp(35px,4.6vw,64px);line-height:1.04}.login-copy>div>p{color:#9db0c8;max-width:590px;font-size:15px;line-height:1.7}.trust{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.trust svg{color:var(--green)}.login-card{border:1px solid var(--line);background:#101b2bd9;border-radius:15px;width:min(430px,100% - 48px);margin:auto;padding:30px;box-shadow:0 30px 90px #0000004d}.login-title{align-items:flex-start;gap:13px;margin-bottom:26px;display:flex}.login-title>svg{color:#48a7ff}.login-title h2{margin:0 0 4px;font-size:19px}.login-title p{color:var(--muted);margin:0;font-size:11px}.login-card form{flex-direction:column;gap:16px;display:flex}.login-help{text-align:center;color:var(--faint);margin:18px 0 0;font-size:9.5px;line-height:1.5}.splash{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;font-size:11px;display:grid}.mobile-bar{display:none}footer{color:var(--faint);padding:28px 0 0;font-size:9.5px}@media (width<=1000px){.metrics,.dashboard-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}.cards-list{grid-template-columns:1fr}.product-card{border-right:0;border-bottom:1px solid var(--line)}.profile-grid{grid-template-columns:1fr}.save-row{grid-column:span 1}.login-shell{grid-template-columns:1fr}.login-copy{display:none}.login-card{margin:auto}}@media (width<=720px){.app-shell aside{transition:all .2s;transform:translate(-100%);box-shadow:20px 0 60px #000}.app-shell aside.open{transform:none}.mobile-close{display:grid}.workspace{margin:0;padding:18px 14px}.mobile-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mobile-bar button{color:var(--text)}.page-head{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.profile-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}.cards-list{grid-template-columns:1fr}.page-head h1{font-size:21px}.table-wrap table{min-width:650px}.login-card{width:calc(100% - 28px);padding:22px}.ticket-list article{gap:12px}}.mobile-close{display:none!important}@media (width<=720px){.mobile-close{display:grid!important}}.access-note{background:#17c7920f;border:1px solid #17c79240;border-radius:12px;gap:12px;margin-top:14px;padding:17px 19px;display:flex}.access-note>svg{color:var(--green);flex:none}.access-note b{font-size:12px}.access-note p{color:var(--muted);margin:5px 0 0;font-size:10.5px;line-height:1.55}.secondary:disabled{opacity:.55;cursor:not-allowed}.brand-mark{object-fit:contain;color:#0000;background:#fff!important}*{scrollbar-width:thin;scrollbar-color:#2f78b8 #0a1421}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a1421;border-radius:12px}::-webkit-scrollbar-thumb{background:linear-gradient(#27689f,#1a4c78);border:2px solid #0a1421;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#3488cb}.auth-card{max-height:calc(100vh - 40px);overflow:auto}.auth-tabs{border:1px solid var(--line);background:#0a1421;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:11px;font-weight:600}.auth-tabs button.active{color:var(--text);background:#16273b;box-shadow:0 5px 15px #0003}.address-field{background:#0a1421;border:1px solid #2a3e58;border-radius:8px;align-items:center;display:flex;overflow:hidden}.address-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #168bff1a}.address-field input{border:0;border-radius:0;box-shadow:none!important}.address-field span{color:#6f91b5;white-space:nowrap;padding-right:12px;font:10px JetBrains Mono}.address-ok{color:var(--green);margin:0;font-size:10.5px}.form-note{color:var(--orange);margin:0;font-size:10.5px}.immutable-note{color:#9ac8bd;background:#17c7920f;border:1px solid #17c79238;border-radius:9px;gap:9px;margin:0 0 18px;padding:11px 12px;font-size:10.5px;line-height:1.45;display:flex}.consent-check{align-items:flex-start;flex-direction:row!important}.consent-check input{flex:none;width:16px;margin-top:1px}.auth-actions{grid-template-columns:.7fr 1.3fr;gap:9px;display:grid}.support-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.support-toolbar>p{color:var(--faint);align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.support-tabs{border:1px solid var(--line);background:#0c1725;border-radius:10px;padding:4px;display:flex}.support-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 13px;font-size:10.5px;display:flex}.support-tabs button.active{color:var(--text);background:#18273a}.support-tabs span{color:#58adff;background:#168bff21;border-radius:99px;place-items:center;min-width:19px;height:19px;font:9px JetBrains Mono;display:grid}.support-panel{min-height:260px}.ticket-list.professional{flex-direction:column;display:flex}.ticket-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;transition:all .16s;display:grid}.ticket-row:last-child{border-bottom:0}.ticket-row:hover,.ticket-row:focus-visible{background:#168bff0e;outline:none}.ticket-icon{color:#46a7ff;background:#12253a;border:1px solid #29415e;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.ticket-main{flex-direction:column;min-width:0;display:flex}.ticket-meta{align-items:center;gap:9px;display:flex}.ticket-meta>.mono{color:#5eb3ff;font-size:9.5px}.ticket-main>strong{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 5px;font:700 13px "Exo 2";overflow:hidden}.ticket-main>small{color:var(--faint);font-size:10px}.ticket-updated{color:var(--muted);grid-template-columns:auto 18px;align-items:center;gap:4px 12px;display:grid}.ticket-updated small{color:var(--faint);grid-column:1;font-size:9px}.ticket-updated b{grid-column:1;font-size:10.5px}.ticket-updated svg{grid-area:1/2/span 2}.support-create{width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto}.modal-head p{color:var(--muted);margin:6px 0 0;font-size:10.5px}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.ticket-backdrop{padding:16px}.ticket-detail{background:#0d1928;border:1px solid #2b405b;border-radius:15px;grid-template-rows:auto auto minmax(180px,1fr) auto;width:min(880px,100%);height:min(760px,100vh - 32px);display:grid;overflow:hidden;box-shadow:0 30px 100px #000}.ticket-detail>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:20px 22px;display:flex}.ticket-detail>header .mono{color:#5bb0ff;font-size:10px}.ticket-detail h2{margin:7px 0 4px;font-size:19px}.ticket-detail header p{color:var(--muted);margin:0;font-size:10.5px}.detail-actions{align-items:flex-start;gap:10px;display:flex}.ticket-facts{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.ticket-facts>span{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:13px 20px;display:flex}.ticket-facts>span:last-child{border:0}.ticket-facts small{color:var(--faint);font-size:9px}.ticket-facts b{text-transform:capitalize;font-size:10.5px}.conversation{overscroll-behavior:contain;flex-direction:column;gap:13px;min-height:0;padding:20px 22px;display:flex;overflow-y:auto}.conversation article{background:#111f31;border:1px solid #263b56;border-radius:12px;width:min(78%,650px);padding:14px 16px}.conversation article.customer{background:#102943;border-color:#245c8d;align-self:flex-end}.conversation article.staff{background:#102820;border-color:#276353;align-self:flex-start}.message-author{align-items:center;gap:9px;display:flex}.message-author>span{color:#5bb2ff;background:#168bff29;border-radius:8px;place-items:center;width:29px;height:29px;font:600 9px JetBrains Mono;display:grid}.staff .message-author>span{color:var(--green);background:#17c79221}.message-author div{flex-direction:column;display:flex}.message-author b{font-size:10.5px}.message-author small{color:var(--faint);font-size:8.5px}.message-author time{color:var(--faint);margin-left:auto;font-size:9px}.conversation article>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#c8d6e7;margin:12px 0 1px;font-size:11.5px;line-height:1.65}.conversation-loading{color:var(--muted);margin:auto;font-size:11px}.reply-box{border-top:1px solid var(--line);background:#0b1624;padding:15px 20px}.reply-box>label{margin-bottom:7px}.reply-box textarea{resize:vertical;max-height:160px}.reply-box>div{justify-content:space-between;align-items:center;gap:16px;margin-top:9px;display:flex}.reply-box small{color:var(--faint);font-size:9.5px}.closed-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;padding:17px 20px;font-size:10.5px;display:flex}.account-customization{grid-column:span 2;padding:20px}.account-identity-card{border:1px solid var(--line);background:#0c1725;border-radius:11px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid}.identity-avatar{color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;font:700 12px JetBrains Mono;display:grid}.account-identity-card>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.account-identity-card small{color:var(--faint);font-size:9px}.account-identity-card b{text-overflow:ellipsis;margin:5px 0;font-size:12px;overflow:hidden}.account-identity-card span{color:var(--green);align-items:center;gap:6px;font-size:9.5px;display:flex}.customization-fields{margin-top:16px}.customization-fields input[type=color]{height:42px;padding:5px}.connections{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.connections h3{margin:6px 0 4px;font-size:13px}.connections p{color:var(--muted);margin:0;font-size:10px}.connection-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.connection-grid button{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#0b1624;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.connection-grid button small{color:var(--faint);margin-left:auto;font-size:8px}.cookie-banner{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1827f7;border:1px solid #345372;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;padding:17px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 24px 70px #00000080}.cookie-copy{align-items:flex-start;gap:12px;display:flex}.cookie-copy>svg{color:#49a9ff;flex:none}.cookie-copy b{font:700 13px "Exo 2"}.cookie-copy p{max-width:690px;color:var(--muted);margin:5px 0 0;font-size:10.5px;line-height:1.5}.cookie-details{gap:14px;margin-top:10px;display:flex}.cookie-details span{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:8px 10px;font-size:9px}.cookie-actions{flex:none;align-items:center;gap:8px;display:flex}@media (width<=900px){.connection-grid{grid-template-columns:repeat(2,1fr)}.account-customization{grid-column:span 1}.support-toolbar{flex-direction:column;align-items:flex-start}.ticket-detail{height:calc(100vh - 24px)}.ticket-backdrop{padding:12px}}@media (width<=720px){.ticket-row{grid-template-columns:38px minmax(0,1fr);padding:15px 14px}.ticket-updated{grid-column:2;align-items:center;display:flex}.ticket-updated small{display:none}.support-tabs{width:100%;overflow-x:auto}.support-tabs button{flex:1}.ticket-facts{grid-template-columns:1fr 1fr}.ticket-facts>span:nth-child(2){border-right:0}.ticket-facts>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.conversation{padding:14px}.conversation article{width:92%}.reply-box{padding:13px}.reply-box>div{align-items:flex-end}.reply-box small{max-width:48%}.account-identity-card{grid-template-columns:44px 1fr}.account-identity-card>a{grid-column:1/span 2}.connection-grid{grid-template-columns:1fr}.cookie-banner{flex-direction:column;align-items:stretch;gap:12px;bottom:8px;left:8px;right:8px}.cookie-actions{grid-template-columns:1fr 1fr;display:grid}.cookie-actions .text-button{grid-column:1/span 2;justify-content:center}.cookie-details{flex-direction:column}.auth-shell .login-card{max-height:calc(100vh - 20px)}}
