:root{--bg:#f0f4f8;--surface:#fff;--surface-alt:#edf2f7;--line:#d0dae6;--text:#0f1d2e;--text-subtle:#546778;--brand:#0a4f8f;--brand-strong:#063d6f;--brand-light:#e3effc;--accent:#e8991e;--accent-light:#fef4e0;--danger:#c0392b;--danger-light:#fce8e5;--success:#228b5f;--success-light:#e0f5ec;--radius:14px;--radius-sm:10px;--radius-lg:18px;--shadow-sm:0 2px 8px rgba(10,30,55,.06);--shadow-md:0 6px 20px rgba(10,30,55,.08);--shadow-lg:0 14px 36px rgba(10,30,55,.12);--shadow-xl:0 22px 52px rgba(10,30,55,.18);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.35s cubic-bezier(0.4,0,0.2,1)}*{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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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,#081e36,#0e3b63 55%,#175a92);color:#f2f8ff}.auth-hero-panel:before{content:"";position:absolute;inset:0;background:url(/assets/llm-network-bg.svg) 50%/cover no-repeat;opacity:.4}.auth-hero-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;bottom:-120px;background:radial-gradient(circle,rgba(30,120,220,.25),transparent 70%);animation:authGlow 8s ease-in-out infinite alternate;pointer-events:none}@keyframes authGlow{0%{transform:translate(0) scale(1);opacity:.6}to{transform:translate(-30px,-20px) scale(1.15);opacity:1}}.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:var(--radius);background:hsla(0,0%,100%,.08);padding:10px 12px;transition:background var(--transition-fast),transform var(--transition-fast)}.auth-feature-list div:hover{background:hsla(0,0%,100%,.14);transform:translateX(4px)}.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:var(--radius);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:var(--brand);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:var(--brand);padding:6px 12px;font-size:12px;line-height:1;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.auth-locale-btn:hover{background:var(--brand-light);border-color:var(--brand)}.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;transition:all var(--transition-fast)}.auth-tabs .active{border-color:#8bb7e4;color:var(--brand);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:var(--radius-sm);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:var(--brand)}.hero{padding:48px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#063d6f,#0a4f8f 55%,#1f6eb9);box-shadow:var(--shadow-xl)}.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:var(--shadow-md);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.metric{font-size:28px;font-weight:700;margin-top:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr);background:linear-gradient(180deg,#edf3fa,#f6f9fd 35%,#f3f7fb)}.sidebar{border-right:1px solid #1f4060;padding:14px 10px;background:linear-gradient(170deg,#081e36,#0c3258 55%,#134672);color:#d9e9f9;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-80px;bottom:-100px;background:radial-gradient(circle,rgba(20,100,200,.12),transparent 70%);pointer-events:none;animation:sidebarGlow 10s ease-in-out infinite alternate}@keyframes sidebarGlow{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-30px) scale(1.2)}}.sidebar-brand{border:1px solid rgba(214,233,252,.3);background:hsla(0,0%,100%,.08);border-radius:var(--radius);padding:12px;position:relative;z-index:1}.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:var(--radius);border:1px solid rgba(190,217,246,.3);background:rgba(0,0,0,.15);padding:12px;position:relative;z-index:1}.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;position:relative;z-index:1}.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;cursor:pointer;transition:background var(--transition-fast)}.sidebar-company-edit-btn:hover{background:rgba(236,245,255,.28)}.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;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-company-field input:focus{border-color:#6db3f0;box-shadow:0 0 0 3px rgba(109,179,240,.15);outline:none}.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;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-company-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(118,178,230,.3)}.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:4px;position:relative;z-index:1}.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 var(--transition-base);text-decoration:none}.nav-item b{font-size:14px;font-weight:600}.nav-item span{font-size:12px;color:#97b6d5}.nav-item.active{color:#f4fbff;border-color:rgba(199,224,250,.4);background:rgba(197,222,248,.2);box-shadow:inset 3px 0 0 hsla(0,0%,100%,.35)}.nav-item:hover{color:#f4fbff;border-color:rgba(199,224,250,.25);background:rgba(197,222,248,.12);transform:translateX(2px)}.nav-item:active{transform:translateX(0)}.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:var(--shadow-md)}.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;transition:background var(--transition-fast),transform var(--transition-fast)}.console-center-tags span:hover{background:#eef5fc;transform:translateY(-1px)}.app-content{margin-top:14px}.console-note-card{border-radius:var(--radius);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;cursor:pointer;transition:background var(--transition-fast)}.console-note-toggle:hover{background:#e6eff9}.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:var(--radius);padding:14px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.console-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),#1f7bc9);opacity:0;transition:opacity var(--transition-base)}.console-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.console-stat-card:hover:before{opacity:1}.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:var(--radius);background:#fff;box-shadow:var(--shadow-sm);padding:14px;transition:box-shadow var(--transition-base),transform var(--transition-base)}.monitor-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.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;cursor:pointer;transition:all var(--transition-fast)}.monitor-tab-btn:hover{background:#dde8f7}.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;transition:box-shadow var(--transition-fast)}.monitor-mini-list div:hover{box-shadow:var(--shadow-sm)}.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;transition:all var(--transition-fast)}.dashboard-month-switch button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.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;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.dashboard-customer-item:hover{box-shadow:var(--shadow-sm);transform:translateX(3px)}.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);transition:width .6s cubic-bezier(.4,0,.2,1)}.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;transition:transform var(--transition-smooth)}.dashboard-pie:hover{transform:scale(1.03)}.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:var(--radius);border:1px solid #d3e0ec;box-shadow:var(--shadow-sm)}.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{transition:background var(--transition-fast)}.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{transition:background var(--transition-fast)}.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;transition:background var(--transition-fast)}.synced-chip:hover{background:#eef5fc}.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;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.instance-modal{width:min(560px,92vw);border-radius:var(--radius);border:1px solid #d6e3ef;background:#fff;box-shadow:var(--shadow-xl);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.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:var(--success-light);color:var(--success)}.badge.warn{background:var(--accent-light);color:#af6908}.badge.danger{background:var(--danger-light);color:var(--danger)}button,input,select{font:inherit}button{border:none;border-radius:var(--radius-sm);background:var(--brand);color:#fff;padding:10px 14px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active{transform:translateY(0);box-shadow:none}button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),hsla(0,0%,100%,.3),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}button:active:after{opacity:1}button.secondary{background:#dbe8f6;color:#1c4f79}button.secondary:hover{background:#cee0f2}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;width:100%;background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus{border-color:#6db3f0;box-shadow:0 0 0 3px rgba(109,179,240,.15);outline:none}.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:var(--shadow-md);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;cursor:pointer;transition:all var(--transition-fast)}.billing-page-btn:hover{background:#eef5fc;border-color:#a8c8e2}.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:var(--radius-sm);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;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);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;transition:all var(--transition-fast)}.site-nav-cta:hover{background:#0d5ea9;transform:translateY(-1px);box-shadow:0 4px 14px rgba(10,79,143,.3)}.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);transition:all var(--transition-fast)}.site-nav-link:hover{background:hsla(0,0%,100%,.92);border-color:rgba(10,79,143,.5)}.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 var(--transition-fast),box-shadow var(--transition-fast)}.site-btn:hover{transform:translateY(-2px)}.site-btn-primary{background:#f3a331;color:#143047;box-shadow:0 10px 24px rgba(243,163,49,.3)}.site-btn-primary:hover{box-shadow:0 14px 32px rgba(243,163,49,.4)}.site-btn-ghost{border:1px solid hsla(0,0%,100%,.4);color:#f4f9ff}.site-btn-ghost:hover{background:hsla(0,0%,100%,.08)}.site-hero-panel{border:1px solid hsla(0,0%,100%,.2);background:rgba(7,43,77,.42);border-radius:var(--radius-lg);padding:18px}.site-hero-carousel{position:relative;min-height:348px;border:1px solid hsla(0,0%,100%,.24);border-radius:var(--radius-lg);background:rgba(6,39,71,.42);overflow:hidden;padding:18px}.site-hero-slide{position:absolute;inset:18px;border-radius:var(--radius);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);transition:all var(--transition-base)}.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);transition:background var(--transition-fast)}.site-panel-list div:hover{background:hsla(0,0%,100%,.08)}.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{width:330px;border:1px solid #cad9e8;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-lg)}.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:var(--shadow-sm);transition:box-shadow var(--transition-base)}.site-resource-dropdown:hover{box-shadow:var(--shadow-md)}.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;transition:all var(--transition-fast)}.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;transition:background var(--transition-fast)}.site-resource-tags span:hover{background:#e8f1fa}.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;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.site-resource-price-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.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:var(--radius);background:linear-gradient(130deg,#f8fbff,#eef5fd);padding:16px;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.site-token-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.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:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.site-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.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:var(--radius);border:1px solid #d7e3ef;padding:15px;background:#f7fbff;font-weight:500;color:#20384e;transition:background var(--transition-fast)}.site-adv-item:hover{background:#eef5fc}.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:var(--radius);padding:18px;background:#fff;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.site-flow-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.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:var(--radius-lg);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)}}.skeleton{background:linear-gradient(90deg,#e8eff7 25%,#f4f8fc 50%,#e8eff7 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;width:80%;margin-bottom:8px}.skeleton-title{height:22px;width:50%;margin-bottom:10px}.skeleton-card{height:120px;border-radius:var(--radius)}.toast-container{position:fixed;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:14px;display:flex;align-items:center;gap:10px;animation:toastIn .3s ease;min-width:280px}.toast.toast-exit{animation:toastOut .3s ease forwards}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--brand)}@keyframes toastIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}@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;max-height:none}.sidebar-company-card{display:none}.nav-list{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 0}.nav-item{white-space:nowrap;padding:8px 10px;border-radius:8px}.nav-item span{display:none}.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%}}@media (max-width:480px){.dashboard-stat-grid.admin,.dashboard-stat-grid.customer{grid-template-columns:1fr}.auth-form-panel{padding:20px 14px 24px}.billing-inline-actions button{min-width:56px;padding:7px 8px;font-size:11px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c0d1e2;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a4bdd4}::selection{background:rgba(10,79,143,.18);color:var(--text)}.site-section{padding:88px 0}.site-section-dark{background:linear-gradient(135deg,#052d52,#0b4e8d 58%,#146ebd);color:#f4f9ff}.site-section-header{text-align:center;max-width:640px;margin:0 auto 52px}.site-section-header-light{max-width:640px}.site-section-header-light h2{color:#fff}.site-section-header-light p{color:rgba(224,238,255,.85)}.site-section-kicker{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-weight:600}.site-section-dark .site-section-kicker{color:#f3a331}.site-section-header h2{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.15;color:#0e3a5e;font-weight:800}.site-section-header p{margin:0;font-size:16px;line-height:1.65;color:#4f6980}.site-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px}.site-service-card{background:#fff;border:1px solid #dce8f3;border-radius:20px;padding:32px 28px 28px;transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.site-service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand),#1a8cdb);opacity:0;transition:opacity var(--transition-base)}.site-service-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(10,79,143,.12)}.site-service-card:hover:before{opacity:1}.site-service-icon{font-size:36px;margin-bottom:12px}.site-service-tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:rgba(10,79,143,.08);border-radius:999px;padding:4px 12px;margin-bottom:14px}.site-service-card h3{margin:0 0 10px;font-size:22px;color:#0e3a5e;line-height:1.25}.site-service-card>p{margin:0 0 18px;font-size:14px;line-height:1.65;color:#4f6980}.site-service-features{margin:0 0 20px;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.site-service-features li{font-size:14px;color:#334f66;display:flex;align-items:center;gap:8px}.site-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(10,79,143,.1);color:var(--brand);font-size:11px;font-weight:700;flex-shrink:0}.site-service-link{display:inline-block;font-size:14px;font-weight:600;color:var(--brand);transition:color var(--transition-fast)}.site-service-link:hover{color:#0d5ea9}.site-stats-section{background:linear-gradient(135deg,#082a4e,#0c4a82 50%,#1a6db8);padding:64px 0;color:#fff}.site-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;text-align:center}.site-stat-item{padding:24px 16px}.site-stat-item strong{display:block;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,#fff,#b8d8f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-stat-item span{font-size:15px;color:rgba(224,238,255,.8)}.site-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.site-product-card{background:#fff;border:1px solid #dce8f3;border-radius:16px;padding:24px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.site-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.site-product-card h4{margin:0 0 16px;font-size:18px;color:#0e3a5e;font-weight:700;padding-bottom:12px;border-bottom:2px solid rgba(10,79,143,.1)}.site-product-card ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.site-product-card li{font-size:14px;color:#3f607b;position:relative;padding-left:18px}.site-product-card li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#1a8cdb)}.site-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.site-why-card{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:28px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-base),background var(--transition-base)}.site-why-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.12)}.site-why-card h4{margin:0 0 10px;font-size:20px;color:#fff;font-weight:700}.site-why-card p{margin:0;font-size:14px;line-height:1.65;color:rgba(224,238,255,.85)}.site-clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.site-client-logo{display:flex;align-items:center;justify-content:center;height:80px;border:1px solid #dce8f3;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#3f607b;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.site-client-logo:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.site-cta-section{background:linear-gradient(135deg,#052d52,#0b4e8d 50%,#146ebd);padding:80px 0;text-align:center;color:#fff;position:relative;overflow:hidden}.site-cta-section:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;left:-200px;bottom:-300px;background:radial-gradient(circle,rgba(243,163,49,.15),transparent)}.site-cta-section:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-150px;top:-200px;background:radial-gradient(circle,hsla(0,0%,100%,.08),transparent)}.site-cta-content{position:relative;z-index:2}.site-cta-content h2{margin:0 0 14px;font-size:clamp(28px,4vw,42px);font-weight:800}.site-cta-content>p{margin:0 0 28px;font-size:17px;color:rgba(224,238,255,.9)}.site-cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.site-footer{background:#071c30;color:rgba(224,238,255,.75);padding:64px 0 32px}.site-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px;margin-bottom:48px}.site-footer-col h5{margin:0 0 16px;font-size:15px;color:#fff;font-weight:700}.site-footer-col ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.site-footer-col a{font-size:14px;color:rgba(224,238,255,.65);transition:color var(--transition-fast);text-decoration:none}.site-footer-col a:hover{color:#fff}.site-footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.site-footer-brand{display:flex;flex-direction:column;gap:4px}.site-footer-brand strong{font-size:16px;color:#fff}.site-footer-brand span{font-size:13px;color:rgba(224,238,255,.5)}.site-footer-legal span{font-size:13px;color:rgba(224,238,255,.45)}@media (max-width:768px){.site-section{padding:56px 0}.site-section-header{margin-bottom:36px}.site-stats-grid{gap:16px}.site-footer-grid,.site-stats-grid{grid-template-columns:repeat(2,1fr)}.site-footer-grid{gap:24px}.site-footer-bottom{flex-direction:column;align-items:flex-start}.site-cta-section{padding:56px 0}.site-clients-grid{grid-template-columns:repeat(2,1fr)}.site-hero-grid{grid-template-columns:1fr}.site-hero-panel,.site-links{display:none}.site-nav{min-height:64px}.site-brand strong{font-size:20px}}@media (max-width:480px){.site-product-grid,.site-services-grid,.site-why-grid{grid-template-columns:1fr}.site-stats-grid{grid-template-columns:1fr 1fr}}.site-nav-login-btn{border-radius:999px;border:1px solid rgba(10,79,143,.35);color:#0b4d8c;padding:10px 20px;font-size:15px;font-weight:600;background:hsla(0,0%,100%,.8);transition:all var(--transition-fast);text-decoration:none}.site-nav-login-btn:hover{background:#fff;border-color:rgba(10,79,143,.55);transform:translateY(-1px);box-shadow:0 2px 8px rgba(10,79,143,.12)}.site-nav-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0a4f8f,#1a8cdb);color:#fff;font-size:13px;font-weight:700;margin-right:8px}.site-user-popover{position:absolute;right:0;top:calc(100% + 8px);width:300px;border:1px solid #d0e0ee;border-radius:16px;background:#fff;box-shadow:0 8px 32px rgba(10,79,143,.15);z-index:50;animation:fadeIn .15s ease,slideUp .2s ease;overflow:hidden}.site-user-popover-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f6ff,#e8f2fc);border-bottom:1px solid #d8e8f5}.site-user-popover-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0a4f8f,#1a8cdb);color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.site-user-popover-info{display:flex;flex-direction:column;gap:2px;min-width:0}.site-user-popover-info strong{font-size:15px;color:#0e3a5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-user-popover-info span{font-size:13px;color:#597086;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-user-popover-role{padding:8px 16px;border-bottom:1px solid #e8f0f7}.site-user-popover-role span{display:inline-block;background:rgba(10,79,143,.08);color:var(--brand);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.site-user-popover-menu{padding:8px 8px 0}.site-user-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:#334f66;text-decoration:none;transition:background var(--transition-fast);cursor:pointer;background:none;border:none;width:100%;text-align:left}.site-user-menu-item:hover{background:#f0f6ff;color:#0a4f8f}.site-user-menu-item svg{flex-shrink:0;color:#597086}.site-user-menu-item:hover svg{color:#0a4f8f}.site-user-popover-footer{border-top:1px solid #e8f0f7;margin-top:4px;padding:8px}.site-user-logout{color:#c0392b}.site-user-logout:hover{background:#fef2f1;color:#a93226}.site-user-logout svg{color:#c0392b}.auth-forgot-row{display:flex;justify-content:flex-end;margin-bottom:8px}.auth-forgot-row a{font-size:13px;color:var(--brand);text-decoration:none;transition:color var(--transition-fast)}.auth-forgot-row a:hover{color:#0d5ea9;text-decoration:underline}.auth-success-box{text-align:center;padding:20px 0}.auth-success-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.auth-error-icon,.auth-success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;color:#fff;font-size:28px;font-weight:700;margin-bottom:16px}.auth-error-icon{background:linear-gradient(135deg,#c0392b,#e74c3c)}.auth-reset-token-box{margin-top:16px;padding:14px;border:1px dashed #b8d4e8;border-radius:12px;background:#f5fafe;font-size:13px;color:#3f607b}.settings-page{display:flex;justify-content:center;padding:40px 16px}.settings-card{background:#fff;border:1px solid #dce8f3;border-radius:20px;padding:32px;max-width:480px;width:100%;box-shadow:var(--shadow-sm)}.settings-card-header{margin-bottom:24px}.settings-card-header h3{margin:0 0 8px;font-size:22px;color:#0e3a5e}.settings-card-header p{margin:0;font-size:14px;color:#597086}.settings-form{display:grid;grid-gap:18px;gap:18px}.settings-form label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:600;color:#334f66}.settings-form input{border:1px solid #cdd8e5;border-radius:12px;padding:12px 14px;font-size:15px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,79,143,.12)}.settings-form .error{grid-column:1/-1}.settings-actions{display:flex;gap:12px;align-items:center;margin-top:4px}.settings-actions button{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;border:none;background:linear-gradient(135deg,var(--brand),#1a8cdb);color:#fff;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.settings-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,79,143,.25)}.settings-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.settings-actions .secondary{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:500;border:1px solid #cdd8e5;background:#fff;color:#4f6980;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.settings-actions .secondary:hover{border-color:var(--brand);color:var(--brand)}.settings-success{display:flex;align-items:center;gap:10px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#f0fff5,#e8fcf0);border:1px solid #b8e6c8;color:#1a7a3a;font-size:14px;font-weight:500}.settings-success-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#27ae60;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}