@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink: #162842;--ink-soft: #5d6e84;--muted: #91a0b3;--line: #e5ebf3;--surface: #ffffff;--canvas: #f5f8fc;--navy: #0f1e35;--blue: #277cf2;--blue-soft: #eaf3ff;--green: #1caf76;--green-soft: #e9f8f1;--amber: #e99535;--amber-soft: #fff5e8;--red: #e75e69;--red-soft: #fff0f1;--radius: 12px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:var(--canvas)}.sidebar{width:252px;flex:0 0 252px;min-height:100vh;background:var(--navy);color:#d3ddec;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.brand-block{display:flex;align-items:center;gap:12px;padding:28px 22px 26px}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2f8cff,#4370ec);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 5px 14px #2074ef40}.brand-mark.large{width:48px;height:48px;border-radius:14px;font-size:25px;margin-bottom:18px}.brand-name{font-size:15px;line-height:1.2;color:#fff;font-weight:800;letter-spacing:-.2px}.brand-subtitle{color:#8da0bb;font-size:9px;letter-spacing:1.35px;margin-top:4px;font-weight:700}.nav-area{padding:0 14px;overflow:auto}.nav-group{margin-bottom:21px}.nav-label{padding:0 11px 9px;color:#6f84a2;font-size:12px;font-weight:700}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#9eb0c9;padding:12px 11px;border-radius:10px;text-align:left;font-size:14px;transition:.2s ease}.nav-item:hover{color:#fff;background:#5c8fd324}.nav-item.active{color:#fff;background:#2c5482;box-shadow:inset 0 0 0 1px #85beff14}.nav-icon{color:#75aaff;width:17px;text-align:center;font-size:16px}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding:20px 22px 23px;color:#7590af;font-size:9px;letter-spacing:.85px;font-weight:700}.foot-dot,.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#42c18e;box-shadow:0 0 0 4px #42c18e1c}.sidebar-close,.menu-toggle{display:none}.main-shell{flex:1;min-width:0}.topbar{height:78px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#ffffffc7;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.breadcrumbs{color:#8b9aaf;font-size:14px;display:flex;align-items:center;gap:8px}.breadcrumbs strong{color:var(--ink);font-weight:800}.breadcrumbs b{color:#b8c2d0;font-weight:400}.top-actions{display:flex;gap:19px;align-items:center}.env-pill{display:flex;align-items:center;gap:8px;border:1px solid #d7f0e5;background:#f1fbf6;color:#269b70;border-radius:22px;padding:8px 13px;font-size:12px;font-weight:700}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:#3f73de;font-size:12px;font-weight:800}.icon-button{border:0;background:transparent;color:#8fa0b5;font-size:22px;line-height:1;padding:5px}.top-action{font-size:19px}.content-area{padding:37px 36px 48px;max-width:1700px;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{color:#7e8da2;font-size:11px;font-weight:800;letter-spacing:.72px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.2vw,34px);line-height:1.2;letter-spacing:-.9px;margin-top:9px}.page-heading p{color:#8191a5;font-size:14px;margin-top:9px}.linkish{color:var(--blue)}.data-state{display:flex;align-items:center;gap:8px;margin:-11px 0 17px;padding:9px 12px;border:1px solid #dceafa;border-radius:8px;background:#f4f8ff;color:#5f82ae;font-size:11px}.data-state.error{border-color:#f5d9d9;background:#fff7f7;color:#b86d72}.data-spinner{width:12px;height:12px;border:2px solid #c5daf6;border-top-color:var(--blue);border-radius:50%;animation:data-spin .8s linear infinite}@keyframes data-spin{to{transform:rotate(360deg)}}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,#2c86f9,#2f70e9);border-radius:9px;box-shadow:0 8px 18px #2b79f22e;padding:12px 17px;font-weight:700;font-size:13px;white-space:nowrap}.primary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-button.small{padding:9px 13px}.primary-button.full{width:100%}.ghost-button,.filter-button{background:#fff;border:1px solid var(--line);color:#63809f;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700}.ghost-button:hover,.filter-button:hover{border-color:#bed2ed;color:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #1f3d6006}.metric-card{padding:18px 20px 19px;min-height:142px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#7d8da2;font-size:13px;font-weight:700}.metric-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:15px;font-weight:800}.metric-icon.blue{background:#eef5ff;color:#4b91ef}.metric-icon.violet{background:#f0efff;color:#766be4}.metric-icon.amber{background:#fff3e2;color:#e89a3d}.metric-value{font-size:34px;line-height:1.2;font-weight:800;color:#162a47;letter-spacing:-1px;margin:13px 0 7px}.metric-value small{font-size:15px;letter-spacing:0}.metric-note{font-size:12px;font-weight:600}.positive{color:var(--green)}.warning{color:var(--amber)}.danger{color:var(--red)}.dashboard-grid{display:grid;gap:16px}.top-grid{grid-template-columns:1.58fr 1fr;margin-bottom:16px}.bottom-grid{grid-template-columns:1.58fr 1fr}.panel{overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 21px 15px}.panel-heading h2{font-size:16px;letter-spacing:-.25px}.panel-caption{display:block;font-size:11px;color:#9aaabd;margin-top:4px}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th{color:#9aaabd;text-align:left;font-size:11px;padding:0 20px 11px;border-bottom:1px solid var(--line);white-space:nowrap;font-weight:700}.data-table td{padding:13px 20px;border-bottom:1px solid #edf1f6;font-size:12px;color:#4b607c;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.app-name-cell{display:flex;gap:11px;align-items:center}.app-name-cell strong{color:#243c5a;font-size:13px;display:block}.app-name-cell small{color:#9aa9ba;display:block;margin-top:4px;font-size:10px}.app-badge{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:800}.app-badge.large{width:48px;height:48px;border-radius:13px;font-size:13px}.app-badge.pink,.scene-tag.truck{color:#e26d9e;background:#fff0f6}.app-badge.purple,.scene-tag.travel{color:#7b70df;background:#f0efff}.app-badge.cyan,.scene-tag.education{color:#38a9bf;background:#eafafd}.capability{color:#48627f!important}.call-number{color:#1d3554!important;font-weight:800}.status-pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.15px}.status-pill.success{color:#26a572;background:var(--green-soft)}.status-pill.warning{color:#d7862e;background:var(--amber-soft)}.status-pill.danger{color:#d85a63;background:var(--red-soft)}.row-more{border:0;background:transparent;color:#a2b0c1;font-weight:800;letter-spacing:1px}.segmented{border:1px solid var(--line);display:flex;padding:3px;border-radius:8px}.segmented button{border:0;background:transparent;color:#98a7ba;font-size:11px;padding:5px 9px;border-radius:6px}.segmented button.selected{color:var(--blue);background:#f0f6ff;font-weight:800}.trend-panel{min-height:359px}.trend-total{display:flex;justify-content:space-between;align-items:center;padding:5px 22px 0;color:#95a4b5;font-size:11px}.trend-total strong{color:#25405f;font-size:13px}.chart{height:255px;margin:0 14px 7px}.event-list{padding:0 21px 17px}.event-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f6}.event-row:last-child{border-bottom:0}.event-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.event-dot.high,.event-dot.critical{background:#ec6671;box-shadow:0 0 0 4px #ffeff0}.event-dot.medium,.event-dot.warning{background:#eea146;box-shadow:0 0 0 4px #fff5e8}.event-dot.low{background:#5d9cf0;box-shadow:0 0 0 4px #eaf3ff}.event-copy{min-width:0;flex:1;display:flex;gap:4px;flex-direction:column}.event-copy strong{font-size:12px;color:#253d5b}.event-copy span{font-size:11px;color:#8fa0b3;overflow:hidden;text-overflow:ellipsis}.event-row time{color:#9aa9ba;font-size:11px;white-space:nowrap}.progress-block{padding:8px 21px 6px}.progress-label{display:flex;justify-content:space-between;color:#64778f;font-size:11px;margin-bottom:8px}.progress-label strong{color:#45627f}.progress-track{height:7px;border-radius:10px;background:#edf2f8;overflow:hidden}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,#2b85f7,#52a0ff);border-radius:inherit}.data-health{display:flex;align-items:center;gap:11px;border-top:1px solid #edf1f6;margin:17px 21px 0;padding:15px 0 17px}.health-check{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#27aa79;background:var(--green-soft);font-size:12px;font-weight:800}.data-health strong,.data-health small{display:block}.data-health strong{font-size:12px;color:#3a5877}.data-health small{color:#96a5b6;font-size:10px;margin-top:4px}.page-panel{min-height:400px}.toolbar,.gateway-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--line)}.toolbar-actions,.gateway-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-box{height:35px;min-width:225px;display:flex;align-items:center;gap:7px;color:#91a1b2;border:1px solid var(--line);background:#fbfcfe;border-radius:8px;padding:0 11px}.search-box input{border:0;outline:0;background:transparent;color:var(--ink);font-size:12px;width:100%}.summary-strip{display:flex;gap:44px;padding:17px 20px;background:#fbfcfe;border-bottom:1px solid var(--line)}.summary-strip>div{display:flex;align-items:baseline;gap:8px}.summary-strip span{color:#8b9bae;font-size:11px}.summary-strip strong{color:#253f5d;font-size:17px}.summary-strip.three{padding:21px;gap:clamp(22px,7vw,100px)}.summary-strip em{font-size:10px;font-style:normal}.summary-strip em.up{color:var(--green)}.summary-strip em.down{color:var(--amber)}.mono{font-family:DM Mono,monospace;letter-spacing:-.3px}.strong{color:#274361!important;font-weight:600}.muted{color:#8fa0b1!important}.user-name{color:#335371;font-weight:700}.scene-tag{display:inline-flex;font-size:10px;padding:5px 8px;border-radius:6px;font-weight:800}.status-dot-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#73869e}.status-dot-label i{width:7px;height:7px;border-radius:50%;display:block}.status-dot-label i.online{background:#27b47e;box-shadow:0 0 0 3px #e9f8f1}.status-dot-label i.offline{background:#b4bfcb;box-shadow:0 0 0 3px #f0f3f6}.pagination{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#91a0b2;font-size:11px}.pagination div{display:flex;gap:5px}.pagination button{border:1px solid var(--line);background:#fff;color:#8192a6;border-radius:6px;min-width:28px;height:28px;font-size:11px}.pagination button.current{color:#fff;border-color:var(--blue);background:var(--blue)}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.application-card{padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:277px;display:flex;flex-direction:column;box-shadow:0 8px 24px #1f3d6006}.application-card-top,.model-card-head{display:flex;align-items:flex-start;justify-content:space-between}.application-card h2{font-size:18px;letter-spacing:-.3px;margin-top:18px}.app-code{color:#8b9aae;font-size:11px;margin-top:5px}.app-stats{display:flex;gap:46px;padding:20px 0 15px;margin:auto 0 0;border-bottom:1px solid var(--line)}.app-stats span,.app-stats strong{display:block}.app-stats span{color:#98a7b8;font-size:10px}.app-stats strong{color:#334e6d;font-size:17px;margin-top:6px}.capability-list{display:flex;gap:6px;flex-wrap:wrap;padding:13px 0}.capability-list span{background:#f4f7fb;border-radius:5px;color:#637b96;font-size:10px;padding:5px 7px}.card-link{text-align:left;border:0;background:none;padding:0;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer}.card-link:hover,.card-link:focus-visible{color:#155fc5;text-decoration:underline}.card-link span{margin-left:4px}.add-card{border-style:dashed;align-items:center;justify-content:center;text-align:center;color:#8da0b5;cursor:pointer}.add-card:hover{border-color:#8bbaf8;background:#fafdff}.add-symbol{font-size:30px;color:#5b99ec;font-weight:300}.add-card h2{color:#41617f;margin:9px 0 6px;font-size:17px}.add-card p{font-size:11px;line-height:1.6;max-width:170px}.live-indicator{display:flex;align-items:center;gap:9px;color:#299e76;font-size:12px;font-weight:800}.live-indicator small{color:#9aaabd;font-size:10px;font-weight:600}.pulse{width:8px;height:8px;background:#27b57f;border-radius:50%;box-shadow:0 0 0 5px #27b57f1f}.gateway-summary{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 20px;background:#fbfcfe;border-bottom:1px solid var(--line)}.gateway-summary div{border-right:1px solid var(--line);padding-left:20px}.gateway-summary div:first-child{padding-left:0}.gateway-summary div:last-child{border-right:0}.gateway-summary span,.gateway-summary strong{display:block}.gateway-summary span{color:#93a2b4;font-size:10px}.gateway-summary strong{color:#2a4563;font-size:19px;margin-top:6px}.gateway-summary.is-updating strong{animation:gateway-metric-pulse .9s ease both}@keyframes gateway-metric-pulse{0%{color:#277cf2;transform:translateY(2px)}to{color:#2a4563;transform:translateY(0)}}.gateway-table{width:100%;min-width:1260px;table-layout:fixed}.gateway-table .gateway-col-time{width:12%}.gateway-table .gateway-col-device,.gateway-table .gateway-col-user{width:13%}.gateway-table .gateway-col-scene{width:9%}.gateway-table .gateway-col-path{width:12%}.gateway-table .gateway-col-model{width:18%}.gateway-table .gateway-col-token,.gateway-table .gateway-col-status{width:8%}.gateway-table .gateway-col-latency{width:7%}.gateway-table th,.gateway-table td{overflow:hidden;text-overflow:ellipsis}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f7fbff}.endpoint{font-family:DM Mono,monospace;color:#277cf2!important;font-weight:600}.model-name{color:#476580!important;font-size:11px!important}.token{color:#334e6d!important;font-weight:700}.model-highlight{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;margin-bottom:16px;border:1px solid #dbeaff;background:linear-gradient(110deg,#eef6ff,#f8fbff);border-radius:var(--radius)}.model-highlight h2{font-size:20px;margin:7px 0 5px}.model-highlight p{color:#7590ad;font-size:12px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.model-card{background:#fff;padding:19px 20px;min-height:172px}.model-code{color:#b0bdcc;font-size:11px;font-family:DM Mono,monospace}.model-card h3{font-size:14px;margin:17px 0 6px;color:#27425f;letter-spacing:-.1px}.model-type{color:#3f8ce6;font-size:10px;background:#eef6ff;border-radius:4px;padding:4px 6px}.model-card p{color:#8c9daf;font-size:11px;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f6;margin-top:16px;padding-top:11px;color:#97a5b5;font-size:10px}.model-card-foot strong{color:#3a5877;font-family:DM Mono,monospace}.model-card-foot small{color:#9ba9b9;font-family:inherit;font-weight:400}.device-health-list{padding:7px 20px 19px}.device-health-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #edf1f6}.device-health-row:last-child{border-bottom:0}.health-rank{color:#b4c0cd;font-family:DM Mono,monospace;font-size:11px}.device-health-main{width:190px}.device-health-main strong,.device-health-main span{display:block}.device-health-main strong{font-family:DM Mono,monospace;font-size:12px;color:#2e4967}.device-health-main span{font-size:10px;color:#99a8b8;margin-top:5px}.health-bar{flex:1;height:7px;border-radius:6px;background:#edf2f7;overflow:hidden}.health-bar span{display:block;height:100%;background:linear-gradient(90deg,#55c798,#2cae80);border-radius:inherit}.health-value{color:#478066;font-family:DM Mono,monospace;font-size:11px;width:36px}.alert-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.alert-stat{padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:baseline;gap:11px}.alert-stat strong{font-size:25px}.alert-stat span{font-size:12px;color:#8c9bae}.alert-stat.critical strong{color:var(--red)}.alert-stat.warning strong{color:var(--amber)}.alert-stat.neutral strong{color:#4b83d8}.alert-table{padding:0 21px 5px}.alert-item{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #edf1f6}.alert-item-copy{flex:1}.alert-item-copy strong{color:#314c6a;font-size:13px}.alert-item-copy p{color:#8d9eaf;font-size:11px;margin-top:5px}.alert-time{color:#9aa9ba;font-size:11px;white-space:nowrap}.alert-item .row-more{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;transition:.18s ease}.alert-item .row-more:hover,.alert-item .row-more:focus-visible{color:var(--blue);background:var(--blue-soft);outline:0}.alert-empty{padding:42px 0;color:#91a0b3;font-size:12px;text-align:center}.alert-drawer h2{max-width:390px;overflow-wrap:anywhere}.alert-level-text.high{color:var(--red)}.alert-level-text.medium{color:var(--amber)}.alert-level-text.low{color:var(--blue)}.alert-detail-body{margin-bottom:28px;padding:17px;border:1px solid var(--line);border-radius:9px;background:#f9fbfd}.alert-detail-body span{color:#9aa9b8;font-size:10px}.alert-detail-body p{margin-top:9px;color:#526c88;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.alert-detail-body small{display:block;margin-top:11px;color:#8c9daf;font-family:DM Mono,monospace;font-size:10px;overflow-wrap:anywhere}.alert-load-error{color:var(--amber)}.admin-layout{display:grid;grid-template-columns:205px 1fr;gap:16px;min-height:540px}.admin-menu{padding:12px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);height:fit-content}.admin-tab{width:100%;text-align:left;border:0;background:transparent;color:#7489a1;padding:11px 12px;border-radius:8px;font-size:12px}.admin-tab.active{color:var(--blue);background:#eef6ff;font-weight:800}.admin-content{min-width:0}.admin-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.admin-heading h2{font-size:21px;margin:7px 0 5px}.admin-heading p{color:#8798aa;font-size:12px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.config-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:19px 20px}.config-card-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:18px}.config-card h3{font-size:14px}.config-card-head p{color:#96a5b6;font-size:10px;margin-top:5px}.config-total{color:#329c71;font-family:DM Mono,monospace;font-size:12px}.switch{width:35px;height:20px;background:#ccd6e1;padding:3px;border-radius:20px}.switch i{width:14px;height:14px;display:block;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#35b985}.switch.on i{margin-left:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row label,.admin-login label{color:#7f91a4;display:flex;flex-direction:column;gap:7px;font-size:11px}.form-row input,.form-row select,.admin-login input{border:1px solid var(--line);border-radius:7px;padding:9px 10px;color:#385470;outline:0;background:#fbfcfe;font-size:12px}.form-row input:focus,.form-row select:focus,.admin-login input:focus{border-color:#91baf1;box-shadow:0 0 0 3px #eef6ff}.ratio-row{display:grid;grid-template-columns:100px 1fr 39px;gap:9px;align-items:center;padding:7px 0}.ratio-label{display:flex;align-items:center;gap:7px;font-family:DM Mono,monospace;color:#526c88;font-size:10px}.ratio-dot{width:7px;height:7px;border-radius:50%}.ratio-dot.pink{background:#e26d9e}.ratio-dot.purple{background:#7b70df}.ratio-dot.cyan{background:#38a9bf}.ratio-row input{width:100%;accent-color:#397ff0}.ratio-row strong{color:#426080;font-size:11px;text-align:right}.config-hint{color:#9aa9b9;background:#f7f9fc;border-radius:7px;padding:9px;font-family:DM Mono,monospace;font-size:10px}.route-preview{display:flex;flex-direction:column;gap:10px}.route-preview div{display:flex;align-items:center;gap:8px;color:#6b82a0;font-family:DM Mono,monospace;font-size:11px}.route-preview span:first-child{color:var(--blue)}.route-preview b{color:#b2becd;font-weight:400}.admin-login{min-height:500px;display:grid;place-items:center}.login-card{width:min(100%,370px);padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px #1e3b5e14}.login-card h2{font-size:22px;margin:5px 0 6px}.login-card p{color:#8a9bad;font-size:12px;margin-bottom:24px}.login-card label{margin-top:14px}.login-card small{display:block;text-align:center;color:#9aa9b7;font-size:10px;margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end;background:#0d1c324d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.trace-drawer{background:#fff;width:min(510px,100%);height:100%;padding:28px;box-shadow:-20px 0 55px #152f4e26;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-family:DM Mono,monospace;font-size:20px;margin-top:8px}.trace-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 24px}.trace-meta div{background:#f7f9fc;border-radius:9px;padding:11px}.trace-meta span,.trace-meta strong{display:block}.trace-meta span{color:#9aa9b8;font-size:10px}.trace-meta strong{color:#385571;font-family:DM Mono,monospace;font-size:11px;margin-top:6px}.success-text{color:var(--green)!important}.trace-line{border-left:2px solid #dce9fb;margin:3px 0 27px 11px;padding-left:20px}.trace-step{position:relative;display:flex;align-items:center;gap:10px;padding:12px 0}.trace-index{position:absolute;left:-32px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--blue);font-family:DM Mono,monospace;font-size:9px}.trace-step div{flex:1}.trace-step strong,.trace-step span{display:block}.trace-step strong{font-family:DM Mono,monospace;color:var(--blue);font-size:12px}.trace-step span{color:#8ea0b1;font-size:10px;margin-top:4px}.trace-step em{color:#607991;font-family:DM Mono,monospace;font-style:normal;font-size:10px;white-space:nowrap}.mobile-backdrop{display:none}@media(max-width:1180px){.sidebar{width:220px;flex-basis:220px}.content-area{padding-left:24px;padding-right:24px}.metric-value{font-size:29px}.top-grid,.bottom-grid{grid-template-columns:1fr}.trend-panel{min-height:300px}.chart{height:220px}}@media(max-width:820px){.sidebar{position:fixed;transform:translate(-100%);transition:transform .25s ease;width:252px;flex-basis:252px;box-shadow:20px 0 60px #091c372e}.sidebar.is-open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#091b3161}.sidebar-close{display:block;margin-left:auto;color:#9cb0c8}.menu-toggle{display:block;font-size:21px;margin-right:12px}.topbar{height:65px;padding:0 18px}.breadcrumbs{font-size:12px}.top-actions{gap:9px}.env-pill{padding:7px 9px;font-size:10px}.top-action{display:none}.content-area{padding:27px 16px 34px}.page-heading{margin-bottom:21px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:15px;min-height:126px}.metric-value{font-size:25px;margin-top:11px}.metric-note{font-size:10px}.panel-heading{padding:16px}.app-table th,.app-table td{padding-left:14px;padding-right:14px}.application-grid,.model-grid{grid-template-columns:1fr}.gateway-toolbar,.toolbar{align-items:stretch;flex-direction:column}.gateway-actions,.toolbar-actions{width:100%}.search-box{flex:1;min-width:0;width:100%}.gateway-summary{grid-template-columns:repeat(2,1fr);gap:15px 0}.gateway-summary div:nth-child(3){padding-left:0;border-top:1px solid var(--line);padding-top:12px}.gateway-summary div:nth-child(4){border-top:1px solid var(--line);padding-top:12px}.gateway-summary strong{font-size:17px}.summary-strip{gap:18px;overflow-x:auto}.summary-strip>div{min-width:max-content}.admin-layout{grid-template-columns:1fr}.admin-menu{display:flex;overflow-x:auto;gap:5px}.admin-tab{min-width:max-content}.config-grid{grid-template-columns:1fr}.admin-heading{gap:15px}.admin-heading .primary-button{align-self:center}.model-highlight{align-items:flex-start;flex-direction:column}.model-highlight .primary-button{width:100%}.alert-summary{gap:10px}.alert-stat{padding:15px;flex-direction:column;gap:3px}.pagination{align-items:flex-start;flex-direction:column;gap:13px}.trace-drawer{padding:23px}.trace-meta{gap:6px}.trace-meta div{padding:9px}.trace-step em{display:none}}@media(max-width:480px){.brand-block{padding-top:21px}.topbar{padding:0 13px}.breadcrumbs span,.breadcrumbs b{display:none}.content-area{padding-left:12px;padding-right:12px}.page-heading{flex-direction:column;gap:14px}.page-heading .primary-button{align-self:stretch}.metric-grid{gap:8px}.metric-card{padding:13px 12px}.metric-top{font-size:11px}.metric-icon{width:27px;height:27px}.metric-value{font-size:22px}.metric-value small{font-size:12px}.metric-note{line-height:1.4}.panel-heading{flex-wrap:wrap}.event-row{gap:9px}.event-row time{font-size:9px}.event-copy span{max-width:150px}.form-row{grid-template-columns:1fr}.ratio-row{grid-template-columns:91px 1fr 31px}.login-card{padding:25px 20px}.trace-meta{grid-template-columns:1fr}.trace-step{gap:7px}}.catalog-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.catalog-modal{width:min(440px,calc(100% - 28px));background:#fff;border-radius:15px;padding:25px;box-shadow:0 22px 70px #112c4c38}.catalog-modal h2{margin-top:7px;font-size:21px}.catalog-form{display:grid;gap:13px;margin:24px 0}.catalog-form label{display:flex;flex-direction:column;gap:7px;color:#7f91a4;font-size:11px}.catalog-form input{border:1px solid var(--line);border-radius:7px;padding:10px;color:#385470;outline:0;background:#fbfcfe;font-family:DM Mono,monospace;font-size:12px}.catalog-form input:focus{border-color:#91baf1;box-shadow:0 0 0 3px #eef6ff}.catalog-footer{display:flex;justify-content:flex-end;gap:9px}.login-card small.login-error{color:var(--red)}.admin-extra-panel{width:100%;min-height:260px}.admin-extra-panel h2{font-size:19px;margin-top:7px}.admin-extra-list{display:grid;gap:9px}.admin-extra-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:#5f7691;font-size:11px}.admin-extra-row strong{min-width:0;overflow-wrap:anywhere}.admin-extra-header,.admin-extra-model-header{border:0;background:transparent;padding:0 12px 3px;color:#9aa9b8;font-size:10px}.admin-extra-model-header,.admin-extra-model-row{grid-template-columns:1.3fr .7fr .9fr 1.2fr}.bootstrap-panel{margin-top:14px}.bootstrap-progress{display:grid;gap:9px;margin-top:18px}.bootstrap-progress small{color:#8b9bad;font-size:11px}.bootstrap-progress .ghost-button{justify-self:start}.chain-row{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:center;padding:13px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe}.chain-row>div{display:flex;align-items:center;gap:8px}.chain-row strong{color:#516b88;font-size:11px}.chain-path{color:var(--blue);font-family:DM Mono,monospace;font-size:11px;overflow-wrap:anywhere}@media(max-width:720px){.admin-extra-row{grid-template-columns:1fr 1fr}.admin-extra-header,.admin-extra-model-header{display:none}.admin-extra-model-row{grid-template-columns:1fr 1fr}.chain-row{grid-template-columns:1fr;gap:8px}}