:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#23334c;background:#f5f8fe;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:-1px}h2{font-size:17px}small{color:#8c9bb0}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}aside{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e4ecf9;display:flex;flex-direction:column;padding:32px 20px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:2px;margin-top:5px}.brand-icon{width:40px;height:40px;background:linear-gradient(140deg,#2366f5,#44b6ff);color:white;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:22px;box-shadow:0 6px 18px #367cf538}.nav-label{font-size:11px;color:#9baac0;letter-spacing:2px;margin:44px 14px 15px}nav{display:grid;gap:8px}nav button{border:0;background:none;color:#7b8ba5;text-align:left;border-radius:11px;padding:14px 16px;display:flex;align-items:center;gap:14px}nav button span{font-size:20px;width:23px;text-align:center}nav button:hover{background:#f2f7ff}nav button.active{background:linear-gradient(100deg,#2971f6,#5198ff);color:white;box-shadow:0 7px 18px #3b82f630}.sidebar-foot{margin-top:auto;padding:22px 14px 0;font-size:12px;color:#6c7e98}.sidebar-foot small{display:block;margin:9px 0 0 13px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39c79d;margin-right:5px}main{margin-left:236px;width:calc(100% - 236px);padding:34px 42px 20px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:1px;color:#93a5bf;margin-bottom:10px}.header-actions{display:flex;align-items:center;gap:13px;font-size:12px;color:#627590}.domain{padding:7px 11px;border:1px solid #e0eaff;background:#fff;border-radius:20px;color:#6484b3}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e6efff;color:#3477ed;font-weight:700}.text-btn{border:0;background:none;color:#7c91af;padding:7px}.hero{background:linear-gradient(110deg,#e9f1ff,#f2f9ff 65%,#e5f2ff);border:1px solid #dbe8ff;border-radius:18px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;overflow:hidden}.hero h2{font-size:21px;color:#234f92;margin-bottom:10px}.hero p{color:#7b95b8;font-size:12px;line-height:1.8}.hero-badge{border:1px solid #c4daff;padding:8px 14px;border-radius:20px;color:#3775d2;background:#ffffffa8;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid #e5edfa;border-radius:15px;padding:21px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8291a8;font-size:12px}.metric-icon{border-radius:9px;background:#edf4ff;color:#4c8af5;width:31px;height:31px;display:grid;place-items:center;font-size:17px}.metric strong{display:block;font-size:31px;font-weight:650;color:#293f60;letter-spacing:-1px;margin:12px 0 8px}.metric small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-bottom:24px}.panel{background:#fff;border:1px solid #e4ecf8;border-radius:16px;padding:23px;margin-bottom:22px}.grid-two .panel{margin:0}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:23px}.panel-head small{font-size:11px}.bars{height:180px;display:flex;align-items:flex-end;gap:20px;padding-top:15px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;color:#98a7bc;font-size:10px}.bar{background:linear-gradient(#4d94ff,#b9d6ff);border-radius:6px 6px 3px 3px;min-height:3px;width:65%;max-width:40px;position:relative}.bar span{position:absolute;top:-19px;left:0;right:0;text-align:center;color:#6d89ad}.feature{display:flex;align-items:center;gap:13px;margin:25px 0}.feature-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eff5ff;color:#538ded}.feature div:nth-child(2){flex:1}.feature small{display:block;margin-top:5px;font-size:11px}.feature strong{font-size:18px;color:#46617f}.primary,.secondary{border:0;border-radius:9px;padding:10px 17px;font-size:12px;white-space:nowrap}.primary{color:white;background:linear-gradient(110deg,#2c76f5,#4c96ff);box-shadow:0 4px 10px #3b82f61a}.secondary{background:#f0f5ff;color:#5982b8;border:1px solid #dde9ff}.toolbar p{color:#93a2b8;font-size:12px;margin-top:7px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:left}th{font-weight:500;color:#91a0b5;background:#f7faff;padding:13px 14px}td{padding:17px 14px;border-bottom:1px solid #f0f4fa;color:#61748f}td:first-child{color:#344d70}tr:last-child td{border:0}td button{padding:5px 9px;margin-right:6px}.pill{display:inline-block;padding:4px 9px;border-radius:6px;background:#eff5ff;color:#5586cd;font-size:11px}.pill.success{color:#25a77a;background:#ecfaf5}.pill.failed{color:#df6a70;background:#fff0f1}.pill.pending{color:#d69e35;background:#fff7e6}.empty{text-align:center;padding:42px;color:#9aaac0;line-height:1.9}.balance{line-height:1.9;color:#367cbe}.hint{font-size:12px;color:#8a9db8;line-height:1.9;background:#f5f9ff;border:1px solid #e2ecfb;padding:13px 16px;border-radius:9px;margin:15px 0}.form-error{color:#df6269;font-size:12px;margin-top:12px;line-height:1.6}label{display:block;color:#617795;font-size:12px;margin:16px 0}input,select{display:block;width:100%;padding:12px 13px;border:1px solid #dce7f6;border-radius:9px;background:#fbfdff;color:#334e71;margin-top:8px}input:focus,select:focus{outline:2px solid #b6d6ff;border-color:#559bff}input[type=checkbox]{display:inline-block;width:auto;margin:0 7px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}dialog{width:min(510px,95vw);border:1px solid #e1ebfa;border-radius:19px;box-shadow:0 24px 90px #102a592b;padding:26px;color:#334f74}dialog::backdrop{background:#1d365b66;backdrop-filter:blur(4px)}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px}.key-result{word-break:break-all;white-space:normal;color:#276ce4;font:16px monospace;background:#f1f7ff;padding:20px;border-radius:10px;margin:20px 0}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#264c80;color:#fff;border-radius:10px;padding:13px 22px;box-shadow:0 6px 30px #1d3c7026;z-index:10}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 20%,#dbeaff,transparent 50%),radial-gradient(ellipse at 85% 80%,#e1f5ff,transparent 50%),#f7faff}.login-card{width:410px;padding:38px;background:#ffffffee;border:1px solid #e2ecfa;border-radius:24px;box-shadow:0 20px 70px #3f78cd12}.login-card .brand-icon{margin-bottom:26px;width:48px;height:48px}.login-card h1{margin-bottom:10px}.login-card p{color:#94a4ba;margin-bottom:25px;font-size:12px}.login-card button{width:100%;margin-top:12px;padding:13px}.login-card small{display:block;text-align:center;margin-top:28px;font-size:10px}.login-card .eyebrow{font-size:9px}footer{display:flex;justify-content:space-between;font-size:10px;color:#a5b2c7;margin-top:34px;padding:0 2px}.search-input{max-width:250px;margin:0;padding:9px 12px}.top-actions{display:flex;gap:10px;align-items:center}.settings-form{max-width:400px}.muted{font-size:11px;color:#97a9c1;line-height:1.8}.pager{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;color:#8a9ab0;font-size:12px}@media(max-width:1100px){main{padding:28px 24px}.metrics{gap:10px}.metric{padding:15px}.domain{display:none}}@media(max-width:800px){aside{width:74px;padding:24px 10px}.brand{justify-content:center}.brand>div,.nav-label,.sidebar-foot{display:none}nav{margin-top:35px}nav button{font-size:0;justify-content:center;padding:14px 0;gap:0}nav button span{font-size:22px}main{margin-left:74px;width:calc(100% - 74px);padding:22px 16px}.metrics{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.hero-badge{display:none}.hero{padding:22px}.header-actions{gap:7px}.toolbar{align-items:flex-start;flex-wrap:wrap}.top-actions{flex-wrap:wrap}footer span{display:none}.login-card{width:min(410px,92vw)}h1{font-size:24px}}

@media(min-width:801px) and (max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}}