:root{--app-bg: #f6f7f9;--surface: #ffffff;--sidebar-bg: #fbfbfc;--topbar-bg: rgba(255, 255, 255, .82);--border-card: #ebedf0;--border-control: #e6e9ee;--divider-row: #f3f4f6;--divider-section: #eef0f3;--text-primary: #0e1116;--text-secondary: #5b6470;--text-tertiary: #8a929e;--text-muted: #9aa2ad;--text-faint: #b6bcc4;--row-hover: #fafafb;--accent: #5c5979;--accent-ring-login: rgba(92, 89, 121, .12);--accent-ring: rgba(92, 89, 121, .1);--accent-nav-bg: rgba(92, 89, 121, .1);--critical: #e5484d;--critical-bg: rgba(229, 72, 77, .09);--warning: #d98417;--warning-series: #f5a623;--warning-bg: rgba(217, 132, 23, .1);--healthy: #30a46c;--healthy-bg: rgba(48, 164, 108, .1);--inprogress: #3372e5;--inprogress-bg: rgba(51, 114, 229, .1);--stopped: #8a929e;--stopped-bg: rgba(138, 146, 158, .12);--failed-accent: #7c4fd6;--radius-card: 13px;--radius-control: 9px;--radius-badge: 6px;--radius-pill: 20px;--shadow-card: 0 1px 2px rgba(13, 17, 22, .04);--shadow-menu: 0 14px 38px rgba(13, 17, 22, .14);--shadow-drawer: -12px 0 40px rgba(13, 17, 22, .16);--shadow-btn: 0 4px 12px rgba(92, 89, 121, .28);--sidebar-w: 236px;--topbar-h: 58px;--content-max: 1320px;--rpy: 13px;--font: "Geist", system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:root{--type-scheduled-bg: #eef0ff;--type-scheduled-fg: #4f4fc4;--type-event-bg: #f3edff;--type-event-fg: #7c4fd6;--type-http-bg: #e6f6fb;--type-http-fg: #0e7fa3;--type-input-bg: #e7f7f1;--type-input-fg: #0f8a63;--type-shipping_rate-bg: #fff3e0;--type-shipping_rate-fg: #b9760d;--type-email-bg: #fdecf3;--type-email-fg: #c43d77;--type-function-bg: #eef7e9;--type-function-fg: #4d8b2e}@keyframes djfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes djslide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes djpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes djspin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--app-bg);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--mono)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-card);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:16px 14px}.logo-block{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.logo-mark{width:30px;height:30px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:#fff}.logo-word{font-weight:700;letter-spacing:-.02em;font-size:16px}.admin-pill{font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);background:var(--divider-section);padding:2px 6px;border-radius:5px;margin-left:4px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-control);color:var(--text-secondary);font-weight:500;font-size:13.5px;transition:background .12s,color .12s}.nav-item:hover{background:var(--row-hover)}.nav-item.active{background:var(--accent-nav-bg);color:var(--accent);font-weight:600}.nav-item .nav-badge{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:600;background:var(--critical-bg);color:var(--critical);padding:1px 7px;border-radius:20px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px}.account-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-control);border:1px solid var(--border-card);background:var(--surface)}.account-row .avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.account-row .meta{min-width:0}.account-row .meta .nm{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row .meta .sub{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row form{margin-left:auto;display:flex}.account-row .signout{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px;border-radius:7px;cursor:pointer;color:var(--text-tertiary);display:grid;place-items:center}.account-row .signout:hover{color:var(--critical);background:var(--critical-bg)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-card);display:flex;align-items:center;gap:14px;padding:0 30px}.topbar .spacer{flex:1}.topbar .divider{width:1px;height:22px;background:var(--border-card)}.icon-btn{width:34px;height:34px;border-radius:var(--radius-control);border:1px solid var(--border-control);background:var(--surface);display:grid;place-items:center;color:var(--text-secondary);transition:background .12s,border-color .12s}.icon-btn:hover{background:var(--row-hover)}.topbar .avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:600}.page{padding:26px 30px 60px;max-width:var(--content-max);width:100%;margin:0 auto;animation:djfade .3s ease}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.page-head h1{font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0}.page-head .subline{color:var(--text-secondary);font-size:13px;margin-top:4px}.page-head .right{margin-left:auto;display:flex;align-items:center;gap:10px}.live-dot{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.live-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--healthy);animation:djpulse 2s infinite}.card{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation:djfade .5s ease}.card-pad{padding:16px 18px}.card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--divider-section)}.card-head h3{font-size:14.5px;font-weight:600;margin:0}.card-head .link{margin-left:auto;color:var(--accent);font-size:12.5px;font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.card-grid{display:grid;gap:16px}.stat{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 17px;animation:djfade .6s ease}.stat .top{display:flex;align-items:center;gap:8px}.stat .label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-secondary);font-weight:500}.stat .label .sq{width:9px;height:9px;border-radius:3px}.stat .spark{margin-left:auto}.stat .value{font-family:var(--mono);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:12px 0 6px}.stat .subline{font-size:11.5px;color:var(--text-tertiary)}.stat .subline .trip{font-family:var(--mono);color:var(--text-secondary)}.delta{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:var(--radius-badge)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600}.badge.pill{padding:3px 9px;border-radius:var(--radius-pill)}.badge.square{padding:3px 9px;border-radius:var(--radius-badge)}.badge .dot{width:7px;height:7px;border-radius:50%}.badge .dot.pulse{animation:djpulse 2s infinite}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding:8px 14px;border-bottom:1px solid var(--divider-section)}.tbl td{padding:var(--rpy) 14px;border-bottom:1px solid var(--divider-row);font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .1s}.tbl tbody tr.clickable:hover{background:var(--row-hover);cursor:pointer}.tbl .primary{font-size:13.5px;font-weight:600}.tbl .secondary{font-size:12.5px;color:var(--text-secondary)}.tbl .num{font-family:var(--mono)}.tbl .num.bad{color:var(--critical);font-weight:600}.seg{display:inline-flex;background:var(--divider-section);border-radius:var(--radius-control);padding:3px;gap:2px}.seg button{border:none;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:7px}.seg button.on{background:#fff;color:var(--text-primary);box-shadow:0 1px 2px #0d11161f;font-weight:600}.input,.select{border:1px solid var(--border-control);background:var(--surface);border-radius:var(--radius-control);padding:8px 11px;font-size:13px;color:var(--text-primary);font-family:inherit;outline:none}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.filter-row{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filter-row .input{flex:1;min-width:200px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-card);background:var(--surface)}.chip .dot{width:7px;height:7px;border-radius:50%}.btn-primary{background:var(--accent);color:#fff;border:none;font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--radius-control);box-shadow:var(--shadow-btn);transition:transform .12s}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-control);font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--radius-control)}.btn-secondary:disabled{background:#f6f7f8;color:#c2c8d0;cursor:not-allowed}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--divider-section);margin:18px 0 14px}.tabs a{padding:9px 12px;font-size:13.5px;color:var(--text-secondary);border-bottom:2px solid transparent;font-weight:500}.tabs a.on{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d111652;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--surface);z-index:50;box-shadow:var(--shadow-drawer);animation:djslide .26s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--divider-section)}.drawer-body{padding:18px;overflow-y:auto}.code-block{font-family:var(--mono);font-size:12.5px;background:#f7f8fa;border:1px solid var(--border-card);border-radius:10px;padding:12px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.meta-cell{border:1px solid var(--border-card);border-radius:11px;padding:10px 11px}.meta-cell .k{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.meta-cell .v{font-size:13px;margin-top:3px}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:djbar .9s ease-in-out infinite}@keyframes djbar{0%{background-position:-40% 0}to{background-position:140% 0}}.spinner{width:16px;height:16px;border:2px solid var(--border-control);border-top-color:var(--accent);border-radius:50%;animation:djspin .7s linear infinite}