:root{--page-bg: #F0F4F8;--surface: #FFFFFF;--surface-2: #F8FAFC;--surface-3: #F1F5F9;--border: #E2E8F0;--border-2: #CBD5E1;--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #64748B;--text-muted: #94A3B8;--blue: #2563EB;--blue-hover: #1D4ED8;--blue-light: #EFF6FF;--blue-muted: #DBEAFE;--blue-mid: #93C5FD;--blue-text: #1E40AF;--green: #10B981;--green-hover: #059669;--green-light: #ECFDF5;--green-muted: #D1FAE5;--green-text: #065F46;--red: #EF4444;--red-light: #FEF2F2;--red-muted: #FECACA;--red-text: #991B1B;--amber: #F59E0B;--amber-light: #FFFBEB;--amber-muted: #FDE68A;--amber-text: #92400E;--purple: #8B5CF6;--purple-light: #F5F3FF;--purple-muted: #DDD6FE;--purple-text: #5B21B6;--teal: #14B8A6;--teal-light: #F0FDFA;--teal-muted: #CCFBF1;--teal-text: #115E59;--sidebar-w: 240px;--header-h: 60px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 28px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;border:none;background:none;cursor:pointer}input,select,textarea{font:inherit}img,svg{display:block}.text-xs{font-size:11px;line-height:1.5}.text-sm{font-size:12px;line-height:1.5}.text-base{font-size:14px;line-height:1.6}.text-lg{font-size:16px;line-height:1.5}.text-xl{font-size:20px;line-height:1.3}.text-2xl{font-size:24px;line-height:1.25}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--border)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:1px}.card-body{padding:20px}.card-footer{padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between}.stat-card-label{font-size:12px;color:var(--text-tertiary);font-weight:500;line-height:1.4}.stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:var(--blue-light);color:var(--blue)}.stat-icon.green{background:var(--green-light);color:var(--green-hover)}.stat-icon.amber{background:var(--amber-light);color:var(--amber)}.stat-icon.purple{background:var(--purple-light);color:var(--purple)}.stat-icon.red{background:var(--red-light);color:var(--red)}.stat-icon.teal{background:var(--teal-light);color:var(--teal)}.stat-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.stat-value.small{font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:34px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all .15s;cursor:pointer;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:not(:disabled):hover{background:var(--green-hover);border-color:var(--green-hover);box-shadow:0 3px 10px #10b98140}.btn-blue{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-blue:not(:disabled):hover{background:var(--blue-hover);border-color:var(--blue-hover);box-shadow:0 3px 10px #2563eb40}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border-2)}.btn-secondary:not(:disabled):hover{background:var(--surface-2);border-color:var(--blue-mid);color:var(--blue-text)}.btn-ghost{background:transparent;color:var(--text-tertiary);border-color:transparent}.btn-ghost:not(:disabled):hover{background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--surface);color:var(--red);border-color:var(--red-muted)}.btn-danger:not(:disabled):hover{background:var(--red-light);border-color:var(--red)}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{height:42px;padding:0 20px;font-size:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-tertiary);cursor:pointer;transition:all .15s;flex-shrink:0}.icon-btn:hover{background:var(--surface-2);border-color:var(--blue-mid);color:var(--blue)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;min-width:220px;max-width:380px}.search-input-wrap .search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;height:34px;padding:0 12px 0 32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.filter-select{height:34px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:13px;outline:none;cursor:pointer;transition:border-color .15s;min-width:110px}.filter-select:focus{border-color:var(--blue)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:var(--surface);font-size:13px}thead tr{background:var(--surface-2);border-bottom:1px solid var(--border)}th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s;cursor:pointer}tbody tr:hover{background:var(--blue-light)}.td-primary{font-weight:500;color:var(--text-primary)}.td-mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-green{background:var(--green-muted);color:var(--green-text)}.badge-blue{background:var(--blue-muted);color:var(--blue-text)}.badge-amber{background:var(--amber-muted);color:var(--amber-text)}.badge-red{background:var(--red-muted);color:var(--red-text)}.badge-purple{background:var(--purple-muted);color:var(--purple-text)}.badge-teal{background:var(--teal-muted);color:var(--teal-text)}.badge-gray{background:var(--surface-3);color:var(--text-tertiary)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-hint{font-size:11px;color:var(--text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:72px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.toggle-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-2);border-radius:99px;transition:background .2s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-wide{max-width:760px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:15px;font-weight:700;color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;background:var(--surface-2)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--surface);box-shadow:var(--shadow-lg);z-index:160;display:flex;flex-direction:column;overflow:hidden}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:15px;font-weight:700;color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:18px}.tab{padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--blue-text);border-bottom-color:var(--blue);font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-weight:500;flex-shrink:0;min-width:90px}.detail-value{color:var(--text-primary);text-align:right;word-break:break-all}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius);font-size:13px;line-height:1.5}.alert-success{background:var(--green-light);color:var(--green-text);border:1px solid var(--green-muted)}.alert-error{background:var(--red-light);color:var(--red-text);border:1px solid var(--red-muted)}.alert-info{background:var(--blue-light);color:var(--blue-text);border:1px solid var(--blue-muted)}.alert-warning{background:var(--amber-light);color:var(--amber-text);border:1px solid var(--amber-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:10px}.empty-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.spin{animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);gap:10px;font-size:13px}.pagination{display:flex;align-items:center;gap:4px;justify-content:flex-end;padding:12px 16px}.page-btn{min-width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all .15s;padding:0 8px}.page-btn:hover{border-color:var(--blue-mid);color:var(--blue-text);background:var(--blue-light)}.page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#f0f9ff,#ecfdf5);padding:20px}.login-card{width:min(900px,100%);min-height:480px;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.8)}.login-left{background:linear-gradient(145deg,#1d4ed8,#2563eb,#3b82f6);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:28px;color:#fff;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff0f}.login-left:after{content:"";position:absolute;bottom:-80px;left:-40px;width:260px;height:260px;border-radius:50%;background:#ffffff0a}.login-logo-wrap{display:flex;align-items:center;gap:12px;z-index:1}.login-logo-icon{width:44px;height:44px;border-radius:12px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3)}.login-logo-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.login-headline{z-index:1}.login-headline h1{font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}.login-headline p{font-size:13.5px;opacity:.8;line-height:1.7}.login-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:1}.login-stat-item{background:#ffffff1f;border-radius:var(--radius);padding:12px 14px;border:1px solid rgba(255,255,255,.15)}.login-stat-num{font-size:20px;font-weight:800;letter-spacing:-.03em}.login-stat-label{font-size:11px;opacity:.7;margin-top:2px}.login-right{background:var(--surface);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:28px}.login-form-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px}.login-form-sub{font-size:13px;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:14px}.turnstile-wrap{display:flex;justify-content:center;min-height:65px;padding:2px 0}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.login-input{width:100%;height:46px;padding:0 12px 0 38px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:14px;outline:none;color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.login-input::placeholder{color:var(--text-muted)}.login-submit{width:100%;height:46px;background:var(--green);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.login-submit:not(:disabled):hover{background:var(--green-hover);box-shadow:0 4px 14px #10b9814d;transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.provider-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s}.provider-item:last-child{border-bottom:none}.provider-item:hover{background:var(--surface-2)}.provider-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.provider-status-dot.ok{background:var(--green);box-shadow:0 0 0 3px var(--green-muted)}.provider-status-dot.warning{background:var(--amber);box-shadow:0 0 0 3px var(--amber-muted)}.provider-status-dot.down{background:var(--red);box-shadow:0 0 0 3px var(--red-muted)}.provider-status-dot.unknown{background:var(--text-muted);box-shadow:0 0 0 3px var(--surface-3)}.provider-info{flex:1;min-width:0}.provider-name{font-weight:600;font-size:13px;color:var(--text-primary)}.provider-url{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-priority{background:var(--blue-light);color:var(--blue-text);font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.provider-price-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.provider-price-title{margin-bottom:8px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.provider-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.provider-price-chip,.provider-price-single,.provider-balance-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:8px 10px}.provider-price-chip span,.provider-price-single span,.provider-balance-box span,.provider-balance-box small{display:block;color:var(--text-muted);font-size:10px}.provider-price-single span{display:inline-flex;align-items:center;gap:3px}.provider-price-chip strong,.provider-price-single strong,.provider-balance-box strong{display:block;margin-top:3px;color:var(--green-text);font-size:13px;font-weight:700}.provider-balance-box{margin-top:8px;border-color:var(--blue-muted);background:var(--blue-light)}.provider-balance-box strong{color:var(--blue-text)}.provider-price-remark{margin-top:8px;color:var(--text-muted);font-size:11px;line-height:1.5}.trend-chart-wrap{padding:8px 4px 0}.bot-preview-wrap{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius);padding:20px}.bot-preview-title{color:#ffffff80;font-size:11px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em}.bot-btn-grid{display:flex;flex-direction:column;gap:8px}.bot-btn-row{display:flex;gap:8px}.bot-btn-item{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:9px 14px;font-size:13px;text-align:center;cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bot-btn-item:hover{background:#ffffff2e}.bot-btn-item.disabled{opacity:.4;cursor:default}.bot-btn-item.selected{background:#2563eb80;border-color:#2563ebcc}.settings-group{margin-bottom:28px}.settings-group-title{font-size:13px;font-weight:700;color:var(--text-primary);padding:0 0 10px;border-bottom:1px solid var(--border);margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--text-muted)}.setting-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,360px);align-items:center;gap:18px;margin:10px 0;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.setting-row:last-child{border-bottom:1px solid var(--border)}.setting-info{flex:1;min-width:0}.setting-title{font-size:14px;font-weight:700;color:var(--text-primary)}.setting-remark{font-size:12px;color:var(--text-muted);margin-top:5px;line-height:1.5}.setting-value-wrap{min-width:0;display:flex;align-items:center;gap:8px}.setting-value-wrap code{min-height:34px;display:flex;align-items:center}.setting-key-pill,.setting-type-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:7px;border:1px solid var(--border);border-radius:99px;background:var(--surface-3);color:var(--text-tertiary);padding:2px 8px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:10.5px}.setting-type-pill{margin-left:6px;color:var(--blue-text);background:var(--blue-light);border-color:var(--blue-muted);font-family:inherit;font-weight:700}.demo-note{margin:0 0 10px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--green);background:#22c55e14;font-size:12px}.business-page{max-width:1180px}.business-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.business-kicker{font-size:11px;color:var(--green);font-weight:700;margin-bottom:4px}.business-title{color:var(--text-primary);font-size:20px;font-weight:800}.business-message{width:max-content;max-width:100%;margin-bottom:14px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-size:12px}.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.business-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;max-width:1180px}.business-config-card{display:grid;grid-template-columns:42px minmax(0,1fr) max-content;align-items:center;gap:14px;min-height:138px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.business-config-card:hover{border-color:var(--green);background:var(--surface-2);transform:translateY(-1px)}.business-config-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);background:#22c55e1f;color:var(--green)}.business-config-icon.accent-amber{background:#f59e0b1f;color:var(--amber)}.business-config-icon.accent-blue{background:#3b82f61f;color:var(--blue)}.business-config-icon.accent-purple{background:#8b5cf61f;color:var(--purple)}.business-config-main{min-width:0;display:flex;flex-direction:column;gap:6px}.business-config-title{color:var(--text-primary);font-size:16px;font-weight:800}.business-config-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.business-config-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.business-config-summary span{display:inline-flex;width:max-content;padding:3px 8px;border:1px solid var(--border);border-radius:99px;background:var(--surface-2);color:var(--text-secondary);font-size:11px}.business-config-action{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--green);background:#22c55e14;font-size:12px;font-weight:700}.business-modal{max-width:680px}.business-modal-fields{display:grid;gap:14px}.business-modal-field{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.business-modal-label{display:block;color:var(--text-primary);font-size:13px;font-weight:800;margin-bottom:6px}.nav-link-editor{display:flex;flex-direction:column;gap:10px}.nav-link-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) 36px;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.empty-state.compact{min-height:auto;padding:18px}.business-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.business-card-head{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.business-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:#22c55e1f;color:var(--green);flex-shrink:0}.business-card-title{color:var(--text-primary);font-size:15px;font-weight:800}.business-card-desc{margin-top:4px;color:var(--text-muted);font-size:12px;line-height:1.5}.business-fields{padding:14px 16px 16px}.business-field{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;padding:12px 0;border-bottom:1px solid var(--border)}.business-field:last-child{border-bottom:0}.business-field-label{color:var(--text-primary);font-size:13px;font-weight:700}.business-field-hint{margin-top:3px;color:var(--text-muted);font-size:11.5px;line-height:1.45}.business-field-key{display:inline-flex;margin-top:7px;padding:2px 7px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-tertiary);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:10px}.business-control{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;width:100%}.business-input-wrap{display:flex;align-items:center;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.business-input{min-width:0;width:100%;height:36px;border:0;outline:none;background:transparent;color:var(--text-primary);padding:0 10px;font-size:14px}.business-select{width:100%;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);padding:0 10px;outline:none;font-size:14px}.business-select:focus{border-color:var(--green)}.business-input-wrap span{padding:0 10px;color:var(--text-muted);font-size:12px;border-left:1px solid var(--border)}.business-textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);padding:10px;font-size:12px;line-height:1.5;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.business-control .btn{white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-5{padding:20px}.w-full{width:100%}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.api-badge{display:flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:3px 10px 3px 8px;font-size:11px;color:var(--text-muted);max-width:240px;overflow:hidden}.api-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}@media(max-width:768px){.login-card{grid-template-columns:1fr}.login-left{display:none}.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.sidebar{display:none}.drawer{width:100%}.business-grid,.business-config-grid{grid-template-columns:1fr}.business-config-card{grid-template-columns:42px minmax(0,1fr)}.business-config-action{grid-column:2;width:max-content}.business-modal-field{grid-template-columns:1fr}.nav-link-row{grid-template-columns:1fr 1fr 36px}.business-field{grid-template-columns:1fr}.business-control{grid-template-columns:1fr;align-items:stretch}}:root{--op-bg: #f5f7fb;--op-bg-soft: #f8fafc;--op-card: #ffffff;--op-card-hover: #fbfdff;--op-border: #e5eaf3;--op-border-strong: #d8e1ef;--op-primary: #3370ff;--op-primary-hover: #245bdb;--op-primary-soft: #eef4ff;--op-success: #16a34a;--op-success-soft: #eaf8ef;--op-warning: #f59e0b;--op-warning-soft: #fff7e6;--op-danger: #dc2626;--op-danger-soft: #fff1f2;--op-info: #0284c7;--op-info-soft: #eaf6ff;--op-text: #1f2937;--op-text-secondary: #667085;--op-text-muted: #98a2b3;--op-text-inverse: #ffffff;--op-sidebar-bg: #ffffff;--op-sidebar-active: #eef4ff;--op-sidebar-active-text: #245bdb;--op-sidebar-text: #344054;--op-sidebar-muted: #98a2b3;--op-radius-sm: 6px;--op-radius: 10px;--op-radius-lg: 14px;--op-shadow-card: 0 8px 24px rgba(15, 23, 42, .04);--op-shadow-popover: 0 16px 40px rgba(15, 23, 42, .12);--op-sidebar-width: 224px;--op-header-height: 56px;--op-page-padding: 20px;--page-bg: var(--op-bg);--surface: var(--op-card);--surface-2: var(--op-bg-soft);--surface-3: #eef2f7;--border: var(--op-border);--border-2: var(--op-border-strong);--text-primary: var(--op-text);--text-secondary: var(--op-text-secondary);--text-tertiary: #7b8798;--text-muted: var(--op-text-muted);--blue: var(--op-primary);--blue-hover: var(--op-primary-hover);--blue-light: var(--op-primary-soft);--blue-muted: #dbe7ff;--blue-mid: #9bbcff;--blue-text: var(--op-primary-hover);--green: var(--op-success);--green-hover: #15803d;--green-light: var(--op-success-soft);--green-muted: #cdeed8;--green-text: #12733b;--red: var(--op-danger);--red-light: var(--op-danger-soft);--red-muted: #fecdd3;--red-text: #b91c1c;--amber: var(--op-warning);--amber-light: var(--op-warning-soft);--amber-muted: #fde68a;--amber-text: #92400e;--radius-sm: var(--op-radius-sm);--radius: var(--op-radius);--radius-lg: var(--op-radius-lg);--sidebar-w: var(--op-sidebar-width);--header-h: var(--op-header-height);--shadow: var(--op-shadow-card);--shadow-sm: var(--op-shadow-card);--shadow-md: 0 12px 32px rgba(15, 23, 42, .08);--shadow-lg: var(--op-shadow-popover)}body{background:var(--op-bg);color:var(--op-text)}.btn{height:34px;border-radius:var(--op-radius-sm);font-weight:600;box-shadow:none}.btn-primary,.btn-blue{background:var(--op-primary);border-color:var(--op-primary);color:#fff}.btn-primary:not(:disabled):hover,.btn-blue:not(:disabled):hover{background:var(--op-primary-hover);border-color:var(--op-primary-hover);box-shadow:0 8px 18px #3370ff2e}.btn-secondary,.icon-btn{background:var(--op-card);border-color:var(--op-border-strong);color:var(--op-text-secondary)}.btn-secondary:not(:disabled):hover,.icon-btn:hover{background:var(--op-primary-soft);border-color:#3370ff47;color:var(--op-primary-hover)}.btn-danger{background:var(--op-card);border-color:#dc26263d;color:var(--op-danger)}.btn-danger:not(:disabled):hover{background:var(--op-danger-soft);border-color:#dc26265c}.table-wrap{border-color:var(--op-border);border-radius:var(--op-radius);box-shadow:none}table{background:var(--op-card)}thead tr{background:#f8fafd}th{height:34px;color:var(--op-text-secondary);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}td{height:38px;color:var(--op-text-secondary);font-size:12px}tbody tr:hover{background:#f7fbff}.td-primary{color:#334155;font-weight:500}.td-mono,.td-plain{color:#475569;font-weight:400}.pagination{justify-content:flex-end;padding:12px 0}.page-btn{height:30px;min-width:66px;border-color:var(--op-border-strong);border-radius:var(--op-radius-sm);background:var(--op-card)}.page-btn:hover{border-color:#3370ff5c;background:var(--op-primary-soft);color:var(--op-primary-hover)}.form-input,.form-select,.form-textarea,.search-input,.filter-select,.business-input-wrap,.business-select,.business-textarea{border-color:var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-card)}.form-input:focus,.form-select:focus,.form-textarea:focus,.search-input:focus,.filter-select:focus,.business-select:focus,.business-textarea:focus{border-color:var(--op-primary);box-shadow:0 0 0 3px #3370ff1f}.card,.modal,.drawer{border-color:var(--op-border);border-radius:var(--op-radius);box-shadow:var(--op-shadow-card)}.modal-overlay,.drawer-overlay{background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header,.drawer-header,.modal-footer{background:var(--op-card);border-color:var(--op-border)}.modal-title,.drawer-title,.card-title{color:var(--op-text);font-weight:700}.badge{border-radius:999px;font-weight:650}.op-admin-shell{min-height:100vh;display:flex;background:var(--op-bg)}.op-main{min-width:0;flex:1;display:flex;flex-direction:column}.op-sidebar{position:sticky;top:0;width:var(--op-sidebar-width);height:100vh;flex-shrink:0;display:flex;flex-direction:column;background:var(--op-sidebar-bg);border-right:1px solid var(--op-border);z-index:50}.op-sidebar-brand{height:var(--op-header-height);display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--op-border)}.op-sidebar-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--op-primary),#5b8cff);box-shadow:0 8px 18px #3370ff38}.op-sidebar-brand-name{color:var(--op-text);font-size:14px;font-weight:700;line-height:1.2}.op-sidebar-brand-sub{margin-top:2px;color:var(--op-text-muted);font-size:11px;line-height:1.2}.op-sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.op-sidebar-section{margin:12px 8px 6px;color:var(--op-sidebar-muted);font-size:12px;font-weight:600}.op-nav-item{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;border-radius:var(--op-radius-sm);color:var(--op-sidebar-text);text-align:left;transition:background .16s ease,color .16s ease}.op-nav-item:hover{background:var(--op-bg-soft);color:var(--op-primary-hover)}.op-nav-item.is-active{background:var(--op-sidebar-active);color:var(--op-sidebar-active-text);font-weight:700}.op-nav-item.is-parent{min-height:44px}.op-nav-item.is-parent.is-active{background:transparent;color:var(--op-text)}.op-nav-item.is-child{width:calc(100% - 18px);margin-left:18px}.op-nav-children{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px}.op-nav-caret{display:inline-flex;margin-left:auto;color:var(--op-sidebar-muted)}.op-nav-icon{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0}.op-nav-text{min-width:0;display:flex;flex-direction:column}.op-nav-label{font-size:13px;line-height:1.25}.op-nav-sub{max-width:146px;overflow:hidden;color:var(--op-sidebar-muted);font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.op-sidebar-footer{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--op-border)}.op-sidebar-user{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:0;padding:8px 10px;border-radius:var(--op-radius-sm);background:var(--op-bg-soft)}.op-sidebar-avatar{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--op-primary-soft);color:var(--op-primary-hover);font-size:12px;font-weight:700}.op-sidebar-user-name{min-width:0;overflow:hidden;color:var(--op-text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.op-logout-btn{width:100%;height:32px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;border-radius:var(--op-radius-sm);color:var(--op-text-secondary);font-size:12px;line-height:1}.op-logout-btn:hover{background:var(--op-danger-soft);color:var(--op-danger)}.op-topbar{height:var(--op-header-height);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--op-page-padding);background:var(--op-card);border-bottom:1px solid var(--op-border);z-index:40}.op-topbar-left,.op-topbar-right{min-width:0;display:flex;align-items:center;gap:10px}.op-breadcrumb{display:flex;align-items:center;gap:5px;color:var(--op-text-muted);font-size:12px}.op-topbar-user,.op-api-badge{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--op-border);border-radius:999px;background:var(--op-card);color:var(--op-text-secondary);font-size:12px}.op-api-dot{width:7px;height:7px;border-radius:50%;background:var(--op-success)}.op-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px var(--op-page-padding) 14px;background:var(--op-bg)}.op-page-title{color:var(--op-text);font-size:20px;font-weight:700;line-height:1.3}.op-page-subtitle{margin-top:4px;color:var(--op-text-secondary);font-size:13px}.op-page-actions{display:inline-flex;align-items:center;gap:8px}.op-content{flex:1;padding:var(--op-page-padding)}.op-section-card{background:var(--op-card);border:1px solid var(--op-border);border-radius:var(--op-radius);box-shadow:var(--op-shadow-card)}.op-section-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 16px;border-bottom:1px solid var(--op-border)}.op-section-card-title{color:var(--op-text);font-size:14px;font-weight:700}.op-section-card-description{margin-top:3px;color:var(--op-text-muted);font-size:12px}.op-section-card-body{padding:16px}.op-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.op-toolbar-title{color:var(--op-text);font-size:15px;font-weight:700}.op-toolbar-subtitle{margin-top:2px;color:var(--op-text-muted);font-size:12px}.op-dashboard-page{display:flex;flex-direction:column;gap:14px}.op-control-hero{border-color:#3370ff29;background:linear-gradient(135deg,#3370ff14,#fff0 42%),var(--op-card)}.op-toolbar-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.op-current-provider{display:inline-flex;align-items:center;gap:8px;max-width:420px;min-height:34px;padding:5px 8px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-card);color:var(--op-text-secondary)}.op-current-provider.is-ok{border-color:#16a34a2e;background:var(--op-success-soft)}.op-current-provider.is-down{border-color:#dc26262e;background:var(--op-danger-soft)}.op-current-provider>svg{flex-shrink:0;color:var(--op-primary)}.op-current-provider div{min-width:0}.op-current-provider span{display:block;color:var(--op-text-muted);font-size:10px;line-height:1.1}.op-current-provider strong{display:block;max-width:150px;overflow:hidden;color:var(--op-text);font-size:12px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.op-control-hero.is-ok{border-color:#16a34a2e}.op-control-hero.is-down{border-color:#dc262629}.op-control-hero .op-section-card-body{padding:18px}.op-control-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.op-control-hero-main{min-width:280px;display:flex;align-items:center;gap:14px}.op-control-hero-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:var(--op-primary-soft);color:var(--op-primary)}.op-control-eyebrow{color:var(--op-primary-hover);font-size:12px;font-weight:700}.op-control-title{margin-top:2px;color:var(--op-text);font-size:28px;font-weight:800;line-height:1.15}.op-control-desc{margin-top:5px;color:var(--op-text-secondary);font-size:13px}.op-control-metrics{display:grid;grid-template-columns:repeat(4,max-content);align-items:center;gap:10px}.op-mini-metric{min-width:110px;padding:8px 10px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:#ffffffb8}.op-mini-metric span{display:block;color:var(--op-text-muted);font-size:11px}.op-mini-metric strong{display:block;margin-top:2px;color:var(--op-text);font-size:12px;font-weight:700}.op-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px}.op-kpi-card{min-height:122px}.op-kpi-card .op-section-card-body{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 16px 16px}.op-kpi-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.op-kpi-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--op-primary);background:var(--op-primary-soft)}.op-kpi-icon.green{color:var(--op-success);background:var(--op-success-soft)}.op-kpi-icon.blue{color:var(--op-primary);background:var(--op-primary-soft)}.op-kpi-icon.purple{color:#6366f1;background:#f0f2ff}.op-kpi-icon.teal{color:var(--op-info);background:var(--op-info-soft)}.op-kpi-icon.amber{color:var(--op-warning);background:var(--op-warning-soft)}.op-kpi-label{color:var(--op-text-secondary);font-size:12px;font-weight:600}.op-kpi-value-wrap{min-height:48px;display:flex;align-items:baseline;justify-content:center;gap:6px;text-align:center}.op-kpi-value{color:var(--op-primary);font-size:30px;font-weight:700;line-height:1.1}.op-kpi-value.is-small{font-size:24px}.op-kpi-unit{color:var(--op-success);font-size:12px;font-weight:600;line-height:1;text-transform:uppercase}.op-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:14px}.op-dashboard-wide{grid-column:1 / -1}.op-trend-chart{height:300px;padding:8px 12px 2px}.op-trend-chart .op-empty-state{height:260px;min-height:0}.op-chart-tooltip{min-width:112px;padding:9px 11px;border:1px solid rgba(51,112,255,.16);border-radius:var(--op-radius-sm);background:#fffffff5;box-shadow:var(--op-shadow-popover)}.op-chart-tooltip span,.op-chart-tooltip strong{display:block}.op-chart-tooltip span{color:var(--op-text-muted);font-size:12px}.op-chart-tooltip strong{margin-top:3px;color:var(--op-primary-hover);font-size:16px;font-weight:650}.op-provider-list{display:flex;flex-direction:column;gap:8px}.op-provider-row{display:grid;grid-template-columns:10px minmax(0,1fr) max-content;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-bg-soft)}.op-provider-row-side{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.op-provider-brief{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap;color:var(--op-text-secondary);font-size:12px}.op-provider-brief span{color:var(--op-text-muted)}.op-provider-brief strong{color:#047857;font-size:13px;font-weight:500}.op-provider-brief em{padding:1px 6px;border-radius:999px;background:var(--op-primary-soft);color:var(--op-primary);font-size:11px;font-style:normal}.op-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--op-border);background:var(--op-card)}.op-provider-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.op-provider-card{overflow:hidden}.op-provider-card .op-section-card-body{padding:0}.op-provider-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--op-border);background:var(--op-card)}.op-provider-card>.op-section-card-body>div:last-child{padding:14px 16px 16px}.op-energy-provider-page .op-provider-card-grid{gap:16px}.op-energy-provider-page .op-provider-card{border:1px solid var(--op-border-strong);background:#fff;box-shadow:0 10px 24px #0f172a0f}.op-energy-provider-page .op-provider-card:hover{border-color:#3370ff57;box-shadow:0 14px 32px #0f172a17}.op-energy-provider-page .op-provider-status-bar{height:4px;background:var(--op-border-strong)}.op-energy-provider-page .op-provider-status-ok .op-provider-status-bar{background:var(--op-success)}.op-energy-provider-page .op-provider-status-warning .op-provider-status-bar{background:var(--op-warning)}.op-energy-provider-page .op-provider-status-down .op-provider-status-bar{background:var(--op-danger)}.op-energy-provider-page .op-provider-card-head{border-bottom:1px solid var(--op-border-strong);background:linear-gradient(180deg,#fff,#f8fafc)}.op-energy-provider-page .op-provider-card>.op-section-card-body>div:last-child{margin:0;padding:14px 16px 16px;background:#fbfcff}.op-energy-provider-page .detail-row{min-height:42px;margin:0 -2px;padding:9px 2px;border-bottom:1px solid #e8eef7}.op-energy-provider-page .detail-row:hover{background:#3370ff06}.op-energy-provider-page .alert-warning{border-color:#f59e0b5c;background:#fff8ea}.op-energy-provider-page .provider-price-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--op-border-strong)}.op-energy-provider-page .provider-price-title{margin-bottom:9px;color:var(--op-text-secondary);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}.op-energy-provider-page .provider-price-grid{gap:8px}.op-energy-provider-page .provider-price-chip,.op-energy-provider-page .provider-price-single,.op-energy-provider-page .provider-balance-box{border:1px solid #dce5f2;border-radius:7px;background:#f8fafc;box-shadow:inset 0 1px #fffc}.op-energy-provider-page .provider-price-chip strong,.op-energy-provider-page .provider-price-single strong{color:#047857}.op-energy-provider-page .provider-balance-box{border-color:#c9daf8;background:#eef5ff}.op-energy-provider-page .provider-price-remark{margin-top:10px;padding-top:8px;border-top:1px dashed #d8e1ef}.op-detail-stack{display:flex;flex-direction:column;gap:12px}.op-settings-card .op-section-card-body{padding:0}.op-config-page{display:flex;flex-direction:column;gap:14px;padding:0;background:#f3f6fb}.op-config-overview .op-section-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--op-border-strong);border-radius:8px;background:var(--op-card)}.op-config-overview-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-config-stat{min-width:0;display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 10px;border:1px solid var(--op-border);border-radius:6px;background:var(--op-bg-soft)}.op-config-stat span{display:block;color:var(--op-text-muted);font-size:11px}.op-config-stat strong{display:block;margin-top:0;color:var(--op-text);font-size:13px;font-weight:650}.op-config-stat strong.is-small{font-size:12px;font-weight:500}.op-config-toolbar{display:flex;align-items:center;gap:10px;justify-content:flex-end}.op-config-search{width:320px;min-width:220px}.op-config-message{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-info-soft);color:var(--op-info);font-size:13px}.op-config-message.is-success{border-color:#16a34a2e;background:var(--op-success-soft);color:var(--op-success)}.op-config-message.is-error{border-color:#dc26262e;background:var(--op-danger-soft);color:var(--op-danger)}.op-config-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.op-config-sidebar{position:sticky;top:calc(var(--op-header-height) + 16px);display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--op-border-strong);border-radius:8px;background:var(--op-card);box-shadow:0 8px 20px #0f172a0a}.op-config-nav-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;width:100%;padding:11px 10px 11px 12px;border:1px solid transparent;border-left:3px solid transparent;border-radius:var(--op-radius-sm);background:transparent;color:var(--op-text-secondary);cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease}.op-config-nav-item:hover,.op-config-nav-item.is-active{border-color:#3370ff52;border-left-color:var(--op-primary);background:var(--op-primary-soft);color:var(--op-primary)}.op-config-nav-item.is-active{box-shadow:inset 0 0 0 1px #3370ff14}.op-config-nav-icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:var(--op-radius-sm);background:#f3f7ff}.op-config-nav-main{min-width:0}.op-config-nav-main strong,.op-config-nav-main small{display:block}.op-config-nav-main strong{color:var(--op-text);font-size:13px;font-weight:750}.op-config-nav-main small{margin-top:3px;color:var(--op-text-muted);font-size:11px}.op-config-panel .op-section-card-body{padding:0}.op-config-panel{overflow:hidden;border-color:var(--op-border-strong);border-radius:8px;box-shadow:0 8px 20px #0f172a0a}.op-config-panel>.op-section-card-header{padding:14px 16px;border-bottom:1px solid var(--op-border-strong);background:#fbfcfe}.op-config-warning{display:flex;align-items:center;gap:8px;margin:12px 14px;padding:8px 10px;border:1px solid #dbe3ef;border-radius:6px;background:var(--op-bg-soft);color:var(--op-text-secondary);font-size:12px}.op-config-sections{display:flex;flex-direction:column;gap:12px;padding:0 14px 14px}.op-config-section{overflow:hidden;border:1px solid #d8e1ef;border-radius:7px;background:var(--op-card)}.op-config-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #d8e1ef;background:#f6f8fc}.op-config-section-head h3{margin:0;color:var(--op-text);font-size:13px;font-weight:650}.op-config-section-head p{margin:2px 0 0;color:var(--op-text-muted);font-size:11px}.op-config-section-body{background:var(--op-card)}.op-config-field{min-width:0;display:grid;grid-template-columns:minmax(520px,1fr) max-content;gap:18px;align-items:center;min-height:50px;padding:8px 14px;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;background:var(--op-card);transition:background .16s ease}.op-config-field:last-child{border-bottom:0}.op-config-field:hover{background:#f8fbff}.op-config-field.is-wide{align-items:start;grid-template-columns:minmax(0,1fr);gap:8px}.op-config-field.is-changed{border-left:3px solid var(--op-primary);padding-left:11px;background:#f8fbff}.op-config-copy{min-width:0;display:flex;align-items:center;gap:10px}.op-config-field-head{display:flex;align-items:center;flex:0 0 auto;gap:8px;min-width:0}.op-config-label{display:flex;align-items:center;gap:6px;color:var(--op-text);font-size:13px;font-weight:650;white-space:nowrap}.op-config-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:0}.op-config-meta code{padding:1px 6px;border:1px solid var(--op-border);border-radius:5px;background:var(--op-bg-soft);color:var(--op-text-secondary);font-size:11px;line-height:1.6}.op-config-remark{flex:1 1 auto;max-width:none;min-height:0;margin:0;color:var(--op-text-secondary);font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-config-control{display:flex;min-width:0;flex-direction:column;align-items:flex-end;justify-self:end;width:auto}.op-config-input-shell{display:flex;align-items:center;width:340px;border:1px solid #ccd6e5;border-radius:5px;background:var(--op-card)}.op-config-control.is-number .op-config-input-shell{width:172px}.op-config-control.is-text .op-config-input-shell{width:320px}.op-config-control.is-long .op-config-input-shell{width:min(100%,500px)}.op-config-field.is-wide .op-config-copy{align-items:flex-start;margin-bottom:2px}.op-config-field.is-wide .op-config-remark{white-space:normal}.op-config-field.is-wide .op-config-control{width:100%;align-items:stretch}.op-config-input{width:100%;border:0;box-shadow:none;background:transparent}.op-config-input:focus{box-shadow:none}.op-config-unit{flex-shrink:0;min-width:52px;padding:0 10px;border-left:1px solid var(--op-border);color:var(--op-text-muted);font-size:12px;text-align:center}.op-config-json{width:100%;height:142px;margin-top:2px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;background:#0f172a;color:#dbeafe}.op-config-hint{margin-top:6px;color:var(--op-text-muted);font-size:11px}.op-config-switch{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid #ccd6e5;border-radius:5px;background:var(--op-bg-soft);color:var(--op-text-secondary);font-size:12px}.op-config-switch input{width:15px;height:15px;accent-color:var(--op-primary)}.op-config-error{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--op-danger);font-size:12px}.op-config-savebar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;border-top:1px solid var(--op-border-strong);border-radius:0 0 8px 8px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--op-text-secondary);font-size:12px;box-shadow:0 -12px 26px #0f172a14}.op-business-card .op-section-card-body{padding:0}.op-business-card .business-config-card{width:100%;height:100%;border:0;box-shadow:none}.op-bot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.2fr);gap:14px}.op-selected-panel{margin-top:16px;overflow:hidden;border:1px solid var(--op-border);border-radius:var(--op-radius);background:var(--op-bg-soft)}.op-list-page{display:flex;flex-direction:column;gap:14px}.op-filter-card .op-section-card-body{padding:14px 16px}.op-filter-form{display:grid;grid-template-columns:minmax(260px,1fr) 150px 150px max-content max-content;align-items:center;gap:10px}.op-filter-search{min-width:0;max-width:none}.op-table-card .op-section-card-body{padding:0}.op-table-card .demo-note{margin:0}.op-inner-table{border:0;border-radius:0}.op-inner-table table{border-radius:0}.op-inner-table th{background:#f8fafd;color:#64748b;font-weight:500}.op-inner-table tbody tr{border-bottom:1px solid #eef2f7}.op-inner-table tbody tr:nth-child(2n){background:#fbfdff}.op-inner-table tbody tr:hover{background:#eef6ff}.op-inner-table td{padding-top:6px;padding-bottom:6px;color:#475569}.op-inner-table td:first-child,.op-inner-table th:first-child{padding-left:18px}.op-inner-table td:last-child,.op-inner-table th:last-child{padding-right:18px;text-align:right}.op-table-card .pagination{padding:9px 16px;border-top:1px solid var(--op-border);background:var(--op-card)}.op-data-page{display:flex;min-height:calc(100vh - var(--op-header-height) - var(--op-page-padding) * 2);flex-direction:column;gap:12px}.op-dense-filter .op-section-card-body{padding:8px 10px}.op-admin-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,1fr)) auto;gap:10px;align-items:end}.op-admin-filters.is-compact{grid-template-columns:minmax(360px,1fr) max-content max-content max-content max-content;align-items:center;gap:8px;overflow-x:auto;padding-bottom:1px}.op-admin-filters label{display:flex;min-width:0;flex-direction:column;gap:5px}.op-admin-filters label>span{color:var(--op-text-muted);font-size:11px;line-height:1}.op-admin-filters .form-input,.op-admin-filters .filter-select,.op-admin-filters .search-input{height:34px;font-size:12px}.op-admin-filters.is-compact .search-input-wrap{min-width:340px}.op-admin-filters.is-compact .search-input{width:100%}.op-admin-filters.is-compact .filter-select{width:132px}.op-date-range-picker{position:relative;width:258px}.op-date-range-trigger{width:100%;height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:#fff;color:var(--op-text-muted);font-size:12px;text-align:left;white-space:nowrap}.op-date-range-trigger.has-value{color:var(--op-text)}.op-date-range-trigger:hover,.op-date-range-trigger:focus{border-color:#3370ff8c;box-shadow:0 0 0 3px #3370ff1a}.op-date-range-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}.op-date-range-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:90;width:292px;padding:10px;border:1px solid var(--op-border-strong);border-radius:8px;background:#fff;box-shadow:var(--op-shadow-popover)}.op-date-range-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.op-date-range-shortcuts button,.op-calendar-head button{min-height:28px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-bg-soft);color:var(--op-text-secondary);font-size:12px}.op-date-range-shortcuts button{display:inline-flex;align-items:center;justify-content:center;gap:3px}.op-date-range-shortcuts button:hover,.op-calendar-head button:hover{border-color:#3370ff47;background:var(--op-primary-soft);color:var(--op-primary)}.op-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.op-calendar-head strong{color:var(--op-text);font-size:13px;font-weight:600}.op-calendar-head button{width:30px;display:inline-grid;place-items:center}.op-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.op-calendar-grid.is-week{margin-bottom:4px}.op-calendar-grid.is-week span{height:22px;display:grid;place-items:center;color:var(--op-text-muted);font-size:11px}.op-calendar-grid button{height:30px;border-radius:var(--op-radius-sm);color:var(--op-text-secondary);font-size:12px}.op-calendar-grid button:hover{background:var(--op-primary-soft);color:var(--op-primary)}.op-calendar-grid button.is-outside{color:#cbd5e1}.op-calendar-grid button.is-ranged{background:#eef4ff;color:var(--op-primary)}.op-calendar-grid button.is-selected{background:var(--op-primary);color:#fff}.op-date-range-foot{margin-top:9px;padding-top:8px;border-top:1px solid var(--op-border);color:var(--op-text-muted);font-size:11px;text-align:center}.op-filter-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.op-data-table-card{flex:1;min-height:0}.op-data-table-card .op-section-card-header{padding:12px 16px}.op-data-table-card .op-section-title{font-size:14px;font-weight:600}.op-data-table-card .op-section-description{font-size:12px}.op-management-table{overflow:auto}.op-management-table table{min-width:1040px}.op-management-table th{height:32px;background:#f7f9fd}.op-management-table td{height:36px}.op-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.op-row-actions .btn{height:28px;padding:0 8px;font-weight:500}.op-user-cell{display:flex;min-width:0;flex-direction:column;gap:2px}.op-user-cell span{overflow:hidden;color:var(--op-text);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.op-user-cell small{overflow:hidden;color:var(--op-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.op-center-modal{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);overflow:hidden}.op-center-modal .modal-body{max-height:calc(100vh - 148px);overflow:auto;background:var(--op-bg)}.op-user-detail-modal{height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column}.op-user-detail-modal .modal-header{flex:0 0 auto}.op-user-detail-modal .modal-body{flex:1 1 auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden}.op-user-detail-modal .op-modal-workspace{flex:1 1 auto;min-height:0}.op-user-detail-modal .op-tab-panel{flex:1 1 auto;min-height:0;overflow:auto}.op-user-detail-modal .op-inner-table{max-height:100%}.op-modal-workspace{display:flex;flex-direction:column;gap:12px}.op-compact-tabs{margin-bottom:0;border-bottom-color:var(--op-border);background:var(--op-card)}.op-user-assets,.op-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--op-border);border-radius:var(--op-radius);background:var(--op-card)}.op-user-assets div,.op-order-summary div{min-width:0;padding:10px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-bg-soft)}.op-user-assets span,.op-order-summary span,.op-info-item span{display:block;color:var(--op-text-muted);font-size:11px}.op-user-assets strong,.op-order-summary strong,.op-info-item strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:var(--op-text);font-size:13px;font-weight:500}.op-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-info-item{min-width:0;padding:11px 12px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-card)}.op-modal-form{display:flex;flex-direction:column;gap:12px}.op-modal-form label{display:flex;flex-direction:column;gap:6px}.op-modal-form label>span{color:var(--op-text-secondary);font-size:12px}.op-modal-footer-inline{margin:4px -16px -16px}.op-status-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.op-status-options button{display:flex;min-height:64px;align-items:center;justify-content:center;border:1px solid var(--op-border);border-radius:var(--op-radius);background:var(--op-card)}.op-status-options button.is-active{border-color:#3370ff59;background:var(--op-primary-soft)}.op-detail-drawer{background:var(--op-bg)}.op-detail-drawer-header{background:var(--op-card)}.op-detail-drawer .drawer-body{display:flex;flex-direction:column;gap:12px;padding:14px}.op-detail-summary{border-color:#3370ff2e}.op-detail-summary .op-section-card-body{padding:14px}.op-detail-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.op-detail-summary-label{color:var(--op-text-muted);font-size:12px}.op-detail-summary-title{margin-top:3px;color:var(--op-text);font-size:22px;font-weight:800}.op-detail-summary-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.op-detail-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.op-detail-summary-grid div{padding:9px 10px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-bg-soft)}.op-detail-summary-grid span{display:block;color:var(--op-text-muted);font-size:11px}.op-detail-summary-grid strong{display:block;margin-top:2px;color:var(--op-text);font-size:12px;font-weight:700}.op-detail-section .op-section-card-body{padding:6px 14px}.op-detail-row{min-height:42px;border-color:var(--op-border)}.op-status-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:2px 9px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap}.op-status-badge.is-success{background:var(--op-success-soft);border-color:#16a34a2e;color:var(--op-success)}.op-status-badge.is-warning{background:var(--op-warning-soft);border-color:#f59e0b38;color:#b45309}.op-status-badge.is-danger{background:var(--op-danger-soft);border-color:#dc26262e;color:var(--op-danger)}.op-status-badge.is-info{background:var(--op-info-soft);border-color:#0284c72e;color:var(--op-info)}.op-status-badge.is-neutral{background:var(--op-bg-soft);border-color:var(--op-border);color:var(--op-text-secondary)}.op-management-table .op-order-soft-badge{font-weight:400}.op-order-finance{display:grid;gap:3px;min-width:132px;color:var(--op-text-secondary);font-size:12px;line-height:1.35}.op-order-finance span{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.op-order-finance em{color:var(--op-text-muted);font-style:normal}.op-order-finance .is-profit{color:#047857}.op-provider-code{display:inline-flex;align-items:center;min-height:22px;padding:1px 8px;border:1px solid var(--op-border);border-radius:999px;background:var(--op-bg-soft);color:var(--op-text-secondary);font-size:12px;font-weight:400}.times-price-list{display:grid;gap:8px;margin-top:12px}.times-price-item,.times-price-empty{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);background:var(--op-bg-soft)}.times-price-item span,.times-price-empty{color:var(--op-text-muted);font-size:12px}.times-price-item strong{color:#047857;font-size:13px;font-weight:500;text-align:right}.op-times-config-panel .op-section-card-body{display:grid;gap:14px}.times-config-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px}.times-config-field{display:grid;gap:7px;padding:12px;border:1px solid var(--op-border);border-radius:var(--op-radius);background:var(--op-bg-soft)}.times-config-field>span{color:var(--op-text-secondary);font-size:12px}.times-config-field .business-input-wrap,.times-config-field .business-select{width:100%}.times-config-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--op-border);color:var(--op-text-secondary);font-size:12px}.business-config-icon.accent-teal{background:#14b8a61f;color:#0f766e}.business-modal-field.is-key-value{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr);align-items:center}.business-modal-copy{display:grid;gap:4px;min-width:0}.business-modal-hint{color:var(--op-text-muted);font-size:12px;line-height:1.45}.business-modal-preview,.business-modal-note{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--op-border);border-radius:var(--op-radius);background:var(--op-bg-soft);color:var(--op-text-secondary);font-size:12px}.business-modal-note{border-color:#f59e0b3d;background:var(--op-warning-soft);color:#92400e}.business-modal-preview span{padding:4px 8px;border:1px solid var(--op-border);border-radius:999px;background:var(--op-card)}.op-exchange-preview{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--op-border);border-radius:var(--op-radius);background:var(--op-bg-soft)}.op-exchange-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:var(--op-primary-soft);color:var(--op-primary)}.op-exchange-preview h3{margin:0 0 4px;color:var(--op-text);font-size:15px;font-weight:650}.op-exchange-preview p{margin:0;color:var(--op-text-secondary);font-size:13px;line-height:1.6}.op-exchange-rate{margin:0 5px;color:#047857;font-weight:500}.op-empty-state{display:flex;min-height:148px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px 20px;border:1px dashed var(--op-border-strong);border-radius:var(--op-radius);background:linear-gradient(180deg,#ffffff 0%,var(--op-bg-soft) 100%);color:var(--op-text-muted);text-align:center}.op-empty-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--op-primary-soft);color:var(--op-primary)}.op-empty-title{color:var(--op-text-secondary);font-size:13px;font-weight:700}.op-empty-description{max-width:360px;color:var(--op-text-muted);font-size:12px;line-height:1.7}.op-loading-state{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--op-text-muted);font-size:13px}.op-loading-state svg{color:var(--op-primary)}.op-action-button-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.op-action-button-group.is-start{justify-content:flex-start}.op-action-button-group.is-end{justify-content:flex-end}@media(max-width:768px){.op-sidebar{display:none}.op-topbar{height:auto;min-height:var(--op-header-height);align-items:flex-start;flex-direction:column;padding:12px 16px}.op-topbar-right{width:100%;justify-content:space-between}.op-page-header{align-items:flex-start;flex-direction:column;padding:16px}.op-content{padding:16px}.op-dashboard-grid,.op-filter-form,.op-control-metrics,.op-detail-summary-grid,.op-provider-card-grid,.op-bot-grid,.business-config-grid,.op-config-overview-grid,.op-config-workspace,.op-config-field{grid-template-columns:1fr}.op-config-control{justify-self:stretch}.op-config-toolbar,.op-config-savebar{align-items:stretch;flex-direction:column}.op-config-search{min-width:0}.op-config-sidebar{position:static}.op-control-hero-main{min-width:0}.op-section-card-header,.op-control-hero-inner,.op-card-toolbar,.op-page-toolbar{align-items:flex-start;flex-direction:column}.op-provider-row{grid-template-columns:10px minmax(0,1fr)}.op-provider-row-side{grid-column:2;align-items:flex-start}.drawer{width:100%}}