:root{--rg-primary: #ee4d2d;--rg-primary-hover: #d64524;--rg-primary-active: #bf3c1e;--rg-primary-soft: rgba(238, 77, 45, .08);--rg-primary-ring: rgba(238, 77, 45, .28);--rg-sidebar: #0f172a;--rg-sidebar-hover: rgba(255, 255, 255, .06);--rg-sidebar-text: #cbd5e1;--rg-sidebar-muted: #64748b;--rg-bg: #f5f7fa;--rg-card: #ffffff;--rg-border: #e5e9f0;--rg-border-strong: #d7dde8;--rg-text: #1e293b;--rg-text-sub: #64748b;--rg-text-muted: #94a3b8;--rg-success: #10b981;--rg-success-bg: #ecfdf5;--rg-danger: #ef4444;--rg-danger-bg: #fef2f2;--rg-warn: #f59e0b;--rg-warn-bg: #fffbeb;--rg-info: #6366f1;--rg-info-bg: #eef2ff;--rg-radius-btn: 10px;--rg-radius-input: 10px;--rg-radius-card: 14px;--rg-radius-badge: 999px;--rg-radius-modal: 16px;--rg-shadow-card: 0 1px 2px rgba(16, 24, 40, .06);--rg-shadow-pop: 0 12px 40px rgba(2, 6, 23, .18);--rg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--rg-font);font-size:14px;color:var(--rg-text);background:var(--rg-bg);-webkit-font-smoothing:antialiased}button{font-family:inherit}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#94a3b8}*::-webkit-scrollbar-track{background:transparent}@keyframes rg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rg-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rg-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes rg-spin{to{transform:rotate(360deg)}}.rg-fade-in{animation:rg-fade-in .18s ease}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#fff7f4,#f5f7fa 60%)}.boot-logo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--rg-primary),#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;box-shadow:0 8px 24px var(--rg-primary-ring)}.boot-text{color:var(--rg-text-sub);font-size:13px}.spinner{width:16px;height:16px;border:2px solid var(--rg-border-strong);border-top-color:var(--rg-primary);border-radius:50%;animation:rg-spin .7s linear infinite;display:inline-block;vertical-align:-3px}.auth{height:100%;display:flex}.auth-brand{width:420px;flex:none;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px;color:#fff;background:radial-gradient(120% 60% at 0% 0%,rgba(249,115,22,.35) 0%,transparent 60%),radial-gradient(120% 60% at 100% 100%,rgba(99,102,241,.35) 0%,transparent 60%),linear-gradient(160deg,#111827,#1e293b)}.auth-brand-top{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--rg-primary),#f97316);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 6px 18px #ee4d2d59}.brand-name{font-size:18px;font-weight:700;letter-spacing:.5px}.brand-sub{font-size:12px;color:#ffffffa6;margin-top:2px}.auth-hero h1{font-size:26px;line-height:1.4;margin:0 0 20px;font-weight:700}.trust-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.trust-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffd1}.trust-dot{width:6px;height:6px;border-radius:50%;background:#34d399;flex:none}.auth-brand-footer{font-size:12px;color:#fff6}.auth-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;overflow:auto}.auth-card{width:100%;max-width:400px;animation:rg-pop-in .2s ease}.auth-title{font-size:24px;font-weight:700;margin:0 0 6px}.auth-sub{color:var(--rg-text-sub);font-size:13px;margin:0 0 24px}.field{margin-bottom:14px}.field-label{display:block;font-size:13px;font-weight:500;color:var(--rg-text);margin-bottom:6px}.input{width:100%;padding:10px 14px;font-size:14px;color:var(--rg-text);background:#f8fafc;border:1px solid var(--rg-border);border-radius:var(--rg-radius-input);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus{background:#fff;border-color:var(--rg-primary);box-shadow:0 0 0 3px var(--rg-primary-ring)}.input::placeholder{color:var(--rg-text-muted)}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--rg-text-sub);margin:2px 0 16px}.check-row input[type=checkbox]{accent-color:var(--rg-primary);width:15px;height:15px}.banner{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:12px;font-size:13px;margin-bottom:16px;border:1px solid transparent;animation:rg-fade-in .18s ease}.banner-error{background:var(--rg-danger-bg);border-color:#fecaca;color:#b91c1c}.banner-info{background:var(--rg-info-bg);border-color:#c7d2fe;color:#4338ca}.banner-success{background:var(--rg-success-bg);border-color:#a7f3d0;color:#047857}.auth-switch{margin-top:20px;text-align:center;font-size:13px;color:var(--rg-text-sub)}.link-btn{background:none;border:none;padding:0;color:var(--rg-primary);font-size:13px;font-weight:600;cursor:pointer}.link-btn:hover{color:var(--rg-primary-hover);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;border-radius:var(--rg-radius-btn);border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--rg-primary);color:#fff;box-shadow:0 1px 2px var(--rg-primary-ring)}.btn-primary:hover:not(:disabled){background:var(--rg-primary-hover)}.btn-secondary{background:#fff;color:var(--rg-text);border-color:var(--rg-border-strong)}.btn-secondary:hover:not(:disabled){background:#f8fafc}.btn-danger{background:#fff;color:var(--rg-danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:var(--rg-danger-bg)}.btn-ghost{background:transparent;color:var(--rg-text-sub);border:none;padding:8px 10px}.btn-ghost:hover:not(:disabled){background:#0206170d;color:var(--rg-text)}.btn-block{width:100%}.btn-lg{padding:12px 18px;font-size:15px}.shell{height:100%;display:flex}.sidebar{width:232px;flex:none;background:var(--rg-sidebar);color:var(--rg-sidebar-text);display:flex;flex-direction:column;padding:16px 12px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:12px}.sidebar-brand .brand-logo{width:34px;height:34px;font-size:17px;border-radius:10px}.sidebar-brand-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:.4px}.sidebar-brand-sub{font-size:10px;color:var(--rg-sidebar-muted);margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;color:var(--rg-sidebar-text);background:none;border:none;border-radius:9px;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.nav-item:hover{background:var(--rg-sidebar-hover);color:#fff}.nav-item.active{background:var(--rg-primary-soft);color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--rg-primary)}.nav-item .icon{opacity:.75;flex:none}.nav-item.active .icon{opacity:1;color:var(--rg-primary)}.sidebar-spacer{flex:1}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid rgba(255,255,255,.07)}.avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--rg-primary),#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex:none}.user-meta{flex:1;min-width:0}.user-name{font-size:13px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--rg-sidebar-muted)}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--rg-sidebar-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:#ffffff14;color:#fff}.content{flex:1;overflow:auto;padding:28px 32px 40px}.page{max-width:1000px;margin:0 auto;animation:rg-fade-in .18s ease}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:20px;font-weight:700;margin:0}.page-desc{color:var(--rg-text-sub);font-size:13px;margin:4px 0 0}.card{background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius-card);box-shadow:var(--rg-shadow-card);padding:20px;margin-bottom:16px}.card-title{font-size:15px;font-weight:600;margin:0 0 4px}.card-sub{color:var(--rg-text-sub);font-size:12.5px;margin:0 0 14px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}.stat{background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius-card);box-shadow:var(--rg-shadow-card);padding:16px 18px;display:flex;align-items:center;gap:14px}.stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}.stat-icon.tone-primary{background:var(--rg-primary-soft);color:var(--rg-primary)}.stat-icon.tone-success{background:var(--rg-success-bg);color:var(--rg-success)}.stat-icon.tone-info{background:var(--rg-info-bg);color:var(--rg-info)}.stat-icon.tone-warn{background:var(--rg-warn-bg);color:var(--rg-warn)}.stat-label{font-size:12.5px;color:var(--rg-text-sub);margin-bottom:3px}.stat-value{font-size:20px;font-weight:700;line-height:1.1}.stat-note{font-size:11.5px;color:var(--rg-text-muted);margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:var(--rg-radius-badge);font-size:12px;font-weight:500}.badge-success{background:var(--rg-success-bg);color:#047857}.badge-danger{background:var(--rg-danger-bg);color:#b91c1c}.badge-warn{background:var(--rg-warn-bg);color:#b45309}.badge-info{background:var(--rg-info-bg);color:#4338ca}.badge-neutral{background:#f1f5f9;color:var(--rg-text-sub)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-weight:500;color:var(--rg-text-sub);font-size:12.5px;padding:9px 12px;background:#f8fafc;border-bottom:1px solid var(--rg-border)}.table td{padding:11px 12px;border-bottom:1px solid var(--rg-border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafbfc}.cell-mono{font-family:Cascadia Code,Fira Code,ui-monospace,monospace;font-size:12.5px;color:var(--rg-text-sub)}.empty{padding:40px 20px;text-align:center;color:var(--rg-text-sub)}.empty .icon{opacity:.35;margin-bottom:10px}.empty-title{font-size:14px;font-weight:500;color:var(--rg-text);margin-bottom:4px}.empty-desc{font-size:12.5px;margin-bottom:16px}.guide{background:linear-gradient(120deg,var(--rg-primary) 0%,#f97316 100%);border:none;color:#fff}.guide .card-title{color:#fff}.guide .card-sub{color:#ffffffd9}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.guide-step{background:#ffffff24;border-radius:12px;padding:14px}.guide-step-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff40;font-size:12px;font-weight:700;margin-bottom:8px}.guide-step-title{font-size:13.5px;font-weight:600;margin-bottom:4px}.guide-step-desc{font-size:12px;color:#ffffffd9;margin-bottom:10px;line-height:1.5}.guide-step .btn{background:#fff;color:var(--rg-primary);font-weight:600;padding:6px 14px;font-size:12.5px}.guide-step .btn:hover{background:#ffffffe6}.switch-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--rg-text-sub)}.switch{position:relative;width:36px;height:20px;flex:none}.switch input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer;position:absolute;z-index:1}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--rg-border-strong);transition:background .15s ease;pointer-events:none}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--rg-primary)}.switch input:checked+.switch-track:after{transform:translate(16px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;animation:rg-fade-in .15s ease}.modal{width:440px;max-width:calc(100vw - 48px);background:#fff;border-radius:var(--rg-radius-modal);box-shadow:var(--rg-shadow-pop);animation:rg-pop-in .18s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.modal-title{font-size:16px;font-weight:700;margin:0}.modal-body{padding:16px 22px;color:var(--rg-text)}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 20px}.modal-close{border:none;background:transparent;color:var(--rg-text-muted);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px}.modal-close:hover{background:#f1f5f9;color:var(--rg-text)}.diag-file{border:1px solid var(--rg-border);border-radius:10px;margin-bottom:10px;overflow:hidden}.diag-file-head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#f8fafc;font-size:13px;font-weight:500;cursor:pointer;border:none;width:100%;text-align:left;color:var(--rg-text)}.diag-file pre{margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto;max-height:220px;background:#0f172a;color:#e2e8f0}.progress{height:6px;border-radius:999px;background:var(--rg-border);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rg-primary),#f97316);transition:width .3s ease}.verdict{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;font-size:13px;margin-top:14px}.verdict-ok{background:var(--rg-success-bg);color:#047857;border:1px solid #a7f3d0}.verdict-warn{background:var(--rg-warn-bg);color:#b45309;border:1px solid #fde68a}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-gap{margin-top:8px}.muted{color:var(--rg-text-muted)}.kv-list{display:grid;grid-template-columns:96px 1fr;gap:8px 12px;font-size:13.5px}.kv-list dt{color:var(--rg-text-sub)}.kv-list dd{margin:0}.channel-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:12px;padding:4px;margin-bottom:20px}.channel-tab{flex:1;padding:8px 12px;font-size:13.5px;font-weight:500;color:var(--rg-text-sub);background:transparent;border:none;border-radius:9px;cursor:pointer;transition:background .15s ease,color .15s ease}.channel-tab:hover{color:var(--rg-text)}.channel-tab.active{background:#fff;color:var(--rg-primary);font-weight:600;box-shadow:0 1px 3px #02061714}.sms-row{display:flex;gap:10px;align-items:stretch}.sms-row .input{flex:1}.sms-send{flex:none;white-space:nowrap;min-width:116px}