*{box-sizing:border-box}:root{--gas-blue: #145ea8;--gas-blue-dark: #0c3158;--gas-blue-soft: #e8f3ff;--flame-orange: #f97316;--steel: #64748b;--ink: #142033;--surface: #ffffff;--surface-muted: #f6f8fb;--line: #dbe4ee;--danger: #b42318;--success: #16794c;--warning: #b45309;--shadow: 0 18px 45px rgba(15, 35, 55, .08);--sidebar-color: var(--gas-blue-dark);--sidebar-color-dark: #10263a;--button-color: var(--gas-blue);--button-hover: #0f4f8e;--login-bg: #eef6fa;--login-bg-soft: #dceff6}body{margin:0;color:var(--ink);background:#eef3f8;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{min-height:40px;border:0;border-radius:8px;background:var(--button-color);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;font-weight:700;line-height:1.2;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover:not(:disabled){background:var(--button-hover);box-shadow:0 10px 22px #145ea82e;transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait}button.secondary{background:#41546c}button.danger{background:var(--danger);padding:7px 10px}.icon-button{gap:8px}.icon-button svg{flex:0 0 auto}a{color:var(--gas-blue);font-weight:700}.inline-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.button-group,.table-actions{display:flex;align-items:center;gap:8px}.button-group{flex-wrap:wrap}.table-actions{flex-wrap:nowrap;justify-content:center}.button-group button{flex:1 0 150px;min-height:48px;white-space:nowrap}.companies-form-actions{grid-column:1 / -1;justify-content:center}.companies-form-actions button{flex:0 1 400px;margin:20px}.table-actions button{flex:0 0 auto;width:40px;height:40px;min-width:0;padding:0;gap:0;font-size:0;white-space:nowrap}.table-actions button svg{width:18px;height:18px}input,select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:10px}input:focus,select:focus{border-color:var(--gas-blue);box-shadow:0 0 0 3px #145ea824;outline:none}.password-field{position:relative;display:block}.password-field input{padding-right:56px}.password-toggle{position:absolute;top:50%;right:5px;width:38px;min-height:32px;height:32px;padding:0;border-radius:6px;background:var(--gas-blue-soft);color:var(--gas-blue-dark);font-size:13px;line-height:1;transform:translateY(-50%);box-shadow:none}.password-toggle:hover:not(:disabled){background:#d7eaff;box-shadow:none;transform:translateY(-50%)}.password-toggle:focus-visible{outline:2px solid var(--gas-blue);outline-offset:2px}h1,h2,h3{margin:0 0 18px}.login-page{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;-webkit-user-select:none;user-select:none}.login-content{position:relative;z-index:2;min-height:100vh;width:100%;display:grid;align-content:center;justify-items:center;padding:clamp(32px,6vh,72px) clamp(24px,5vw,64px);gap:24px}.login-box{position:relative;z-index:2}.login-logo{justify-self:center;width:min(360px,100%);max-height:130px;margin-bottom:4px;object-fit:contain}.login-box{width:min(620px,100%);background:#fffffff0;border:1px solid rgba(196,214,230,.78);border-radius:18px;padding:clamp(32px,4.4vw,56px);display:grid;gap:20px;box-shadow:0 28px 70px #15385224,0 10px 26px #15385214;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-height:100vh;overflow:hidden}.login-visual picture{display:block;width:100%;height:100%}.login-visual img{width:100%;height:100%;min-height:100vh;display:block;object-fit:cover;object-position:center}.login-heading{display:grid;justify-items:center;gap:8px;margin-bottom:4px;text-align:center}.login-heading span{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:5px 12px;background:#ecfdf5;color:#157347;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.login-box h1{margin-bottom:0;color:var(--gas-blue-dark);font-size:clamp(30px,3.1vw,40px);line-height:1.08;text-align:center}.login-box p{max-width:360px;margin:0 0 4px;color:var(--steel);font-size:16px;line-height:1.45;text-align:center}.brand-mark:after{content:"";display:block;width:46px;height:4px;margin-top:10px;border-radius:999px;background:var(--flame-orange)}.login-box label,.buy-box label,.voucher-create-card label,.client-quick-form label,.form-field{display:grid;gap:6px;font-size:14px;font-weight:700}.login-box label{gap:8px;color:#0c3158}.login-box input{-webkit-user-select:text;user-select:text;min-height:54px;border-color:#c8d7e6;border-radius:10px;padding:13px 14px;color:var(--ink);box-shadow:inset 0 1px #ffffffd1}.login-box input::placeholder{color:#94a3b8}.login-box input:focus{border-color:#52b83f;box-shadow:0 0 0 4px #52d84129,0 10px 22px #145ea814}.login-box .password-toggle{right:8px;min-height:38px;height:38px;width:38px;border-radius:8px;background:#edf7ff}.login-submit{min-height:54px;margin-top:4px;border-radius:10px;background:linear-gradient(135deg,var(--gas-blue) 0%,#0c3158 100%);box-shadow:0 16px 34px #145ea838;gap:10px}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#1670c7 0%,var(--gas-blue-dark) 100%)}.login-submit-icon{transition:transform .15s ease}.login-submit:hover:not(:disabled) .login-submit-icon{transform:translate(3px)}.toast-stack{position:fixed;top:18px;right:18px;z-index:1000;width:min(420px,calc(100vw - 36px));display:grid;gap:10px;pointer-events:none}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 12px 12px 14px;border:1px solid transparent;border-radius:8px;background:#fff;box-shadow:0 18px 40px #0f23372e;color:var(--ink);font-weight:700;line-height:1.35;pointer-events:auto}.toast span{min-width:0;overflow-wrap:anywhere}.toast-success{border-color:#86efac;background:#f0fdf4;color:#14532d}.toast-error{border-color:#fecaca;background:#fef2f2;color:#7f1d1d}.toast-warning{border-color:#fed7aa;background:#fff7ed;color:#7c2d12}.toast-close{width:28px;height:28px;min-width:0;min-height:28px;padding:0;border-radius:6px;background:transparent;color:currentColor;box-shadow:none}.toast-close:hover:not(:disabled){background:#0f172a14;box-shadow:none;transform:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;gap:0;padding:20px;background:#0f172a8c;overflow-y:auto;animation:modal-fade .16s ease}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-card{width:min(460px,100%);margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 70px #0f233747;overflow:hidden;animation:modal-rise .18s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 0}.modal-title{display:flex;align-items:flex-start;gap:12px;min-width:0}.modal-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:var(--gas-blue-soft);color:var(--gas-blue)}.modal-title h3{margin:0 0 4px;font-size:18px}.modal-title p{margin:0;color:var(--steel);font-size:13px;line-height:1.4}.modal-close{flex:0 0 auto;width:34px;height:34px;min-width:0;min-height:34px;padding:0;border-radius:8px;background:var(--surface-muted);color:var(--steel);box-shadow:none}.modal-close:hover:not(:disabled){background:#e7edf4;color:var(--ink);box-shadow:none;transform:none}.modal-body{display:grid;gap:14px;padding:18px 20px 20px}.modal-hint{margin-top:-4px;color:var(--steel)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-actions button{min-width:140px}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.sidebar{background:linear-gradient(180deg,var(--sidebar-color),var(--sidebar-color-dark));color:#fff;padding:20px}.sidebar-backdrop,.sidebar-close,.mobile-menu-button{display:none}.brand{display:grid;justify-items:center;gap:8px;font-size:21px;font-weight:800;margin-bottom:26px;text-align:center;letter-spacing:0}.brand-logo-frame{width:100%;min-height:94px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;padding:12px}.brand-logo{width:min(174px,100%);max-height:72px;object-fit:contain}.brand small{display:block;color:#bad6ee;font-size:12px;font-weight:600}.sidebar nav{display:grid;gap:18px}.sidebar-group{display:grid;gap:7px}.sidebar-group-title{color:#d8e7f5b8;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1;padding:0 12px;text-transform:uppercase}.sidebar-group-items{display:grid;gap:6px}.sidebar a{display:flex;align-items:center;gap:10px;color:#d8e7f5;text-decoration:none;padding:11px 12px;border-radius:8px;font-weight:700}.sidebar a svg{color:#bad6ee;flex:0 0 auto}.sidebar a.active,.sidebar a:hover{background:#ffffff21;color:#fff}.sidebar a.active svg,.sidebar a:hover svg{color:#fff}.main{min-width:0}.topbar{min-height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.user-summary{display:flex;align-items:center;gap:10px;min-width:0}.user-summary>svg{color:var(--gas-blue)}.user-summary div{display:grid;gap:2px;min-width:0}.user-summary strong,.user-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar span{color:var(--steel);font-size:13px}.topbar button.secondary span,.topbar button.secondary svg{color:#fff}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.credit-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid #dbeafe;border-radius:8px;background:var(--gas-blue-soft);color:var(--gas-blue);font-weight:800;white-space:nowrap}.credit-pill:hover{background:#dbeafe;box-shadow:0 10px 22px #145ea81f}.credit-pill:focus-visible{outline:3px solid rgba(20,94,168,.25);outline-offset:2px}.credit-pill span,.credit-pill svg{color:var(--gas-blue)}.content{padding:26px}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412}.impersonation-banner>div{display:grid;gap:3px}.impersonation-banner span{font-size:13px}.impersonation-banner button{flex:0 0 auto;background:#c2410c}.impersonation-banner button:hover:not(:disabled){background:#9a3412}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h2{margin-bottom:6px}.page-header p{max-width:720px;margin:0;color:var(--steel)}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.swagger-page{display:grid;gap:18px}.swagger-panel{min-height:620px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.swagger-panel .swagger-ui{color:var(--ink);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}.swagger-panel .swagger-ui .info{margin:24px 0}.swagger-panel .swagger-ui .wrapper{max-width:none;padding:0 18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.dashboard{display:grid;gap:26px}.dashboard-section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;color:var(--gas-blue-dark)}.dashboard-section-title svg{color:var(--flame-orange)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.hero-metric{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;color:#fff;overflow:hidden;box-shadow:0 18px 40px #0f233729}.hero-metric:after{content:"";position:absolute;top:-40px;right:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff1f}.hero-metric.tone-primary{background:linear-gradient(135deg,#1670c7,#0c3158)}.hero-metric.tone-flame{background:linear-gradient(135deg,#fb923c,#ea580c)}.hero-metric.tone-teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.hero-metric.tone-success{background:linear-gradient(135deg,#22c55e,#15803d)}.hero-metric.tone-danger{background:linear-gradient(135deg,#f97316,#b42318)}.hero-metric-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:12px;background:#ffffff2e}.hero-metric-body{display:grid;gap:2px;position:relative;z-index:1;min-width:0}.hero-metric-label{font-size:13px;font-weight:700;opacity:.9}.hero-metric-value{font-size:26px;line-height:1.1;white-space:nowrap}.hero-metric-hint{font-size:12px;font-weight:600;opacity:.85}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-panel{display:flex;flex-direction:column;gap:14px}.chart-panel-wide{grid-column:1 / -1}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chart-header h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;color:var(--gas-blue-dark)}.chart-header h3 svg{color:var(--flame-orange)}.chart-header p{margin:0;font-size:13px;color:var(--steel)}.chart-range{display:inline-flex;flex:0 0 auto;gap:4px;padding:3px;border-radius:9px;background:var(--gas-blue-soft, #eef2f8)}.chart-range button{border:none;background:transparent;padding:5px 10px;border-radius:7px;font-size:12px;font-weight:600;color:var(--steel);cursor:pointer;white-space:nowrap}.chart-range button:hover{color:var(--gas-blue-dark)}.chart-range button.is-active{background:var(--surface);color:var(--gas-blue-dark);box-shadow:0 1px 3px #0f23371f}.chart-empty-line{color:var(--steel);font-size:13px;padding:16px 0;text-align:center}.donut-chart{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donut-center-value{font-size:24px;font-weight:800;fill:var(--ink)}.donut-center-label{font-size:12px;font-weight:700;fill:var(--steel)}.chart-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1 1 160px;min-width:150px}.chart-legend li{display:flex;align-items:center;gap:8px;font-size:14px}.chart-legend .legend-label{flex:1;color:var(--steel);font-weight:600}.chart-legend strong{font-variant-numeric:tabular-nums}.legend-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.area-chart{width:100%;height:auto}.area-chart .axis-label{font-size:11px;fill:var(--steel)}.area-chart .area-peak-label{font-size:12px;font-weight:800;fill:var(--gas-blue-dark)}.bar-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.bar-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px}.bar-list-label{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-list-head strong{font-variant-numeric:tabular-nums;white-space:nowrap}.bar-track{height:10px;border-radius:999px;background:#eef2f7;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.fleet-body{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.radial-gauge{flex:0 0 auto}.gauge-value{font-size:22px;font-weight:800;fill:var(--ink)}.gauge-label{font-size:12px;font-weight:700;fill:var(--steel)}.fleet-stats{list-style:none;margin:0;padding:0;display:grid;gap:12px;flex:1 1 160px}.fleet-stats li{display:flex;align-items:center;gap:10px}.fleet-stats strong{font-size:18px;display:block}.fleet-stats span:not(.fleet-icon){font-size:12px;color:var(--steel)}.fleet-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:0 0 auto}.fleet-icon.tone-teal{background:#ccfbf1;color:#0f766e}.fleet-icon.tone-flame{background:#ffedd5;color:#ea580c}.fleet-icon.tone-success{background:#dcfce7;color:var(--success)}.fleet-icon.tone-danger{background:#fee2e2;color:var(--danger)}.equipment-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.equipment-card{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px;border:1px solid var(--line);border-left:4px solid var(--steel);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.equipment-card.is-online{border-left-color:var(--success)}.equipment-card.is-offline{border-left-color:#cbd5e1}.equipment-card-top{display:flex;align-items:center;gap:8px}.equipment-card-top strong{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.equipment-status-dot.online{background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.equipment-status-dot.offline{background:#cbd5e1}.equipment-company{font-size:13px;color:var(--steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.equipment-lastseen{font-size:12px;color:var(--steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.chart-grid{grid-template-columns:1fr}}.stat-card,.payment-box,.buy-box,.api-key,.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.stat-card{display:grid;gap:10px;position:relative;overflow:hidden;padding-left:20px}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--gas-blue),var(--flame-orange))}.stat-card span{color:var(--steel);font-weight:700;padding-right:54px}.stat-card strong{font-size:30px;padding-left:2px}.stat-icon{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:10px;background:var(--gas-blue-soft);color:var(--gas-blue);display:grid;place-items:center}.form-row,.form-grid,.toolbar{margin-bottom:18px}.form-row{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.clients-form-grid{grid-template-columns:minmax(240px,1.25fr) minmax(270px,1.15fr) minmax(220px,1fr) minmax(180px,.8fr)}.products-form-grid{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(120px,.9fr) minmax(110px,.8fr)}.credits-form-grid{grid-template-columns:repeat(3,minmax(160px,200px));justify-content:center}.toolbar{max-width:260px}.table-wrap{width:100%;overflow:visible;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse}.table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.vouchers-table-wrap .table-scroll,.wide-table-wrap .table-scroll{overflow-x:auto}.wide-table-wrap table{min-width:1080px}.table-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}.table-pagination-info{font-size:13px;color:var(--steel)}.table-pagination-controls{display:flex;align-items:center;gap:8px}.table-pagination-page{font-size:13px;font-weight:600;color:var(--gas-blue-dark);white-space:nowrap}th,td{min-width:0;text-align:center;border-bottom:1px solid #e5e7eb;padding:12px;overflow-wrap:break-word;white-space:normal}.table-cell-content{display:block;max-width:100%;min-width:0;overflow-wrap:break-word;white-space:normal}.table-date-cell,.table-date-cell .table-cell-content{overflow-wrap:normal;white-space:nowrap;font-variant-numeric:tabular-nums}.table-truncate-cell .table-cell-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-cell-custom{overflow:visible;white-space:normal}.table-cell-custom .table-cell-content{overflow:visible;text-overflow:clip;white-space:normal}th{background:var(--surface-muted);color:#41546c;font-size:13px;text-transform:uppercase;letter-spacing:0;text-align:center}thead th:first-child{border-top-left-radius:10px}thead th:last-child{border-top-right-radius:10px}.partners-actions-column{padding-left:12px;text-align:center}.partners-actions-column .table-actions{justify-content:center}.companies-actions-column{text-align:center;padding-left:8px;padding-right:8px}.companies-actions-column .table-actions{justify-content:center;gap:5px}.companies-actions-column .table-actions button{width:34px;height:34px}.companies-actions-column .table-actions button svg{width:17px;height:17px}.table-actions-cell{text-align:center}.empty{text-align:center;color:var(--steel);padding:34px}.empty svg{display:block;margin:0 auto 8px;color:#94a3b8}.empty span{display:block;font-weight:700}.buy-box{max-width:420px;display:grid;gap:14px}.voucher-create-shell{display:grid;justify-items:stretch;gap:16px;width:100%}.voucher-create-card,.client-quick-form,.voucher-helper-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.voucher-create-card{width:min(980px,100%)}.voucher-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.voucher-code-field{grid-column:span 2}.voucher-type-note{display:flex;align-items:center;flex-wrap:wrap;grid-column:1 / -1;gap:8px 14px;margin-top:0;padding:12px 14px;border:1px solid #dbeafe;border-radius:10px;background:var(--gas-blue-soft);color:var(--gas-blue-dark)}.voucher-type-note span,.voucher-helper-panel p,.helper-metric span{color:var(--steel)}.purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #eef2f7}.purchase-summary div,.helper-metric{display:grid;gap:4px}.purchase-summary span{color:var(--steel);font-size:13px;font-weight:700}.purchase-summary strong{font-size:20px}.voucher-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.voucher-actions button{min-width:170px;flex:1 1 180px;max-width:220px}.document-field{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;align-items:end}.document-field-integrated{grid-template-columns:86px minmax(0,1fr);gap:0}.document-field select,.document-field input{min-height:42px}.document-field-integrated select{border-right:0;border-radius:8px 0 0 8px;background:var(--surface-muted);color:#41546c;font-weight:800}.document-field-integrated input{border-radius:0 8px 8px 0}.document-field-integrated select:focus,.document-field-integrated input:focus{position:relative;z-index:1}.voucher-helper-panel{display:grid;gap:12px}.voucher-helper-panel h3,.client-quick-form h3{margin-bottom:0}.client-quick-form{margin-top:16px}.price-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef2f7;padding-top:12px}.product-settings-panel{display:grid;gap:16px;min-width:0;overflow:hidden}.product-settings-panel>*{min-width:0}.product-settings-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:end;gap:16px}.product-settings-header h3,.product-settings-header p{margin:0}.product-settings-header p{color:var(--steel)}.product-settings-actions{display:flex;justify-content:center}.product-settings-table-wrap .table-scroll{overflow-x:auto}.product-settings-table-wrap table{min-width:860px}.equipment-operation-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;margin-bottom:18px}.sales-range-shortcuts .chart-range{margin-top:2px;width:100%;justify-content:space-between}.sales-summary{margin-bottom:20px}.equipment-shutdown-panel{display:grid;gap:16px;margin-bottom:18px}.equipment-shutdown-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.equipment-shutdown-header h3{margin:0 0 6px}.equipment-shutdown-header p{margin:0;color:var(--steel)}.equipment-shutdown-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.equipment-shutdown-fields .form-field{flex:1 1 180px;min-width:160px;max-width:280px}.equipment-shutdown-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.equipment-shutdown-actions button{white-space:nowrap}.equipment-shutdown-panel small{color:var(--steel)}.equipment-logo-panel{display:grid;gap:16px;margin-bottom:18px}.equipment-logo-panel small{color:var(--steel)}.equipment-logo-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px}.equipment-logo-preview{flex:0 0 auto;width:160px;height:160px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border, #d0d5dd);border-radius:12px;background:var(--surface-muted, rgba(0, 0, 0, .03));overflow:hidden;color:var(--steel)}.equipment-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.equipment-logo-controls{flex:1 1 260px;display:grid;gap:12px;align-content:start}.equipment-logo-hint{margin:0;color:var(--steel)}.equipment-operation-section{display:grid;gap:10px;margin-top:22px;min-width:0}.equipment-operation-section>*{min-width:0}.equipment-operation-section h3{margin:0}.equipment-telemetry-table-wrap .table-scroll,.equipment-operation-table-wrap .table-scroll{overflow-x:auto}.equipment-operation-table-wrap table{min-width:940px}.update-readiness{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:20px;border-color:#f4c97a;background:#fffaf0}.update-readiness.is-ready{border-color:#86d6ad;background:#f0fbf5}.update-readiness-icon{color:#b76a08}.update-readiness.is-ready .update-readiness-icon{color:#16794c}.update-readiness-body{flex:1;min-width:0;display:grid;gap:5px}.update-readiness-body strong{color:var(--gas-blue-dark);font-size:17px}.update-readiness-body span{color:var(--steel);font-size:13px}.update-progress{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0;margin-top:5px}.update-progress span{display:block;height:100%;border-radius:inherit;background:#e58a15;transition:width .3s ease}.update-readiness.is-ready .update-progress span{background:#22a06b}.update-state{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.update-state-ready{color:#166534;background:#dcfce7}.update-state-waiting{color:#9a3412;background:#ffedd5}.system-update-table-wrap .table-scroll{overflow-x:auto}.system-update-table-wrap table{min-width:1040px}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:8px}.payment-method-option{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700}.payment-method-option.disabled{color:var(--muted-text);cursor:not-allowed}.payment-method-option input,td input[type=checkbox]{width:18px;min-height:18px;height:18px;flex:0 0 auto}.payment-method-option input:disabled{cursor:not-allowed}.payment-box{display:grid;gap:10px;width:100%;margin-top:16px}.payment-box h3,.payment-box p{margin:0}.section-spacer{height:24px}.payment-checkout-actions{display:grid;justify-items:center;gap:12px;margin-top:12px;padding:14px;border:1px solid #dbeafe;border-radius:8px;background:var(--gas-blue-soft);text-align:center}.payment-checkout-actions p{margin:0;color:var(--steel)}.payment-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:11px 14px;background:var(--button-color);color:#fff;text-decoration:none}.payment-link-button:hover{background:var(--button-hover);color:#fff}.api-key{margin-bottom:18px;overflow-wrap:anywhere;display:flex;align-items:flex-start;gap:12px}.api-key-icon{width:44px;height:44px;border-radius:10px;background:var(--gas-blue-soft);color:var(--gas-blue);display:grid;place-items:center;flex:0 0 auto}.api-key span{display:block;margin-bottom:6px;color:var(--steel);font-weight:700}.status-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;background:#edf2f7;color:#41546c}.status-active,.status-available,.status-paid,.status-confirmed,.status-resolved,.status-approved{background:#dcfce7;color:var(--success)}.status-pending{background:#fff7ed;color:var(--warning)}.status-inactive,.status-cancelled,.status-failed,.status-rejected,.status-blocked{background:#fee2e2;color:var(--danger)}.status-maintenance{background:#fef3c7;color:#92400e}.support-alert{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;text-decoration:none;transition:background .2s,border-color .2s}.support-alert:hover{background:#ffedd5;border-color:#fdba74}.support-alert-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffedd5;color:#c2410c;flex-shrink:0}.support-alert-body{display:flex;flex-direction:column;gap:2px}.support-alert-body strong{font-size:15px}.support-alert-body span{font-size:13px;color:#b45309}.support-empty{display:inline-flex;align-items:center;gap:8px}.support-resolved-info{font-size:12px;color:#64748b}.support-email-panel{margin-bottom:16px}.support-email-form{display:flex;gap:10px;align-items:flex-end}.support-email-field{flex:1;margin:0}.support-email-label{font-size:12px;color:#6b7280}.support-email-field input{font-size:14px}.support-email-form button{padding:8px 16px;font-size:12px}.support-email-help{margin:8px 0 0;font-size:11px;color:#9ca3af}@media(max-width:680px){.support-email-form{align-items:stretch;flex-direction:column}}.push-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;border-left:4px solid var(--gas-blue)}.push-card>svg{color:var(--gas-blue)}.push-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.push-card strong{color:var(--text);font-size:15px}.push-card span{color:var(--muted);font-size:13px;line-height:1.45}.push-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.push-card-active{border-left-color:#16a34a;background:#f0fdf4}.push-card-active>svg{color:#15803d}.push-card-info{border-left-color:#2563eb;background:#eff6ff}.push-card-warning{border-left-color:#d97706;background:#fffbeb}.push-card-warning>svg{color:#b45309}@media(max-width:680px){.push-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.push-card button{grid-column:1 / -1;width:100%}}.status-refunded{background:#fef3c7;color:#92400e}.status-used{background:var(--gas-blue-soft);color:var(--gas-blue)}.color-field input[type=color]{width:min(300px,100%);min-height:42px;padding:4px}.logo-preview{display:grid;align-items:center;justify-items:start;gap:10px}.logo-preview img{width:160px;max-height:72px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}.company-logo-thumb{width:58px;height:34px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px}@media(max-width:1180px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:16px}.brand{margin-bottom:20px}.brand-logo-frame{min-height:82px;padding:8px}.sidebar nav{gap:14px}.sidebar a{gap:8px;padding:10px}.content{padding:22px}.form-row,.form-grid,.clients-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.products-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.credits-form-grid{grid-template-columns:repeat(2,minmax(180px,240px))}.chart-grid,.product-settings-header,.equipment-operation-filters{grid-template-columns:1fr}}@media(max-width:820px){.sales-summary .sales-summary-type{display:none}.equipment-shutdown-header{flex-direction:column}.equipment-shutdown-fields{flex-direction:column;align-items:stretch}.equipment-logo-body{flex-direction:column}.equipment-shutdown-fields .form-field{flex:0 0 auto;max-width:none}.equipment-shutdown-actions{width:100%}.equipment-shutdown-actions button{flex:1 1 auto}.login-page{grid-template-columns:1fr}.login-content{min-height:100vh;padding:28px 18px;background:linear-gradient(90deg,var(--login-bg-soft) 0%,var(--login-bg) 58%,#fff 100%)}.login-visual{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:1001;width:min(320px,calc(100vw - 48px));height:100dvh;overflow-y:auto;padding:18px;transform:translate(-100%);transition:transform .2s ease;box-shadow:22px 0 45px #0f233747}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;width:100%;height:100%;min-height:0;padding:0;border-radius:0;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.sidebar-backdrop:hover:not(:disabled){background:#0f172a73;box-shadow:none;transform:none}.sidebar-close{position:absolute;top:12px;right:12px;display:inline-flex;width:38px;height:38px;min-width:0;min-height:38px;padding:0;border-radius:8px;background:#ffffff24;color:#fff}.sidebar-close:hover:not(:disabled){background:#ffffff38;box-shadow:none;transform:none}.mobile-menu-button{display:inline-flex;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:8px;background:var(--gas-blue-soft);color:var(--gas-blue-dark);box-shadow:none}.mobile-menu-button:hover:not(:disabled){background:#dbeafe;box-shadow:none;transform:none}.sidebar nav{grid-template-columns:1fr}.brand{padding-right:38px}.topbar{position:sticky;top:0;z-index:800;align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px;padding:12px 16px}.topbar-left{flex:1 1 220px}.topbar-actions{flex:1 1 auto}.user-summary{min-width:0}.user-summary>svg{width:34px;height:34px}.form-row,.form-grid,.clients-form-grid,.products-form-grid,.credits-form-grid,.equipment-operation-filters,.voucher-create-shell,.voucher-form-grid,.purchase-summary,.product-settings-header,.document-field-integrated{grid-template-columns:1fr}.document-field-integrated select,.document-field-integrated input{border-radius:8px}.voucher-code-field{grid-column:auto}.page-header{align-items:stretch;flex-direction:column}.page-actions,.button-group{width:100%}.page-actions button,.button-group button{flex:1 1 180px}.content{padding:18px}.panel,.stat-card,.payment-box,.buy-box,.api-key{padding:16px}.stats-grid,.hero-metrics,.equipment-cards{grid-template-columns:1fr}.chart-header,.equipment-card-foot,.table-pagination{align-items:stretch;flex-direction:column}.fleet-body{align-items:center;flex-direction:row}.chart-range{align-self:stretch}.chart-range button{flex:1}.donut-chart{justify-content:center}.table-scroll{overflow-x:auto}table{min-width:720px}.wide-table-wrap table,.vouchers-table-wrap table{min-width:1080px}th,td{padding:10px}.payment-method-grid{grid-template-columns:1fr}.swagger-panel{min-height:520px}}@media(max-width:480px){button{min-height:42px}.impersonation-banner{align-items:stretch;flex-direction:column;padding:12px}.login-logo{max-height:118px}.login-box{padding:22px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;align-items:center;padding:10px 12px}.topbar-left{grid-column:1;grid-row:1;min-width:0}.topbar-actions{display:contents}.topbar-actions{justify-content:stretch}.topbar-actions button{flex:1 1 0}.topbar-actions button.secondary{grid-row:1;justify-self:end;flex:0 0 42px;width:42px;min-width:42px;padding:0;margin-left:0}.topbar-actions .topbar-password-button{grid-column:2}.topbar-actions button.secondary:not(.topbar-password-button){grid-column:3}.button-group button,.page-actions button{flex-basis:100%}.topbar button.secondary span{display:none}.credit-pill{grid-column:1 / -1;grid-row:2;justify-self:stretch;min-width:0;width:100%}.credit-pill span{overflow:hidden;text-overflow:ellipsis}.content{padding:14px}.page-header h2{font-size:22px}.hero-metric{padding:16px}.hero-metric-value{font-size:22px}.table-wrap{border-radius:8px}.table-pagination-controls{justify-content:space-between;width:100%}.table-pagination-page{white-space:normal;text-align:center}.sidebar{width:min(304px,calc(100vw - 32px))}}