:root{--ink:#111;--ink-strong:#000;--charcoal:#333;--slate:#5f6672;--steel:#8a8a8a;--canvas:#fff;--surface:#f6f7f9;--surface-soft:#fbfbfc;--hairline:#e8e8e8;--hairline-soft:#f0f0f0;--coral:#ff5a3d;--magenta:#ef3f96;--blue:#205dff;--purple:#7559ff;--success-bg:#e8f8ee;--success-text:#12743b;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fff 0%,#fbfbfc 48%,#f6f7f9 100%);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}h1{color:var(--ink-strong);letter-spacing:0;font-size:clamp(36px,4vw,58px);font-weight:650;line-height:1.05}h2{color:var(--ink);font-size:19px;font-weight:650;line-height:1.35}.eyebrow{color:var(--steel);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.auth-screen{place-items:center;min-height:100dvh;padding:28px;display:grid}.auth-card{border:1px solid var(--hairline);background:var(--canvas);border-radius:28px;grid-template-columns:minmax(360px,1fr) minmax(360px,440px);width:min(1120px,100%);min-height:640px;display:grid;overflow:hidden;box-shadow:0 18px 44px #11111114}.auth-panel{color:#fff;background:radial-gradient(circle at 80% 12%,#ffffff8f,#0000 22%),linear-gradient(135deg,#ff5a3d 0%,#ef3f96 48%,#7559ff 100%);grid-template-rows:auto 1fr auto;gap:28px;min-height:640px;padding:38px;display:grid;position:relative;overflow:hidden}.auth-panel:before{content:"";pointer-events:none;border:1px solid #ffffff38;border-radius:22px;position:absolute;inset:22px}.auth-panel:after{content:"";background:#ffffff2e;border-radius:999px;width:260px;height:260px;position:absolute;bottom:-80px;right:-80px}.auth-brand,.brand-lockup,.topbar-brand,.auth-stat-row,.login-meta,.topbar,.controls,.sidebar-brand,.nav-item,.sidebar-status,.button-primary,.button-secondary,.input-shell,.search-field,.panel-title,.notice,.auth-checking,.session-brand{align-items:center;display:flex}.auth-brand{z-index:1;gap:12px;position:relative}.auth-logo,.brand-logo,.topbar-logo{object-fit:contain;flex:none;display:block}.auth-logo{background:#ffffffeb;border-radius:10px;width:42px;height:42px;padding:4px}.auth-brand strong{color:#fff;font-size:21px;font-weight:750;display:block}.auth-brand span{color:#ffffffc7;margin-top:1px;font-size:12px;font-weight:600;display:block}.auth-panel-copy{z-index:1;align-self:center;max-width:560px;position:relative}.auth-panel-copy p{color:#ffffffd1;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:700}.auth-panel-copy h1{color:#fff;font-size:clamp(44px,5vw,72px);line-height:1}.auth-preview{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:18px;gap:16px;max-width:440px;padding:18px;display:grid;position:relative}.preview-row{color:#ffffffd1;justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:700;display:flex}.preview-row strong{color:#fff}.preview-bars{grid-template-columns:1.1fr .8fr 1.35fr .55fr;align-items:end;gap:8px;height:68px;display:grid}.preview-bars span{background:#ffffffc2;border-radius:999px 999px 6px 6px;display:block}.preview-bars span:first-child{height:42px}.preview-bars span:nth-child(2){height:58px}.preview-bars span:nth-child(3){height:68px}.preview-bars span:nth-child(4){height:34px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preview-grid span{color:#ffffffdb;text-align:center;border:1px solid #ffffff38;border-radius:999px;min-height:34px;padding:8px 10px;font-size:12px;font-weight:700}.login-card{background:var(--canvas);min-height:640px;padding:38px;display:grid}.login-card-inner{grid-template-rows:auto 1fr auto;align-self:center;width:100%;min-height:500px;display:grid}.login-heading{min-height:150px}.login-card h2{color:var(--ink);letter-spacing:0;margin-top:8px;font-size:34px;font-weight:700;line-height:1.18}.login-copy{max-width:430px;color:var(--slate);margin-top:12px;font-size:15px;line-height:1.55}.login-body{align-content:start;min-height:270px;display:grid}.login-form{gap:11px;width:100%;display:grid}.login-form label{color:var(--charcoal);font-size:13px;font-weight:700}.input-shell,.search-field{border:1px solid var(--hairline);background:var(--surface);min-height:46px;color:var(--steel);border-radius:999px;gap:10px;padding:0 16px;transition:border-color .18s,box-shadow .18s,background .18s}.input-shell:focus-within,.search-field:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #205dff1a}.input-shell input,.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.input-shell input::placeholder,.search-field input::placeholder{color:var(--steel)}.button-primary,.button-secondary{border-radius:999px;justify-content:center;gap:8px;min-height:42px;padding:0 22px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,color .18s,opacity .18s}.button-primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.button-primary:hover{background:var(--charcoal)}.button-primary:disabled{cursor:wait;border-color:var(--hairline);background:var(--hairline);color:var(--steel)}.button-secondary{border:1px solid var(--ink);color:var(--ink);background:0 0}.button-secondary:hover{background:var(--surface)}.wide-button{width:100%;margin-top:2px}.login-error{color:#0000;min-height:22px;font-size:13px;line-height:1.45}.login-error.visible{color:#b42318}.login-meta{min-height:34px;color:var(--steel);flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.5}.login-meta span{align-items:center;gap:6px;display:inline-flex}.auth-checking{border:1px solid var(--hairline);background:var(--surface);width:100%;min-height:54px;color:var(--charcoal);border-radius:999px;justify-content:center;gap:10px;margin-top:24px;padding:0 18px;font-size:14px;font-weight:700}.session-screen{background:linear-gradient(#fff 0%,#fbfbfc 48%,#f6f7f9 100%);place-items:center;min-height:100dvh;padding:28px;display:grid}.session-card{border:1px solid var(--hairline);background:var(--canvas);border-radius:24px;gap:22px;width:min(420px,100%);min-height:360px;padding:30px;display:grid;box-shadow:0 18px 44px #11111114}.session-brand{gap:12px}.session-logo{object-fit:contain;border-radius:9px;width:38px;height:38px;display:block}.session-brand strong{color:var(--ink);font-size:20px;font-weight:800;display:block}.session-brand span{color:var(--steel);margin-top:1px;font-size:12px;font-weight:700;display:block}.session-loader{background:var(--surface);border-radius:16px;grid-template-columns:1fr .72fr 1.25fr;align-items:end;gap:8px;height:74px;padding:14px;display:grid}.session-loader span{background:linear-gradient(180deg, var(--ink), var(--charcoal));border-radius:999px 999px 7px 7px;animation:1.1s ease-in-out infinite pulse-bars;display:block}.session-loader span:first-child{height:34px}.session-loader span:nth-child(2){height:48px;animation-delay:.12s}.session-loader span:nth-child(3){height:62px;animation-delay:.24s}.session-copy{color:var(--slate);margin-top:10px;font-size:14px;line-height:1.5}@keyframes pulse-bars{0%,to{opacity:.42}50%{opacity:1}}.app-shell{background:var(--surface-soft);grid-template-columns:236px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--hairline);background:var(--canvas);flex-direction:column;min-height:100dvh;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar-brand{min-height:44px;margin-bottom:24px}.brand-lockup{gap:10px;min-width:0}.brand-logo{border-radius:8px;width:32px;height:32px}.wordmark{color:var(--ink);letter-spacing:0;font-size:20px;font-weight:800}.sidebar-brand span,.sidebar-status span{color:var(--steel);font-size:12px;display:block}.nav-list{gap:7px;display:grid}.nav-item{min-height:40px;color:var(--charcoal);text-align:left;background:0 0;border:0;border-radius:9px;justify-content:flex-start;gap:10px;padding:0 12px;transition:background .18s,color .18s}.nav-item.active,.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{font-weight:700}.sidebar-status{border:1px solid var(--hairline);background:var(--surface);color:var(--success-text);border-radius:14px;gap:10px;margin-top:auto;padding:14px}.sidebar-status strong{color:var(--ink);font-size:13px;font-weight:700;display:block}.dashboard{min-width:0;padding:30px}.topbar{justify-content:space-between;gap:32px;min-height:134px;margin-bottom:22px}.topbar-brand{gap:8px;margin-bottom:9px}.topbar-logo{border-radius:6px;width:24px;height:24px}.page-subtitle{max-width:760px;color:var(--slate);margin-top:13px;font-size:17px;line-height:1.5}.controls{flex-wrap:wrap;justify-content:flex-end;gap:10px}.segmented{border:1px solid var(--hairline);background:var(--canvas);border-radius:999px;grid-template-columns:repeat(4,52px);min-height:42px;display:inline-grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--hairline);color:var(--steel);background:0 0;font-size:13px;font-weight:750;transition:background .18s,color .18s}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--ink);color:#fff}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{color:#fff;border-radius:22px;grid-template-columns:44px minmax(0,1fr);gap:13px;min-height:154px;padding:22px;display:grid;overflow:hidden}.product-coral{background:radial-gradient(circle at 78% 16%, #ffffff4d, transparent 24%), linear-gradient(135deg, var(--coral), #f03255 58%, #7d2cff)}.product-magenta{background:radial-gradient(circle at 82% 18%, #ffffff47, transparent 24%), linear-gradient(135deg, var(--magenta), #8425ff)}.product-blue{background:radial-gradient(circle at 80% 20%, #ffffff4d, transparent 25%), linear-gradient(135deg, var(--blue), #09a6ff)}.product-purple{background:radial-gradient(circle at 80% 20%, #ffffff42, transparent 25%), linear-gradient(135deg, var(--purple), #391cc8)}.metric-icon{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.metric-card p{color:#ffffffd6;font-size:13px;font-weight:750}.metric-card strong{color:#fff;letter-spacing:0;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(26px,2.6vw,34px);font-weight:720;line-height:1.06;display:block}.metric-card span{color:#ffffffc7;margin-top:9px;font-size:13px;line-height:1.4;display:block}.grid{gap:14px;margin-top:14px;display:grid}.grid.two{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.notice{border:1px solid var(--hairline);background:var(--canvas);border-radius:14px;box-shadow:0 1px 2px #11111109}.panel{min-width:0;padding:22px}.panel.wide{margin-top:14px}.panel-head{justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin-bottom:15px;display:flex}.panel-title{color:var(--ink);gap:8px}.chart{width:100%;height:315px}.list{gap:8px;display:grid}.list-row{background:var(--surface);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:grid}.list-main,.endpoint{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-main{color:var(--charcoal);font-size:14px;font-weight:650}.list-value{color:var(--ink);font-size:13px;font-weight:800}.spotlight{background:var(--surface);border-radius:14px;align-content:center;min-height:144px;padding:18px;display:grid}.spotlight-label{color:var(--steel);text-transform:uppercase;font-size:12px;font-weight:800}.spotlight strong{color:var(--ink);margin-top:10px;font-size:25px;font-weight:760;line-height:1.12;display:block}.spotlight p{color:var(--slate);margin-top:10px;font-size:14px;line-height:1.45}.method,.status,.ip-chip{border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.method-post{background:var(--success-bg);color:var(--success-text)}.method-get{color:#154bd6;background:#dceeff}.method-put,.method-patch{color:#925b00;background:#fff1ce}.method-delete{color:#b42318;background:#ffe2df}.method:not(.method-post):not(.method-get):not(.method-put):not(.method-patch):not(.method-delete){background:var(--hairline);color:var(--charcoal)}.location-dot{background:var(--coral);border-radius:999px;width:10px;height:10px}.ip-chip{color:#154bd6;background:#dceeff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.table-wrap{width:100%;overflow-x:auto}.table-wrap.compact table{min-width:620px}table{border-collapse:collapse;width:100%;min-width:920px}th,td{border-bottom:1px solid var(--hairline-soft);text-align:left;vertical-align:middle;padding:15px 12px}th{background:var(--surface);color:var(--steel);font-size:13px;font-weight:800}td{color:var(--charcoal);font-size:14px}td .method{margin-right:8px}.table-title{max-width:320px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.table-subtitle{max-width:320px;color:var(--steel);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;display:block;overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.status.ok{background:var(--success-bg);color:var(--success-text)}.status.bad{color:#b42318;background:#ffe2df}.muted{color:var(--steel);font-size:14px}.notice{color:var(--slate);align-items:flex-start;gap:12px;margin-bottom:14px;padding:18px}.notice strong{color:var(--ink);margin-bottom:4px;display:block}.notice.error{color:#b42318;background:#fff7f6;border-color:#ffd0ca}.dashboard-skeleton{gap:14px;display:grid}.skeleton-metrics{margin-bottom:0}.skeleton{background:linear-gradient(90deg,#f1f2f4,#fff,#f1f2f4) 0 0/200% 100%;border-radius:14px;animation:1.2s ease-in-out infinite shimmer}.metric-skeleton{border-radius:22px;height:154px}.chart-skeleton{height:360px}.panel-skeleton{height:210px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton,.session-loader span{animation:none}.button-primary,.button-secondary,.nav-item,.segmented button,.input-shell,.search-field{transition:none}}@media (width<=1180px){.auth-card{grid-template-columns:1fr}.auth-panel,.login-card{min-height:430px}.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--hairline);min-height:auto;position:relative}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-status{display:none}.topbar{flex-direction:column;align-items:flex-start}.metrics,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}}@media (width<=760px){.auth-screen{padding:14px}.auth-card{border-radius:22px}.auth-panel,.login-card,.dashboard,.sidebar{padding:20px}.auth-panel{min-height:370px}.login-card{min-height:500px}.login-card-inner{min-height:430px}.auth-panel-copy h1{font-size:38px}.login-card h2{font-size:29px}h1{font-size:38px}.topbar{min-height:auto}.controls,.button-primary,.button-secondary,.search-field{width:100%}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.metrics,.grid.three,.nav-list{grid-template-columns:1fr}.metric-card{min-height:140px}.panel-head{flex-direction:column;align-items:flex-start}.chart{height:280px}}