: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)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-xs);z-index:50;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 16px 16px;border-bottom:1px solid var(--border)}.sidebar-logo{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue),#3B82F6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #2563eb59}.sidebar-brand-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sidebar-brand-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.sidebar-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 8px 4px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;color:var(--text-secondary);font-size:13.5px;font-weight:500;-webkit-user-select:none;user-select:none;width:100%;text-align:left;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.active{background:var(--blue-light);color:var(--blue-text);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}.nav-item .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;font-size:10px;font-weight:600;padding:1px 5px;border-radius:99px;background:var(--green-muted);color:var(--green-text)}.sidebar-footer{padding:10px 8px 14px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm)}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .15s;background:none;border:none}.logout-btn:hover{background:var(--red-light);color:var(--red)}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--page-bg)}.page-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;gap:16px;position:sticky;top:0;z-index:40;box-shadow:var(--shadow-xs)}.page-title-wrap{display:flex;flex-direction:column;gap:1px}.page-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.3}.page-subtitle{font-size:11px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:8px}.page-content{flex:1;padding:24px;max-width:1480px;width:100%}.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}.page-content{padding:16px}.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}}