@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f3f3f3;background:#0b0b0b;font-synthesis:none;--bg:#0b0b0b;--surface:#151515;--surface-2:#191919;--line:#292929;--line-2:#333;--text:#f3f3f3;--muted:#8f8f8f;--dim:#666}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:880px}button,input,select{font:inherit}button{color:inherit}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.shell--collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#101010;display:flex;flex-direction:column;padding:0 14px 14px;z-index:3}.brand{height:75px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}.brand__mark{display:none;font:500 13px DM Mono}.brand strong{display:block;font-size:15px;letter-spacing:-.02em}.brand small{display:block;font:500 10px DM Mono;color:var(--muted);letter-spacing:.17em;margin-top:3px}.collapse{position:absolute;top:27px;right:-12px;width:24px;height:24px;border:1px solid var(--line-2);background:#151515;border-radius:4px;display:grid;place-items:center;cursor:pointer}.shell--collapsed .collapse svg{transform:rotate(180deg)}.sidebar nav{flex:1;overflow:auto;padding-top:13px;scrollbar-width:none}.nav-group{margin:0 0 13px}.nav-group p{font:500 10px DM Mono;color:#555;letter-spacing:.14em;margin:0 10px 6px}.nav-group a{text-decoration:none;color:#8d8d8d;height:35px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:5px;font-size:13px;margin:1px 0;white-space:nowrap;overflow:hidden}.nav-group a:hover{color:#ddd;background:#171717}.nav-group a.active{color:#111;background:#e8e8e8;font-weight:600}.nav-group a svg{flex:0 0 auto}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px}.environment,.api-state{display:flex;align-items:center;justify-content:space-between;height:30px;color:var(--muted);font:500 10px DM Mono;white-space:nowrap;overflow:hidden}.environment{justify-content:flex-start;gap:8px}.environment i,.system-pill i,.live-stamp i{width:6px;height:6px;background:#d8d8d8;border-radius:50%;box-shadow:0 0 0 3px #333}.api-state strong{color:#d2d2d2;font-weight:500}.admin-chip{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:12px;margin-top:6px;white-space:nowrap;overflow:hidden}.admin-chip>div,.admin-avatar{width:31px;height:31px;background:#e5e5e5;color:#111;border:0;border-radius:5px;display:grid;place-items:center;font:600 11px DM Mono;flex:0 0 auto}.admin-chip span strong,.admin-chip span small{display:block;font-size:11px}.admin-chip span small{color:var(--dim);margin-top:2px}.shell--collapsed .brand>div,.shell--collapsed .nav-group p,.shell--collapsed .nav-group span,.shell--collapsed .sidebar-foot span,.shell--collapsed .api-state,.shell--collapsed .admin-chip span{display:none}.shell--collapsed .brand{justify-content:center}.shell--collapsed .brand__mark{display:block}.shell--collapsed .nav-group a{justify-content:center;padding:0}.shell--collapsed .admin-chip{justify-content:center}.workspace{min-width:0}.topbar{height:75px;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#0b0b0bf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.global-search{width:310px;height:36px;border:1px solid var(--line);background:#121212;border-radius:5px;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--muted);font-size:12px;cursor:pointer}.global-search span{flex:1;text-align:left}.global-search kbd,.command kbd{border:1px solid var(--line-2);background:#1b1b1b;padding:2px 6px;color:#777;border-radius:3px;font:10px DM Mono}.topbar__right{display:flex;align-items:center;gap:10px}.topbar__right>button:not(.admin-avatar){width:34px;height:34px;border:1px solid var(--line);background:#121212;border-radius:5px;display:grid;place-items:center;cursor:pointer}.system-pill{height:34px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:0 12px;border-radius:5px;color:#aaa;font:11px DM Mono}.page{padding:31px 32px 50px;max-width:1720px;margin:auto}.page-enter{animation:pageIn .28s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(5px)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;min-height:75px;margin-bottom:27px}.page-head p{margin:0 0 7px;font:500 10px DM Mono;letter-spacing:.15em;color:#707070}.page-head h1{font-size:29px;letter-spacing:-.04em;line-height:1;margin:0 0 9px}.page-head span{color:var(--muted);font-size:13px}.live-stamp{display:flex;align-items:center;gap:9px;font:500 10px DM Mono;color:#999;border-left:1px solid var(--line);padding-left:20px}.live-stamp b{font-weight:400;color:#5f5f5f}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:20px}.metric{min-height:139px;padding:16px;background:#111;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 90px;animation:pageIn .3s ease both}.metric span{display:block;color:#838383;font:500 10px DM Mono;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:12px;font-size:24px;letter-spacing:-.04em}.metric svg{align-self:center;width:86px;height:36px;overflow:visible}.metric polyline{fill:none;stroke:#929292;stroke-width:1.2;vector-effect:non-scaling-stroke}.metric footer{grid-column:1/-1;align-self:end;display:flex;align-items:center;gap:10px;font-size:10px}.metric footer b{color:#ddd;font:500 10px DM Mono}.metric footer small{color:#5f5f5f}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);min-height:320px;padding:18px;overflow:hidden}.panel--wide{grid-column:span 2}.panel>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.panel>header span{display:block;color:#666;font:500 10px DM Mono;letter-spacing:.12em;margin-bottom:5px}.panel>header strong{font-size:14px;font-weight:600}.panel>header small{color:#666;font:10px DM Mono}.panel>header button{border:0;background:none;color:#888;font:10px DM Mono;cursor:pointer}.chart{width:100%;height:240px}.range{display:flex;border:1px solid var(--line);padding:2px;border-radius:4px}.range button{border:0!important;padding:5px 8px!important;border-radius:2px!important}.range button.active{color:#111!important;background:#ddd!important}.recharts-text{font:9px DM Mono}.donut-wrap{position:relative;height:195px}.donut-wrap>div:last-child{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-wrap strong{display:block;font-size:20px}.donut-wrap span{font:9px DM Mono;color:#666}.legend{border-top:1px solid var(--line);padding-top:10px}.legend p{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:11px;color:#999}.legend p i{width:7px;height:7px}.legend p b{margin-left:auto;color:#ddd;font:500 10px DM Mono}.activity-panel{grid-column:span 1}.activity-list>div{display:grid;grid-template-columns:38px 8px 1fr auto;gap:8px;align-items:start;border-top:1px solid #242424;padding:11px 0}.activity-list time{color:#555;font:10px DM Mono;margin-top:2px}.activity-list i{width:6px;height:6px;background:#999;border-radius:50%;margin-top:5px}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:11px;font-weight:500}.activity-list small{font-size:10px;color:#666;margin-top:3px}.activity-list em{font:9px DM Mono;color:#5e5e5e;font-style:normal}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;display:grid;place-items:start center;padding-top:13vh;z-index:10}.command{width:min(560px,90vw);background:#171717;border:1px solid #3a3a3a;box-shadow:0 30px 80px #000;padding:8px;border-radius:7px}.command header{display:flex;justify-content:space-between;padding:10px;color:#6f6f6f;font:10px DM Mono;letter-spacing:.1em}.command input{width:100%;height:48px;background:#101010;border:1px solid var(--line);color:#eee;padding:0 13px;outline:none;border-radius:4px;margin-bottom:6px}.command button{width:100%;border:0;background:none;display:flex;justify-content:space-between;padding:11px 12px;color:#bbb;border-radius:4px;cursor:pointer}.command button:hover{background:#eee;color:#111}.command button small{font:10px DM Mono;color:#666}.skeleton-block{background:linear-gradient(90deg,#121212,#1d1d1d,#121212);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.state-card{min-height:150px;border:1px solid var(--line);background:#121212;display:flex;align-items:center;justify-content:center;gap:10px;color:#777;font:11px DM Mono;padding:24px;text-align:center}.state-card--error{flex-direction:column;color:#aaa}.state-card strong{color:#eee}.state-card button,.load-more,.table-search button{border:1px solid #3a3a3a;background:#e8e8e8;color:#111;padding:8px 14px;border-radius:4px;cursor:pointer;font:600 10px DM Mono;text-transform:uppercase}.state-pulse{width:7px;height:7px;border-radius:50%;background:#ddd;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.loading-skeleton{align-items:stretch;flex-direction:column}.loading-skeleton span{display:block;height:17px;border-radius:3px;background:linear-gradient(90deg,#181818,#242424,#181818);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-skeleton span:nth-child(1){width:34%}.loading-skeleton span:nth-child(2){width:86%}.loading-skeleton span:nth-child(3){width:71%}.loading-skeleton span:nth-child(4){width:54%}.table-search{display:flex;gap:7px;margin:0 0 14px}.table-search input{width:min(380px,100%);height:38px;background:#121212;color:#eee;border:1px solid var(--line);border-radius:4px;padding:0 12px;outline:none}.table-search input:focus{border-color:#555}.table-shell{border:1px solid var(--line);background:#111;overflow:auto}.table-shell table{width:100%;border-collapse:collapse;font-size:12px}.table-shell th{text-align:left;color:#666;font:500 9px DM Mono;letter-spacing:.1em;text-transform:uppercase;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.table-shell td{padding:13px;border-bottom:1px solid #222;color:#aaa;vertical-align:top;max-width:420px}.table-shell tr:last-child td{border-bottom:0}.table-shell tr:hover td{background:#151515}.table-shell td strong,.table-shell td small{display:block}.table-shell td strong{color:#e4e4e4;font-weight:500}.table-shell td small{margin-top:4px;color:#5f5f5f;font:9px DM Mono}.mono{font:10px DM Mono!important;color:#858585!important}.message-cell{white-space:normal;line-height:1.5;min-width:240px;color:#ccc!important}.status-badge{display:inline-block;border:1px solid #3b3b3b;border-radius:3px;padding:4px 7px;color:#bbb;font:500 9px DM Mono;white-space:nowrap}.status-badge--active,.status-badge--online,.status-badge--sent{background:#dedede;color:#111;border-color:#dedede}.status-badge--failed,.status-badge--error,.status-badge--offline,.status-badge--session_expired{border-color:#777;color:#eee}.load-more{display:block;margin:14px auto 0}.info-strip{border:1px solid var(--line);background:#141414;color:#777;padding:10px 12px;margin-bottom:12px;font:10px DM Mono}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.system-grid article{min-height:110px;padding:17px;background:#121212;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.system-grid span,.system-grid strong{display:block}.system-grid span{color:#666;font:500 9px DM Mono;text-transform:uppercase;letter-spacing:.1em}.system-grid strong{margin-top:18px;font-size:14px;overflow-wrap:anywhere}.placeholder-panel{border:1px solid var(--line);background:#121212;padding:35px;max-width:720px}.placeholder-panel strong{font:500 10px DM Mono;letter-spacing:.12em}.placeholder-panel p{color:#777;line-height:1.7;max-width:560px;font-size:13px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.activity-panel{grid-column:span 2}.system-pill{display:none}}