:root{--bg:#f4f6f8;--surface:#fff;--surface-alt:#edf2f7;--line:#d8e0e8;--text:#102233;--text-subtle:#5b6f82;--brand:#0a4f8f;--brand-strong:#063d6f;--accent:#e28f1e;--danger:#c0392b;--success:#228b5f;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top right,#dbe8f5 0,var(--bg) 45%,#e7f0f8 100%);color:var(--text);font-family:Space Grotesk,Noto Sans SC,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1180px;margin:0 auto;padding:24px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr minmax(420px,520px);background:linear-gradient(130deg,#f2f7fc,#edf4fb 44%,#f9fcff)}.auth-hero-panel{position:relative;overflow:hidden;padding:52px 46px 44px;background:linear-gradient(145deg,#0b3052,#11446f 58%,#1a629b);color:#f2f8ff}.auth-hero-panel:before{content:"";position:absolute;inset:0;background:url(/assets/llm-network-bg.svg) 50%/cover no-repeat;opacity:.45}.auth-hero-panel>*{position:relative;z-index:2}.auth-brand-row{margin-bottom:14px}.auth-brand-link{display:inline-block}.auth-brand-row strong{display:block;font-size:24px;line-height:1.15}.auth-brand-row span{display:block;margin-top:7px;color:#c2dbf1;letter-spacing:.06em}.auth-brand-row span,.auth-kicker{font-size:12px;text-transform:uppercase}.auth-kicker{margin:0;letter-spacing:.12em;color:#bee0ff}.auth-hero-panel h1{margin:14px 0 10px;font-size:clamp(30px,3.9vw,44px);line-height:1.16}.auth-hero-panel p{margin:0;max-width:560px;line-height:1.62;color:rgba(234,243,255,.93)}.auth-feature-list{margin-top:18px;display:grid;grid-gap:10px;gap:10px}.auth-feature-list div{border:1px solid rgba(198,224,248,.35);border-radius:14px;background:hsla(0,0%,100%,.08);padding:10px 12px}.auth-feature-list b{display:block;font-size:15px}.auth-feature-list span{display:block;margin-top:3px;font-size:13px;color:#bdd8f0}.auth-feature-list-compact{grid-template-columns:1fr}.auth-hero-visual{margin-top:14px;border:1px solid rgba(198,224,248,.36);border-radius:14px;background:rgba(0,0,0,.12);overflow:hidden}.auth-hero-visual img{width:100%;height:132px;display:block;object-fit:cover;opacity:.78}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:44px 40px;background:#fff}.auth-form-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px;color:#6f8598}.auth-form-top a{color:#0b4f8d;font-weight:600}.auth-form-top-right{display:flex;align-items:center;gap:10px}.auth-locale-btn{border:1px solid #c9d8e8;border-radius:999px;background:#f4f9ff;color:#0b4f8d;padding:6px 12px;font-size:12px;line-height:1}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tabs a,.auth-tabs span{padding:8px 12px;border-radius:999px;font-size:13px;border:1px solid #d2deeb;color:#5f768b}.auth-tabs .active{border-color:#8bb7e4;color:#0b4f8d;background:#eef5fd}.auth-form-panel h2{margin:0;font-size:28px}.auth-subtitle{margin:8px 0 0;color:#678195;font-size:14px}.auth-form-grid{margin-top:16px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr}.auth-form-grid-2col{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-captcha-field{display:grid;grid-gap:8px;gap:8px}.auth-captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.auth-captcha-image{width:130px;height:42px;border-radius:10px;border:1px solid #c6daec;background:#eef5fd}.auth-captcha-refresh{padding:8px 12px}.auth-main-btn{margin-top:14px;width:100%}.auth-bottom-link{margin-top:10px;display:flex;gap:6px;font-size:14px;color:#6a8295}.auth-bottom-link a{color:#0b4f8d}.hero{padding:48px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#063d6f,#0a4f8f 55%,#1f6eb9);box-shadow:0 18px 34px rgba(5,34,63,.18)}.hero p{margin:8px 0;max-width:780px;line-height:1.55}.grid{margin-top:20px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 6px 20px rgba(16,34,51,.08)}.metric{font-size:28px;font-weight:700;margin-top:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:linear-gradient(180deg,#edf3fa,#f6f9fd 35%,#f3f7fb)}.sidebar{border-right:1px solid #244a73;padding:14px 10px;background:linear-gradient(170deg,#0b2f52,#0f3b66 55%,#184a7d);color:#d9e9f9;display:flex;flex-direction:column;gap:14px}.sidebar-brand{border:1px solid rgba(214,233,252,.3);background:hsla(0,0%,100%,.08);border-radius:14px;padding:12px}.sidebar-brand strong{display:block;font-size:18px}.sidebar-brand span{display:block;margin-top:4px;font-size:12px;color:#b9d2eb}.sidebar-brand-link{display:block;text-decoration:none;color:inherit}.sidebar-user-card{border-radius:14px;border:1px solid rgba(190,217,246,.3);background:rgba(0,0,0,.15);padding:12px}.sidebar-user-name{font-size:15px;font-weight:600}.sidebar-user-role{margin-top:5px;font-size:12px;color:#a6c7e8}.sidebar-user-email{margin-top:4px;font-size:12px;color:#89afcf;word-break:break-all}.sidebar-company-card{border-radius:12px;border:1px solid rgba(194,220,247,.34);background:rgba(6,27,45,.32);padding:10px;display:grid;grid-gap:7px;gap:7px}.sidebar-company-title{font-size:12px;color:#bcd4ec;font-weight:600}.sidebar-company-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-company-edit-btn{border:1px solid rgba(177,205,233,.6);border-radius:999px;background:rgba(236,245,255,.16);color:#d5e8fa;font-size:11px;padding:4px 9px}.sidebar-company-field{display:grid;grid-gap:3px;gap:3px}.sidebar-company-field span{font-size:11px;color:#8fb0cd}.sidebar-company-field input{border:1px solid rgba(164,195,226,.5);border-radius:8px;background:hsla(0,0%,100%,.97);color:#1a3348;font-size:12px;padding:7px 8px}.sidebar-company-kv{display:grid;grid-gap:3px;gap:3px}.sidebar-company-kv span{font-size:11px;color:#8fb0cd}.sidebar-company-kv b{font-size:12px;color:#e8f4ff;word-break:break-word}.sidebar-company-fixed span{color:#9eb9d3}.sidebar-company-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:2px}.sidebar-company-btn{border-radius:8px;border:1px solid #78a9d8;background:#76b2e6;color:#0c2b45;font-size:11px;font-weight:600;padding:6px 10px}.sidebar-company-btn.secondary{border-color:rgba(173,202,231,.7);background:rgba(209,226,243,.3);color:#d3e7fb}.sidebar-company-feedback{margin-top:2px;font-size:11px}.sidebar-company-feedback.ok{color:#b7e6c7}.sidebar-company-feedback.error{color:#ffd3cf}.nav-list{margin:0;padding:0;list-style:none;gap:6px}.nav-item,.nav-list{display:flex;flex-direction:column}.nav-item{gap:3px;padding:10px 11px;border-radius:12px;color:#d1e4f8;border:1px solid transparent;background:transparent;transition:all .2s ease}.nav-item b{font-size:14px;font-weight:600}.nav-item span{font-size:12px;color:#97b6d5}.nav-item.active,.nav-item:hover{color:#f4fbff;border-color:rgba(199,224,250,.4);background:rgba(197,222,248,.2)}.main{padding:16px 18px 24px}.topbar{border:1px solid #cedae7;background:var(--surface);border-radius:16px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 10px 24px rgba(21,48,73,.08)}.topbar-title{font-size:20px;font-weight:700}.topbar-subtitle{margin-top:2px;font-size:13px;color:#60798e}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-account{text-align:right}.topbar-account strong{display:block;font-size:14px}.topbar-account span{display:block;font-size:12px;color:#657f94}.console-center-banner{margin-top:12px;border:1px solid #cdddee;border-radius:16px;padding:14px 16px;background:linear-gradient(120deg,#eef5fc,#f7fbff 56%,#f0f7ff);display:flex;justify-content:space-between;gap:14px;align-items:center}.console-center-banner strong{font-size:16px}.console-center-banner p{margin:4px 0 0;font-size:13px;color:#607990}.console-center-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.console-center-tags span{border-radius:999px;border:1px solid #bcd1e5;padding:5px 10px;font-size:12px;color:#315a81;background:#f9fcff}.app-content{margin-top:14px}.console-note-card{border-radius:14px;border:1px solid #d0deeb;background:#f8fbff;padding:0;overflow:hidden;margin-bottom:12px}.console-note-collapse[open] .console-note-summary{border-bottom:1px dashed #d6e4f1}.console-note-summary{padding:10px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;list-style:none;cursor:pointer}.console-note-summary::-webkit-details-marker{display:none}.console-note-summary-main strong{display:block}.console-note-summary-meta{gap:10px;flex-wrap:wrap;justify-content:flex-end}.console-note-summary-meta,.console-note-summary-right{display:flex;align-items:center}.console-note-toggle{font-size:12px;color:#5b7690;border:1px solid #c6d7e8;border-radius:999px;padding:4px 9px;background:#f3f8ff}.console-note-body{padding:8px 14px 10px}.console-note-body p{margin:0;color:#607a90;font-size:13px}.console-stat-card{background:#fff;border:1px solid #d2dfea;border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(13,41,66,.07)}.console-stat-label{font-size:13px;color:#60798f}.console-stat-hint{color:#6d8598;margin-top:6px;font-size:12px}.monitor-kpi-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.monitor-filter-card{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.monitor-filter-field{display:flex;align-items:center;gap:8px}.monitor-filter-field span{font-size:13px;color:#5f778c}.monitor-filter-field select{width:320px}.monitor-filter-tip{font-size:13px;color:#60798e}.monitor-kpi-card{border:1px solid #d5e2ee;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(14,39,63,.08);padding:14px}.monitor-kpi-card span{font-size:13px;color:#60788c}.monitor-kpi-card strong{display:block;margin-top:8px;font-size:24px;color:#103452}.monitor-kpi-card p{margin:6px 0 0;font-size:12px;color:#6d8294}.monitor-card{margin-top:12px}.monitor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.monitor-card-head h3{margin:2px 0 0}.monitor-tabs{display:flex;flex-wrap:wrap;gap:8px}.monitor-tab-btn{background:#edf5ff;color:#27547b;border:1px solid #cddff1;padding:7px 10px;border-radius:999px;font-size:12px}.monitor-tab-btn.active{border-color:#1f6eb9;background:#1f6eb9;color:#fff}.monitor-chart{margin-top:12px;border:1px solid #dbe6f2;border-radius:12px;background:linear-gradient(180deg,#fcfdff,#f8fbff);padding:10px}.monitor-chart svg{display:block;width:100%;height:240px}.monitor-grid-line{stroke:#dfe9f3;stroke-width:1}.monitor-grid-label{fill:#6f879b;font-size:11px;text-anchor:end}.monitor-x-labels{margin-top:4px;padding:0 64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:4px;gap:4px}.monitor-x-labels span{font-size:11px;color:#70889d;text-align:center}.monitor-legend{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px 14px}.monitor-legend div{display:flex;align-items:center;gap:6px;font-size:12px;color:#5f7488}.monitor-legend i{width:14px;height:3px;border-radius:999px}.monitor-ops-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:2fr 1fr}.monitor-mini-card h3{margin:2px 0 0}.monitor-mini-list{margin-top:8px;display:grid;grid-gap:8px;gap:8px}.monitor-mini-list div{border:1px solid #d9e5f1;border-radius:10px;background:#f9fcff;padding:10px}.monitor-mini-list span{font-size:12px;color:#5f788e}.monitor-mini-list strong{display:block;margin-top:5px;font-size:20px;color:#123755}.monitor-mini-list small{display:block;margin-top:2px;color:#6f869a;font-size:12px}.dashboard-month-switch{display:flex;gap:8px;flex-wrap:wrap}.dashboard-month-switch button{min-width:64px;padding:7px 11px;border-radius:999px;font-size:12px}.dashboard-month-switch button.active{background:#0d5ea9}.dashboard-stat-grid{margin-top:12px;display:grid;grid-gap:12px;gap:12px}.dashboard-stat-grid.admin{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-stat-grid.customer{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-chart-grid{margin-top:14px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.05fr .95fr;align-items:start}.dashboard-chart-card h3{margin:0}.dashboard-paired-card{min-height:360px;max-height:360px;display:flex;flex-direction:column;overflow:hidden}.dashboard-paired-card .dashboard-bar-list,.dashboard-paired-card .dashboard-pie-layout{flex:1 1;min-height:0}.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-customer-card{margin-top:14px}.dashboard-customer-list{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.dashboard-customer-item{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:9px;gap:9px;border:1px solid #d8e5f1;border-radius:10px;background:#f9fcff;padding:8px 10px}.dashboard-customer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.dashboard-customer-rank{display:flex;justify-content:center;align-items:center;height:30px;border-radius:8px;border:1px solid #c8dced;background:#eef5fc;color:#1a4f79;font-size:12px;font-weight:700}.dashboard-customer-head span{color:#2f5676;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-customer-head strong{color:#113a5e}.invoice-card,.invoice-preview-card,.invoice-table-card{margin-bottom:12px}.invoice-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;grid-gap:10px;gap:10px;align-items:end}.invoice-actions{display:flex;gap:8px;align-items:center}.invoice-tip{margin-top:10px;font-size:12px;color:#5f788d}.invoice-preview-card h3,.invoice-table-card h3{margin:0}.invoice-preview-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.invoice-preview-grid div{border:1px solid #d7e5f2;border-radius:10px;background:#f9fcff;padding:9px 10px;display:grid;grid-gap:4px;gap:4px}.invoice-preview-grid span{font-size:12px;color:#60798d}.invoice-preview-grid b{font-size:13px;color:#113a5e}.invoice-preview-wide{grid-column:span 2}.invoice-html-preview{margin-top:12px;border:1px solid #d6e4f1;border-radius:12px;background:#f6fbff;padding:10px}.invoice-html-frame{width:100%;min-height:640px;border:1px solid #cddfec;border-radius:8px;background:#fff}.invoice-preview-items{margin-top:10px}.invoice-table-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.invoice-table-head span{font-size:12px;color:#617a8f}.invoice-row-actions{display:flex;gap:8px;align-items:center}.dashboard-bar-list{margin-top:12px;display:grid;grid-gap:10px;gap:10px}.dashboard-bar-item{display:grid;grid-gap:6px;gap:6px}.dashboard-bar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.dashboard-bar-head span{color:#33556f}.dashboard-bar-head strong{color:#113a5e}.dashboard-bar-track{height:10px;border-radius:999px;background:#e6eff8;overflow:hidden}.dashboard-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0d5ea8,#1f7bc9)}.dashboard-pie-layout{margin-top:12px;display:flex;align-items:center;gap:16px}.dashboard-pie{width:176px;aspect-ratio:1;border-radius:50%;border:1px solid #d7e3f0;box-shadow:inset 0 0 0 16px #fff}.dashboard-pie-legend{display:grid;grid-gap:7px;gap:7px;min-width:0}.dashboard-pie-legend div{display:grid;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;grid-gap:7px;gap:7px;font-size:13px;color:#33546c}.dashboard-pie-legend i{width:11px;height:11px;border-radius:50%}.dashboard-pie-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-pie-legend b{color:#123956}.dashboard-line-card{margin-top:14px}.dashboard-line-head{justify-content:space-between}.dashboard-line-head,.dashboard-line-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-line-head-right{justify-content:flex-end}.dashboard-line-head span{font-size:13px;color:#5f788d}.dashboard-line-chart{margin-top:12px;border:1px solid #dbe6f2;border-radius:12px;background:linear-gradient(180deg,#fcfdff,#f7fbff);padding:12px 12px 8px}.dashboard-line-chart svg{width:100%;height:270px;display:block}.dashboard-line-labels{margin-top:6px;gap:10px;color:#60798e;font-size:12px}.dashboard-line-labels,.key-value-row{display:flex;justify-content:space-between}.key-value-row{padding:8px 0;border-bottom:1px dashed #dbe6f1}.key-value-row:last-child{border-bottom:none}.action-row{margin-bottom:12px}.action-row,.table-section{margin-top:14px}.table-wrap{overflow-x:auto;background:var(--surface);border-radius:14px;border:1px solid #d3e0ec;box-shadow:0 9px 22px rgba(14,42,67,.06)}.table-drag-scroll{cursor:-webkit-grab;cursor:grab}.table-drag-scroll.table-dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.billing-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#f2f7fd;border-bottom:1px solid #d2dfec}.billing-table tbody tr:nth-child(2n){background:#fbfdff}.billing-table tbody tr:hover{background:#eef5fd}.billing-table td,.billing-table th{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.admin-customers-table{min-width:980px}.admin-customers-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#f3f8fe}.admin-customers-table tbody tr:nth-child(2n){background:#fcfdff}.admin-customers-table tbody tr:hover{background:#eef5fd}.synced-chip-list{display:flex;flex-wrap:wrap;gap:6px}.synced-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;border:1px solid #d2e1f0;background:#f7fbff;color:#1d4e7a;font-size:12px;line-height:1.2}.synced-chip.mono{font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace}.synced-empty{color:#7a8ea1;font-size:13px}.admin-customer-search-card{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-customer-search-card .billing-input-field{min-width:min(420px,100%)}.admin-customer-search-actions{display:flex;align-items:center;gap:10px}.role-template-grid{margin-top:14px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.role-template-card{padding:14px}.role-template-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.role-template-head strong{font-size:15px;color:#153b5b}.role-template-head span{font-size:11px;border:1px solid #cbdeef;border-radius:999px;padding:3px 8px;color:#436783;background:#f3f9ff}.role-template-card p{margin:8px 0 0;min-height:40px;font-size:13px;color:#587085;line-height:1.45}.role-template-count{margin-top:8px;font-size:12px;color:#2b587e}.admin-role-table{min-width:940px}.role-edit-row{display:flex;align-items:center;gap:8px}.role-edit-row select{min-width:130px}.role-edit-row button{padding:8px 12px}table{width:100%;border-collapse:collapse;min-width:840px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid #e1eaf3;font-size:14px}.cell-nowrap{white-space:nowrap}.cell-date{color:#1c466a;font-weight:600}.cell-mono{font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.cell-amount{text-align:right;font-weight:700;color:#0d4f8a}.instance-cell-wrap{display:flex;align-items:center;gap:6px;max-width:230px}.instance-ellipsis-text{display:inline-block;min-width:0;max-width:188px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-ellipsis-btn{min-width:30px;height:24px;border-radius:8px;padding:0 6px;line-height:1}.instance-modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(7,26,41,.42);display:flex;align-items:center;justify-content:center;padding:16px}.instance-modal{width:min(560px,92vw);border-radius:14px;border:1px solid #d6e3ef;background:#fff;box-shadow:0 22px 48px rgba(8,35,58,.28)}.instance-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e1eaf3;padding:12px 14px}.instance-modal-body{padding:14px;max-height:min(55vh,300px);overflow:auto;word-break:break-all;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;color:#173955;font-size:13px}th{color:var(--text-subtle)}.badge,th{font-weight:600}.badge{padding:4px 8px;border-radius:999px;font-size:12px}.badge.ok{background:#dff5ec;color:var(--success)}.badge.warn{background:#fdeccd;color:#af6908}.badge.danger{background:#fce4e1;color:var(--danger)}button,input,select{font:inherit}button{border:none;border-radius:10px;background:var(--brand);color:#fff;padding:10px 14px;cursor:pointer}button.secondary{background:#dbe8f6;color:#1c4f79}input,select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.date-shift-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;justify-content:flex-end}.billing-filter-card{border:1px solid #cfdfee;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 10px 24px rgba(11,49,80,.08);padding:10px 12px}.billing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #d9e6f2;padding-bottom:6px}.billing-range-tip{font-size:13px;color:#4d6980;font-weight:500}.billing-total-pill{font-size:12px;border:1px solid #cfe0ef;border-radius:999px;padding:5px 9px;color:#29567f;background:#f4f9ff}.billing-inline-filters{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(140px,1fr)) auto;grid-gap:10px;gap:10px;align-items:end}.billing-inline-field{display:grid;grid-gap:5px;gap:5px}.billing-inline-field span{font-size:11px;color:#4f6c84;white-space:nowrap}.billing-inline-date-field{min-width:0}.billing-inline-date-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:6px;gap:6px;align-items:center}.billing-inline-date-inputs input{font-size:12px;padding:8px 10px}.billing-inline-date-inputs i{font-style:normal;font-size:11px;color:#5d7690}.billing-inline-field input,.billing-inline-field select{font-size:12px;padding:8px 10px}.billing-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.billing-page-size{display:flex;align-items:center;gap:6px}.billing-page-size span{font-size:11px;color:#4f6c84;white-space:nowrap}.billing-page-size select{width:84px;font-size:12px;padding:7px 9px}.billing-inline-actions button{min-width:70px;padding:8px 10px;font-size:12px}.billing-pagination{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.billing-pagination-info{font-size:12px;color:#557088}.billing-pagination-controls{flex-wrap:wrap}.billing-page-item,.billing-pagination-controls{display:flex;align-items:center;gap:6px}.billing-page-ellipsis{font-size:12px;color:#6d879c}.billing-page-btn{min-width:32px;height:30px;padding:0 9px;border-radius:8px;border:1px solid #c8d9ea;background:#f7fbff;color:#2d587d;font-size:12px}.billing-page-btn.active{background:#0d5ea9;border-color:#0d5ea9;color:#fff}.billing-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #dae7f2;border-radius:12px;padding:8px 10px;background:#fbfdff}.billing-date-range-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;grid-gap:14px;gap:14px;padding:8px 10px}.billing-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.billing-filter-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:#46657f;text-transform:uppercase}.billing-input-field{display:flex;flex-direction:column;gap:6px}.billing-input-field span{font-size:13px;color:#5d7488}.billing-input-field input,.billing-input-field select{width:100%;background:#fff}.billing-date-field{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.billing-date-field-wide{min-width:0}.billing-date-field-wide input{width:100%}.billing-date-field span{font-size:13px;color:#5d7488;white-space:nowrap;font-weight:600}.billing-date-field input{width:100%;min-width:220px}.billing-date-sep{font-size:12px;font-weight:700;color:#47667f;letter-spacing:.06em;text-transform:uppercase;border:1px solid #d5e3ef;border-radius:999px;padding:6px 10px;background:#f2f8fe}.billing-action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:0}.billing-action-row button{min-width:104px}@media (max-width:1200px){.billing-inline-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-inline-date-field{grid-column:1/-1}.billing-inline-actions{grid-column:1/-1;justify-content:flex-start}.billing-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-date-range-row{grid-template-columns:1fr;align-items:stretch}.billing-date-sep{justify-self:flex-start}}.notice{border-radius:10px;background:#edf5ff;border:1px solid #c7dcf4;color:var(--brand-strong);padding:10px;margin-bottom:12px}.console-inline-message{margin-top:10px;font-size:13px;color:#2f597f}.error{color:var(--danger);margin:8px 0}.site-home{color:#11263a}.site-container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-nav-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(10,79,143,.12);background:rgba(246,250,255,.86)}.site-nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-brand{display:flex;flex-direction:column;gap:2px}.site-brand strong{font-size:24px;line-height:1}.site-brand span{font-size:14px;color:#597086;line-height:1}.site-links{display:flex;gap:20px;font-size:16px;color:#334f66}.site-links a:hover{color:#063d6f}.site-nav-cta{background:#0a4f8f;color:#fff;border-radius:999px;padding:10px 16px;font-size:14px}.site-nav-auth{display:flex;align-items:center;gap:10px;position:relative}.site-nav-link{border:1px solid rgba(10,79,143,.3);color:#0b4d8c;border-radius:999px;padding:10px 16px;font-size:15px;background:hsla(0,0%,100%,.68)}.site-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#052d52,#0b4e8d 58%,#146ebd);color:#f4f9ff;padding:84px 0 74px}.site-hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-160px;top:-230px;background:radial-gradient(circle,hsla(0,0%,100%,.25),hsla(0,0%,100%,0))}.site-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;grid-gap:24px;gap:24px}.site-kicker{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:12px;opacity:.9}.site-hero-copy h1{margin:10px 0 14px;font-size:clamp(38px,5.4vw,62px);line-height:1.08}.site-hero-copy p{margin:0;max-width:670px;line-height:1.65;color:rgba(244,249,255,.92)}.site-hero-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.site-btn{border-radius:12px;padding:13px 20px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.site-btn:hover{transform:translateY(-1px)}.site-btn-primary{background:#f3a331;color:#143047;box-shadow:0 10px 24px rgba(243,163,49,.3)}.site-btn-ghost{border:1px solid hsla(0,0%,100%,.4);color:#f4f9ff}.site-hero-panel{border:1px solid hsla(0,0%,100%,.2);background:rgba(7,43,77,.42);border-radius:18px;padding:18px}.site-hero-carousel{position:relative;min-height:348px;border:1px solid hsla(0,0%,100%,.24);border-radius:18px;background:rgba(6,39,71,.42);overflow:hidden;padding:18px}.site-hero-slide{position:absolute;inset:18px;border-radius:14px;border:1px solid rgba(204,227,249,.28);background:linear-gradient(135deg,rgba(20,91,151,.38),rgba(12,54,98,.52));padding:18px;opacity:0;transform:translateX(18px);transition:opacity .36s ease,transform .36s ease;pointer-events:none}.site-hero-slide.active{opacity:1;transform:translateX(0);pointer-events:auto}.site-hero-slide-tag{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid rgba(222,239,255,.45);background:hsla(0,0%,100%,.1);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.site-hero-slide h3{margin:12px 0 8px;font-size:25px;line-height:1.2}.site-hero-slide p{margin:0;font-size:14px;color:rgba(232,242,255,.92);line-height:1.6}.site-hero-slide ul{margin:14px 0 0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.site-hero-slide li{border:1px solid rgba(207,228,248,.25);border-radius:10px;background:hsla(0,0%,100%,.06);padding:9px 11px;font-size:13px;color:#ebf5ff}.site-hero-dots{position:absolute;left:18px;bottom:14px;display:flex;align-items:center;gap:8px;z-index:3}.site-hero-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(222,237,252,.42)}.site-hero-dots button.active{width:22px;border-radius:999px;background:#f1f8ff}.site-panel-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.site-panel-list{margin-top:12px;display:grid;grid-gap:10px;gap:10px}.site-panel-list div{border:1px solid rgba(205,227,249,.25);border-radius:12px;padding:12px;background:hsla(0,0%,100%,.04)}.site-panel-list b{display:block;font-size:16px}.site-panel-list span{display:block;margin-top:4px;font-size:13px;color:rgba(224,238,255,.88)}.site-nav-auth-user .site-nav-user-btn{border-radius:999px;border:1px solid rgba(10,79,143,.3);background:hsla(0,0%,100%,.85);color:#0b4d8c;padding:10px 16px;font-size:15px}.site-user-popover{position:absolute;right:0;top:calc(100% + 8px);width:330px;border:1px solid #cad9e8;border-radius:14px;background:#fff;padding:12px;box-shadow:0 14px 30px rgba(13,46,75,.18);z-index:50}.site-user-popover strong{display:block}.site-user-popover>span{display:block;margin-top:4px;color:#5f7a90;font-size:13px}.site-user-kv{margin-top:8px;border:1px solid #d7e3ef;border-radius:10px;padding:8px 10px}.site-user-kv b{display:block;font-size:12px;color:#597086}.site-user-kv span{display:block;margin-top:4px;font-size:12px;color:#18374f;word-break:break-all}.site-user-actions{margin-top:10px;display:flex;gap:8px}.site-user-actions .site-nav-cta,.site-user-actions .site-nav-link{flex:1 1;text-align:center}.site-resource-menu{margin-top:24px;display:grid;grid-gap:12px;gap:12px}.site-resource-dropdown{border:1px solid #d4e1ee;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(12,44,72,.08)}.site-resource-dropdown summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:220px 1fr 48px;grid-gap:12px;gap:12px;align-items:center;padding:16px 18px}.site-resource-dropdown summary::-webkit-details-marker{display:none}.site-resource-dropdown summary span{font-size:19px;font-weight:700;color:#123651}.site-resource-dropdown summary b{font-size:14px;font-weight:500;color:#4f6980}.site-resource-dropdown summary i{font-style:normal;text-align:center;border-radius:999px;border:1px solid #c9d8e8;color:#2d5d87;font-size:12px;line-height:1;padding:8px 0}.site-resource-dropdown[open] summary i{background:#ebf3ff;border-color:#a8c4e0}.site-resource-dropdown-body{border-top:1px solid #dce8f3;padding:14px 18px 18px}.site-resource-dropdown-body p{margin:0;font-size:13px;color:#567187}.site-resource-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.site-resource-tags span{border:1px solid #cfe0ee;background:#f5fafe;border-radius:999px;padding:6px 10px;font-size:13px;color:#1f4e75}.site-price-note{margin-top:8px;font-size:12px;color:#5c7489}.site-resource-price-title{margin-top:12px;font-size:13px;color:#3f607b;font-weight:600}.site-resource-price-grid{margin-top:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.site-resource-price-card{border:1px solid #d3e3f2;background:#f9fcff;border-radius:12px;padding:10px 11px;display:grid;grid-gap:5px;gap:5px}.site-resource-price-card b{font-size:13px;color:#123d62}.site-resource-price-card span{font-size:12px;color:#5d758b}.site-resource-price-card strong{font-size:14px;color:#0c4f8d}.site-resource-dropdown-body small{display:block;margin-top:10px;font-size:13px;color:#4c657a}.site-model-grid{margin-top:24px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.site-model-unit{margin-top:12px;color:#0b4f8d;font-weight:600}.site-token-grid{margin-top:16px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.site-token-card{border:1px solid #d5e3ef;border-radius:14px;background:linear-gradient(130deg,#f8fbff,#eef5fd);padding:16px}.site-token-card b{display:block;color:#3a5973}.site-token-card strong{display:block;margin-top:6px;font-size:20px}.site-token-card span{display:block;margin-top:6px;color:#4e6880}.site-section{padding:58px 0}.site-section-alt{background:linear-gradient(180deg,rgba(216,232,247,.22),hsla(0,0%,100%,.4))}.site-section h2{margin:0;font-size:clamp(26px,3.3vw,34px)}.site-subtitle{margin:10px 0 0;max-width:760px;color:#4d657a;line-height:1.55}.site-service-grid{margin-top:24px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.site-card{border:1px solid #d6e2ee;border-radius:16px;background:#fff;padding:18px;box-shadow:0 10px 24px rgba(8,38,65,.07)}.site-chip{display:inline-block;border-radius:999px;background:#e8f1fb;color:#0a4f8f;font-size:12px;padding:5px 10px}.site-card h3{margin:12px 0 8px}.site-card p{margin:0;color:#516a80;line-height:1.6}.site-adv-grid{margin-top:22px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.site-adv-item{border-radius:14px;border:1px solid #d7e3ef;padding:15px;background:#f7fbff;font-weight:500;color:#20384e}.site-workflow-grid{margin-top:24px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.site-flow-card{border:1px solid #d7e3ef;border-radius:14px;padding:18px;background:#fff}.site-flow-card span{font-size:13px;color:#5f7990}.site-flow-card h3{margin:8px 0 6px}.site-flow-card p{margin:0;color:#566f84}.site-contact-card{border-radius:18px;padding:32px;background:linear-gradient(120deg,#0a4f8f,#15568f 55%,#2a78bc);color:#fff}.site-contact-card h2{margin:0;color:#fff}.site-contact-card p{margin:10px 0 0;line-height:1.6;color:rgba(244,249,255,.92)}.site-footer{border-top:1px solid #d5e0eb;padding:22px 0 28px;color:#4b6377}.site-footer strong{display:block}.site-footer p{margin:4px 0 0;font-size:13px}.site-reveal{animation:siteFadeUp .6s ease both}@keyframes siteFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero-panel{padding:32px 20px}.auth-brand-row strong{font-size:21px}.auth-hero-panel h1{font-size:30px}.auth-hero-visual img{height:116px}.auth-form-panel{padding:24px 18px 30px}.app-shell,.auth-form-grid-2col{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #26466a}.main{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}.topbar-account{text-align:left}.console-center-banner{flex-direction:column;align-items:flex-start}.console-center-tags{justify-content:flex-start}.dashboard-chart-grid,.monitor-ops-grid{grid-template-columns:1fr}.dashboard-paired-card{min-height:auto;max-height:none}.dashboard-stat-grid.admin,.dashboard-stat-grid.customer{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pie-layout{flex-direction:column;align-items:flex-start}.dashboard-pie{width:150px}.dashboard-line-chart svg{height:240px}.invoice-grid{grid-template-columns:1fr}.invoice-actions{justify-content:flex-start;flex-wrap:wrap}.invoice-preview-grid{grid-template-columns:1fr}.invoice-preview-wide{grid-column:auto}.invoice-html-frame{min-height:520px}.admin-customer-search-card{align-items:stretch}.admin-customer-search-card .billing-input-field{width:100%;min-width:100%}.role-edit-row{flex-wrap:wrap}.monitor-filter-card,.monitor-filter-field{align-items:flex-start}.monitor-filter-field{width:100%;flex-direction:column}.monitor-filter-field select{width:100%}.site-links{display:none}.site-nav-auth{width:100%;justify-content:flex-end}.site-user-popover{width:min(92vw,330px);right:0}.site-resource-dropdown summary{grid-template-columns:1fr}.site-resource-dropdown summary i{width:68px}.site-resource-price-grid{grid-template-columns:1fr}.site-hero{padding:56px 0 48px}.site-hero-grid{grid-template-columns:1fr}.site-hero-carousel{min-height:330px}.site-contact-card{padding:22px}.billing-action-row,.date-shift-row{justify-content:flex-start}.billing-action-row{width:100%}.billing-inline-filters{grid-template-columns:1fr}.billing-inline-actions{justify-content:flex-start;flex-wrap:wrap}.billing-inline-date-inputs{grid-template-columns:1fr}.billing-inline-date-inputs i{justify-self:flex-start}.billing-pagination{align-items:flex-start}.billing-pagination-controls{width:100%}.billing-filter-grid{grid-template-columns:1fr}.billing-date-field input{width:100%}}