*{box-sizing:border-box}body{color:#1c2839;background:#f6f7f9;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select{outline-offset:4px}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e4e8ed;flex-direction:column;flex-shrink:0;width:244px;padding:32px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-2px;justify-content:space-between;align-items:center;padding:0 10px;font-size:38px;font-weight:800;display:flex}.brand span{color:#427be6;font-size:30px}.workspace{border:1px solid #e4e8ed;border-radius:8px;align-items:center;gap:10px;margin-top:36px;padding:12px 9px;font-size:12px;font-weight:600;display:flex}.avatar{color:#3769ba;background:#eaf0fb;border:1px solid #dbe5f7;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:inline-flex}small{color:#7b8798;margin-top:5px;font-size:11px;font-weight:400;display:block}.nav-label{letter-spacing:1.3px;color:#8a95a4;margin:32px 12px 14px;font-size:10px}nav{gap:7px;display:grid}nav button{text-align:left;color:#5d697b;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:13px;display:flex}nav button span{width:20px;font-size:19px}nav button.active{color:#3269d1;background:#ecf2ff;font-weight:600}nav b{background:#fff;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:20px 8px 0;font-size:12px}.sidebar-bottom small{margin:13px 0 0 13px}.dot{vertical-align:middle;background:#2c9b78;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.amber{background:#d7a24e}main{flex:1;min-width:0;margin-left:244px}header{color:#657187;background:#fff;border-bottom:1px solid #e4e8ed;justify-content:space-between;align-items:center;height:80px;padding:0 40px;font-size:12px;display:flex}header span{color:#b8c0cc;margin:0 14px}.header-right{align-items:center;gap:14px;display:flex}.header-right span{margin:0}.tag{letter-spacing:1px;color:#68758a;border:1px solid #dde3ea;border-radius:4px;padding:6px 9px;font-size:9px}.main-content{max-width:1600px;margin:auto;padding:38px 40px}.title-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px;display:flex}.eyebrow{color:#7c899e;letter-spacing:1.5px;margin:0 0 12px;font-size:9px;font-weight:700}h1{letter-spacing:-.8px;margin:0 0 10px;font-size:30px;font-weight:600}h2{letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:600}h3{margin:18px 0 12px;font-size:24px}p{color:#7b8798;line-height:1.6}.subtitle{margin:0;font-size:13px}.secondary,.primary{color:#526078;background:#fff;border:1px solid #dce2eb;border-radius:6px;padding:10px 15px;font-size:12px;font-weight:600}.primary{color:#fff;background:#326de0;border-color:#326de0}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.stat{background:#fff;border:1px solid #e2e7ef;border-radius:9px;padding:22px 24px}.stat p{margin:0 0 18px;font-size:12px}.stat strong{letter-spacing:-.8px;font-size:29px;font-weight:500}.stat small{margin-top:14px}.panel{background:#fff;border:1px solid #e2e7ef;border-radius:9px;margin-bottom:24px;padding:24px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel p{margin:5px 0 18px;font-size:12px}.panel-heading p{margin:4px 0 0}.count{color:#7c899c;background:#f4f6f9;border:1px solid #e5e9ef;border-radius:5px;padding:6px 9px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.8px;color:#8b96a7;background:#fafbfc;border-bottom:1px solid #e7ebf1;padding:16px 12px;font-size:9px;font-weight:500}td{border-bottom:1px solid #eef1f5;padding:23px 12px;font-size:12px}.property-link{text-align:left;color:#263247;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:600;display:flex}.property-icon{color:#778caa;background:#edf1f7;border:1px solid #dce3ed;border-radius:6px;place-items:center;width:40px;height:43px;font-size:26px;font-weight:400;display:grid}.pill{border-radius:5px;padding:6px 9px;font-size:10px;display:inline-block}.green{color:#288664;background:#eaf7f0}.neutral{color:#9b762d;background:#fff4df}.text-button{color:#8895a8;background:0 0;border:0;font-size:20px}.architecture{background:linear-gradient(120deg,#f0f4fb,#f8fafd);border:1px solid #dee5f0;border-radius:9px;justify-content:space-between;align-items:center;margin:28px 0;padding:32px;display:flex}.architecture h2{margin-top:14px;font-size:19px}.architecture p{margin-bottom:0;font-size:12px}.flow{color:#687b96;align-items:center;gap:20px;font-size:12px;display:flex}.flow strong{color:#356fdb;letter-spacing:-1px;background:#fff;border:1px solid #dce5f3;border-radius:10px;padding:17px 24px;font-size:25px;box-shadow:0 4px 16px #c9d4e344}.flow i{color:#9cb0cc;font-style:normal}.detail-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.cap-grid{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.capability{border-bottom:1px solid #eef1f5;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.status-live{color:#288664}.muted{color:#98a3b2}.actions{gap:10px;margin-top:24px;display:flex}code{color:#6a7e98;overflow-wrap:anywhere;background:#f6f8fb;border:1px solid #edf0f5;border-radius:5px;margin-top:18px;padding:13px;font-size:11px;line-height:1.7;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;display:grid}label{color:#59677c;flex-direction:column;gap:10px;font-size:12px;display:flex}input,select{color:#34455e;background:#fff;border:1px solid #dce3ed;border-radius:5px;width:100%;padding:11px 12px}.settings{max-width:850px}.info{color:#6c7e98;background:#f2f6fd;border-radius:5px;padding:15px;font-size:12px;line-height:1.7}.query-grid{grid-template-columns:1.4fr 1.4fr 1fr 1fr 1fr;gap:16px;display:grid}.console-footer{color:#8a98aa;justify-content:space-between;align-items:center;margin-top:25px;font-size:11px;display:flex}.method{color:#5d7ca8;background:#f1f5fb;border-radius:5px;padding:8px;font-family:monospace;font-size:11px}.empty{text-align:center;color:#8ca0be;padding:65px 20px}.empty>span{margin-bottom:20px;font-size:30px;display:block}.empty h2{color:#687b98}.empty p{font-size:12px}pre{color:#b9d2ef;background:#111e31;border-radius:7px;max-height:480px;padding:22px;font-size:11px;line-height:1.7;overflow:auto}details{margin-top:22px}summary{cursor:pointer;color:#527aaa;font-size:12px}.alert,.notice{color:#ab573e;background:#fff0ec;border-radius:6px;margin-bottom:24px;padding:15px 20px;font-size:12px}.notice{color:#288664;background:#eaf7f0}footer{color:#98a3b3;border-top:1px solid #e5e9ef;justify-content:space-between;gap:20px;margin-top:40px;padding-top:25px;font-size:10px;display:flex}@media (min-width:1500px){.main-content{padding:50px 65px}}@media (max-width:1100px){aside{width:205px;padding:25px 12px}main{margin-left:205px}.main-content{padding:28px 24px}.architecture{flex-direction:column;align-items:flex-start;gap:25px}.query-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media (max-width:700px){aside{width:100%;padding:16px;position:static}.shell{display:block}main{margin:0}.workspace,.nav-label,.sidebar-bottom{display:none}.brand{font-size:28px}nav{margin-top:16px;display:flex}nav button{font-size:12px}.brand span{margin-left:auto}header{height:55px;padding:0 20px}.main-content{padding:24px 16px}.title-row{align-items:flex-start}.title-row>.secondary{display:none}.stats{grid-template-columns:1fr}.stat{padding:18px}.stat strong{font-size:24px}.form-grid,.cap-grid{grid-template-columns:1fr}.panel{padding:18px}.flow{gap:12px}.console-footer{gap:15px}footer{flex-direction:column}h1{font-size:27px}nav button{flex:1;gap:6px;min-width:0;padding:10px 6px}nav button span{width:16px;font-size:16px}nav b{display:none}.architecture{padding:22px}.flow{justify-content:space-between;gap:6px;width:100%}.flow strong{padding:14px 18px}.flow>span{min-width:0;font-size:11px}}