:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#e8edf7;background:#0b0f17;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5da7ff;outline-offset:2px}#app{min-height:100vh}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#10151e;border-right:1px solid #252c38;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:4}.brand{height:70px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #252c38}.brandmark{height:35px;width:35px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#60b0fb,#2459bd);box-shadow:0 6px 16px #1d6fd040;color:white;font-size:17px;font-weight:800}.brand strong{display:block;font-size:14px;letter-spacing:.03em}.brand small{display:block;color:#717e91;font-size:10px;margin-top:2px}.nav{overflow-y:auto;padding:16px 9px;flex:1}.nav-label{font-size:10px;letter-spacing:.13em;color:#687487;padding:0 10px;margin:11px 0 8px}.nav button{width:100%;border:1px solid transparent;background:none;color:#98a3b5;display:flex;align-items:center;gap:11px;text-align:left;border-radius:8px;padding:10px 12px;margin:2px 0;font-size:13px}.nav button:hover{background:#1b2330;color:#edf4ff}.nav button.active{background:#1d2534;border-left:2px solid #69adff;color:#f7faff}.nav .ico{width:16px;text-align:center;font-size:15px;opacity:.9}.nav .badge{margin-left:auto;background:#252d3b;border-radius:10px;color:#9aa9bf;padding:2px 6px;font-size:10px}.sidebar-foot{border-top:1px solid #252c38;padding:15px 17px;color:#8793a8;font-size:11px;display:flex;align-items:center;justify-content:space-between}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30d58d;box-shadow:0 0 9px #30d58d90;margin-right:6px}.main{min-width:0}.topbar{height:50px;border-bottom:1px solid #252c38;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#0d1119;position:sticky;top:0;z-index:3}.breadcrumb{color:#738096;font-size:12px}.breadcrumb b{color:#dfe7f3;font-weight:500}.top-actions{display:flex;gap:9px;align-items:center}.pill,.ghost-btn,.primary-btn,.subtle-btn{border:1px solid #303a4a;border-radius:8px;background:#111722;color:#cbd5e5;padding:7px 11px;font-size:12px}.pill{border-radius:16px;padding:5px 9px;white-space:nowrap}.pill.blue{color:#65aaf9;background:#10213a;border-color:#254a77}.pill.green{color:#51dca4;background:#11271f;border-color:#1d573d}.ghost-btn:hover,.subtle-btn:hover{border-color:#5a7799;background:#1b2738}.primary-btn{background:#2876d0;border-color:#3989e7;color:white;font-weight:650}.primary-btn:hover{background:#398ae4}.subtle-btn{background:#161d28}.content{max-width:1440px;padding:24px 22px 72px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:21px}.page-head h1{font-size:21px;margin:0 0 6px;font-weight:700;letter-spacing:.01em}.page-head p{color:#78869c;font-size:12px;margin:0}.page-head .actions{display:flex;gap:9px}.hero{border:1px solid #334155;border-radius:11px;background:radial-gradient(circle at 0 0,#1c2a3b 0,#171e2a 36%,#131923 100%);padding:23px 25px;margin-bottom:27px;box-shadow:inset 0 1px #ffffff10}.eyebrow{font-size:10px;letter-spacing:.16em;color:#6fb2ff;font-weight:700}.hero h2{margin:11px 0 8px;font-size:19px}.hero p{color:#8c9aaf;font-size:12px;margin:0}.hero-meta{display:flex;gap:26px;margin-top:24px;flex-wrap:wrap}.hero-meta span{color:#68788e;font-size:10px}.hero-meta b{color:#e7eef9;font-size:11px;margin-left:7px}.section-title{display:flex;gap:12px;align-items:flex-start;margin:26px 0 15px}.num{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#1b2b45;color:#74b4ff;font-size:10px;font-weight:800;box-shadow:inset 0 0 0 1px #38537c}.section-title strong{display:block;font-size:13px}.section-title small{display:block;color:#748298;font-size:11px;margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{background:#131820;border:1px solid #29313c;border-radius:9px;min-height:130px;padding:16px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent,#4c9dec)}.stat .label{font-size:10px;letter-spacing:.13em;color:#748196;text-transform:uppercase}.stat .title{font-size:12px;color:#a5b0c2;margin-top:5px}.stat .value{font-size:31px;line-height:1.2;font-weight:700;letter-spacing:-.03em;margin:8px 0 5px}.stat .hint{font-size:11px;color:#748197}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#131820;border:1px solid #29313c;border-radius:10px;overflow:hidden}.panel-h{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid #252d39;gap:10px}.panel-h strong{font-size:13px}.panel-h small{color:#748197;font-size:10px}.panel-body{padding:17px}.bar-row{display:grid;grid-template-columns:92px 1fr 32px;gap:12px;align-items:center;margin:12px 0;color:#9ba8bb;font-size:11px}.bar{height:6px;background:#232b37;border-radius:20px;overflow:hidden}.bar i{height:100%;display:block;border-radius:20px;background:#678bd0}.muted{color:#748197}.link-btn{border:0;background:none;color:#79baff;font-size:11px;padding:0}.link-btn:hover{text-decoration:underline}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.table th{color:#78869a;font-size:10px;font-weight:500;background:#161c27;padding:11px 14px;white-space:nowrap}.table td{padding:12px 14px;border-top:1px solid #222a35;color:#cbd5e4;vertical-align:middle}.table tbody tr:hover{background:#19212c}.table tbody tr.clickable{cursor:pointer}.table td small{display:block;color:#738197;margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;border-radius:5px;padding:3px 7px;font-size:10px;white-space:nowrap;color:#9ba9be;background:#27303c}.status.online,.status.success{color:#52d79c;background:#143326}.status.offline,.status.failed{color:#f27c82;background:#3c2029}.status.pending,.status.running{color:#ecc07b;background:#3a2c1d}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.field{background:#141a24;border:1px solid #303a4a;color:#dce5f1;border-radius:7px;padding:9px 11px;font-size:12px;min-height:35px}.field::placeholder{color:#637085}.search{min-width:230px;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row{display:flex;flex-direction:column;gap:7px;color:#aab6c8;font-size:11px}.form-row .field{width:100%}.form-row.full{grid-column:1/-1}.empty{padding:40px 16px;text-align:center;color:#78869b;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#03070dba;z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(530px,100%);background:#151c27;border:1px solid #3a4659;border-radius:12px;box-shadow:0 24px 80px #000a;max-height:88vh;overflow:auto}.modal-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293341}.modal-head h2{font-size:16px;margin:0}.icon-btn{background:none;border:0;color:#8d9ab0;font-size:20px}.modal-body{padding:20px}.modal-foot{padding:16px 20px;border-top:1px solid #293341;display:flex;justify-content:flex-end;gap:8px}.detail-grid{display:grid;grid-template-columns:130px 1fr;gap:11px;padding:2px 0;font-size:12px}.detail-grid dt{color:#78869b}.detail-grid dd{margin:0;word-break:break-word}.hint-box{border:1px solid #304964;background:#172638;color:#b4cde9;border-radius:8px;padding:12px;font-size:11px;line-height:1.6}.toast{position:fixed;bottom:22px;right:22px;z-index:20;background:#173126;border:1px solid #2b7251;color:#a7f0cc;padding:11px 14px;border-radius:8px;box-shadow:0 14px 36px #0008;font-size:12px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{padding:16px;background:#151c26;border:1px solid #2b3543;border-radius:9px}.tile strong{font-size:12px}.tile p{font-size:11px;color:#8290a4;line-height:1.6;margin:7px 0 0}.toggle{display:inline-flex;align-items:center;gap:7px}.toggle input{accent-color:#3888db}.spacer{flex:1}.danger-btn{color:#ee8b91;border-color:#70404a}.danger-btn:hover{background:#3a222a}.mobile-menu{display:none}.overlay{display:none}pre.result{white-space:pre-wrap;word-break:break-word;color:#aec8e8;background:#0e141d;border:1px solid #283545;padding:14px;border-radius:7px;font-size:11px;max-height:280px;overflow:auto}.footer-note{color:#68768c;font-size:11px;margin-top:20px}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;width:232px}.sidebar.open{transform:translateX(0);visibility:visible;pointer-events:auto}.overlay.open{display:block;position:fixed;inset:0;background:#0009;z-index:3}.mobile-menu{display:inline-flex}.content{padding:19px 15px 60px}.topbar{padding:0 15px}.top-actions .pill.blue{display:none}.grid-2{grid-template-columns:1fr}}@media(max-width:550px){.page-head{display:block}.page-head .actions{margin-top:14px}.stats-grid,.tiles,.form-grid{grid-template-columns:1fr}.form-row.full{grid-column:auto}.hero-meta{gap:12px}.bar-row{grid-template-columns:75px 1fr 25px}.top-actions .pill.green{display:none}.search{min-width:100%}}