:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#f3f5f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#dcecf2 0,transparent 32%),#f5f7fa}.login-panel{width:min(420px,calc(100vw - 32px));display:grid;gap:18px;padding:28px;background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 24px 80px #202f4324}.login-panel h1,.sidebar h1,.topbar h2{margin:0;letter-spacing:0}.eyebrow{margin:0 0 6px;color:#506a85;font-size:12px;font-weight:700;text-transform:uppercase}label{display:grid;gap:8px;color:#435469;font-size:14px;font-weight:600}input,select{height:40px;border:1px solid #d5dee8;border-radius:6px;padding:0 12px;background:#fbfcfd;color:#18212f}input:focus,select:focus{outline:2px solid #b9d9df;border-color:#5aa2ad}button{height:40px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:6px;padding:0 14px;color:#fff;background:#126f7b;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}button:hover{background:#0f5f6a}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.58;transform:none}.form-error,.alert,.field-error{margin:0;color:#a13a2f}.field-hint,.field-error{font-size:13px}.field-hint{margin:0;color:#65768a}.notice{margin:0;color:#14664c;background:#e5f6ee;border:1px solid #bde8d3;border-radius:8px;padding:12px 14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;color:#e9f2f4;background:#142b31;border-right:1px solid #0d2025}.sidebar .eyebrow{color:#8db0b7}nav{display:grid;gap:8px}nav button,.ghost-button{justify-content:flex-start;display:flex;align-items:center;gap:10px;width:100%;color:#b8cbd0;background:transparent}nav button:hover,.nav-active{color:#fff;background:#ffffff1c}.ghost-button{margin-top:auto}.content{display:grid;gap:18px;align-content:start;padding:24px;max-width:1500px;width:100%}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar p{margin:6px 0 0;color:#617288}.top-actions{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #bde8d3;border-radius:999px;color:#14664c;background:#e5f6ee;font-size:13px;font-weight:700}.live-pill-busy{color:#6b4e12;border-color:#ffe09a;background:#fff3cf}.icon-button{width:40px;display:grid;place-items:center;padding:0}.control-bar{display:grid;grid-template-columns:minmax(220px,1.25fr) auto repeat(2,minmax(150px,.8fr)) auto;gap:12px;align-items:end;padding:12px;background:#fff;border:1px solid #dbe3ee;border-radius:8px}.app-filter select{font-weight:700}.range-switch{height:40px;display:inline-flex;gap:4px;padding:4px;border:1px solid #d5dee8;border-radius:7px;background:#f3f6f9}.range-switch button{height:30px;min-width:46px;color:#52657a;background:transparent}.range-switch button:hover,.range-switch .range-active{color:#fff;background:#126f7b}.secondary-button{color:#126f7b;background:#e8f3f4;border:1px solid #cde5e8}.secondary-button:hover{background:#d7ecef}.insight-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.insight-row div{display:grid;gap:4px;padding:12px 14px;background:#fff;border:1px solid #dbe3ee;border-radius:8px}.insight-row span{color:#63758a;font-size:12px;font-weight:700;text-transform:uppercase}.insight-row strong{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel{background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 1px 2px #1927340a}.metric-card{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px}.metric-icon{width:40px;height:40px;display:grid;place-items:center;color:#126f7b;background:#e8f3f4;border-radius:8px}.metric-label,.metric-detail{margin:0;color:#65768a;font-size:13px}.metric-card h2{margin:4px 0;font-size:22px;letter-spacing:0}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.provider-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.provider-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.provider-overview-card{display:grid;gap:14px;padding:16px;border:1px solid #dbe3ee;border-radius:8px;background:#fff}.provider-overview-head{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.provider-overview-head strong{display:block;margin-bottom:3px}.provider-overview-head p,.provider-overview-footer{margin:0;color:#65768a;font-size:13px}.provider-overview-stats,.provider-overview-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-overview-stats span,.provider-overview-totals span{display:grid;gap:2px;min-height:46px;padding:9px 10px;border:1px solid #edf2f7;border-radius:7px;color:#65768a;background:#f8fbfd;font-size:12px}.provider-overview-stats b,.provider-overview-totals b{color:#18212f;font-size:15px}.provider-overview-footer{display:flex;justify-content:space-between;gap:12px;padding-top:4px}.settings-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:20px;align-items:start}.apps-table{display:grid;overflow-x:auto}.apps-table-head,.apps-table-row{display:grid;grid-template-columns:minmax(170px,.85fr) minmax(110px,.45fr) minmax(440px,1.7fr) minmax(200px,.75fr);gap:18px;align-items:center;min-width:980px;padding:14px 16px;border-bottom:1px solid #edf2f7}.apps-table-head{color:#63758a;font-size:12px;font-weight:800;text-transform:uppercase;background:#fbfdff}.apps-table-row:hover{background:#fbfdff}.apps-table-row-selected{background:#f0f8fa;box-shadow:inset 3px 0 #126f7b}.app-cell,.spend-cell,.app-actions-cell{display:grid;gap:4px;min-width:0}.app-cell span,.spend-cell span{color:#65768a;font-size:13px}.app-state{width:max-content;padding:2px 7px;color:#8a4b14;background:#fff3cf;border-radius:999px;font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase}.app-state-active{color:#14664c;background:#e5f6ee}.provider-badges{display:flex;flex-wrap:wrap;gap:6px}.provider-badge{width:28px;height:28px;display:grid;place-items:center;color:#8a98a8;background:#edf2f7;border-radius:999px;font-size:12px;font-weight:800}.provider-badge-on{color:#fff;background:#126f7b}.price-empty{color:#8a98a8;font-size:13px}.mini-price-table{display:grid;gap:7px;min-width:0}.mini-price-row{display:grid;grid-template-columns:72px minmax(120px,.72fr) minmax(210px,1fr);gap:10px;align-items:start;color:#435469;font-size:13px;min-width:0}.mini-price-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-price-row span,.mini-price-row em{min-width:0;overflow:hidden;color:#65768a;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:anywhere}.mini-price-row span{max-width:180px}.app-actions-cell{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.app-actions-cell .secondary-button{min-width:86px;justify-self:end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0f1f2575}.modal{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #dbe3ee;border-radius:10px;box-shadow:0 28px 90px #0a181f47}.modal-wide{width:min(1040px,calc(100vw - 32px))}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #e4ebf3}.modal-header h3,.modal-section h4{margin:0;letter-spacing:0}.modal-header p{margin:4px 0 0;color:#63758a}.modal-body{overflow:auto;display:grid;gap:16px;padding:18px}.modal-form,.modal-section{display:grid;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.edit-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal .panel{box-shadow:none}.settings-body{display:grid;gap:14px;padding:18px}.settings-body input[readonly]{color:#405367;background:#f6f8fb}.provider-editor-card{display:grid;gap:12px;padding:16px;border:1px solid #e1e8f0;border-radius:8px;background:#fbfdff}.provider-editor-list{display:grid;gap:12px;padding:14px}.provider-panel-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.template-add{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end;min-width:min(440px,100%)}.empty-panel{display:grid;gap:6px;margin:14px;padding:18px;border:1px dashed #cbd7e4;border-radius:8px;color:#435469;background:#f8fbfd}.empty-panel span{color:#65768a;font-size:14px}.provider-editor-card{background:#fff}.provider-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.provider-editor-head div{display:grid;gap:3px}.provider-editor-head span{color:#65768a;font-size:13px}.provider-editor-fields{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(180px,.8fr) minmax(180px,1fr);gap:12px}.price-editor{display:grid;gap:10px;padding:12px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fbfd}.price-editor-title{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.price-editor-title span{color:#65768a;font-size:13px}.price-fields-grid{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:10px}.provider-editor-actions{display:flex;justify-content:flex-end;gap:10px}.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:8px;font-size:13px}.toggle-row input{width:16px;height:16px}.tiny-button{height:30px;padding:0 10px;color:#9b342c;background:#fee9e6}.danger-soft{color:#9b342c;border-color:#f7c5bf;background:#fee9e6}.danger-soft:hover,.tiny-button:hover{background:#fbd5d0}.code-block{margin:0;padding:18px;overflow-x:auto;color:#17202a;background:#f6f8fb;border-radius:0 0 8px 8px;font-size:13px;line-height:1.55}.provider-strip div,.empty-state{background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:18px}.empty-state{display:grid;gap:8px}.empty-state-spacious{margin:14px;justify-items:start}.empty-state strong{color:#233241}.provider-strip strong,.provider-strip span{display:block}.provider-strip span,.empty-state{color:#65768a;margin-top:6px}.panel-header{padding:14px 16px;border-bottom:1px solid #e4ebf3}.panel-header-split{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-header h3{margin:0;font-size:16px;letter-spacing:0}.panel-header p{margin:4px 0 0;color:#63758a;font-size:13px}.proxy-filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(160px,1fr);gap:10px;align-items:end;min-width:min(420px,100%)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{height:42px;padding:0 16px;text-align:left;white-space:nowrap;border-bottom:1px solid #edf2f7}th{color:#63758a;font-size:12px;text-transform:uppercase}tbody tr:hover td{background:#fbfdff}.empty{color:#718096;text-align:center}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;color:#52657a;background:#edf2f7}.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.budget-list{display:grid;gap:10px;padding:14px}.budget-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px;border:1px solid #e1e8f0;border-radius:8px;background:#fbfdff}.budget-row div{display:grid;gap:3px}.budget-row span{color:#65768a;font-size:13px}.status-success{color:#14664c;background:#e5f6ee}.status-error,.status-timeout,.status-failed{color:#9b342c;background:#fee9e6}.status-queued,.status-running{color:#6b4e12;background:#fff3cf}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metrics-grid,.two-col,.apps-table-head,.apps-table-row,.mini-price-row,.edit-modal-grid,.provider-editor-fields,.price-fields-grid,.provider-panel-header,.template-add,.provider-overview-grid,.proxy-filters,.provider-strip,.settings-grid,.control-bar,.insight-row,.form-pair{grid-template-columns:1fr}.apps-table-head{display:none}.apps-table-row{align-items:stretch;min-width:0}.apps-table{overflow-x:visible}.mini-price-row span,.mini-price-row em{white-space:normal}.app-actions-cell{grid-template-columns:minmax(0,1fr) auto}.provider-panel-header{display:grid}.topbar{align-items:stretch;flex-direction:column}.sidebar{gap:16px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ghost-button{margin-top:0}.top-actions{justify-content:space-between}.budget-row{grid-template-columns:1fr}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:12px;padding:12px}.table-wrap tr{border:1px solid #e1e8f0;border-radius:8px;background:#fff}.table-wrap td{min-height:38px;height:auto;display:flex;justify-content:space-between;gap:14px;padding:10px 12px;white-space:normal}.table-wrap td:before{content:attr(data-label);color:#63758a;font-size:12px;font-weight:700;text-transform:uppercase}.table-wrap td.empty{justify-content:center}.table-wrap td.empty:before{content:none}}