@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}