@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-root:oklch(16% .004 240);--bg-surface:oklch(20% .006 240);--bg-raised:oklch(24% .008 240);--bg-hover:oklch(28% .012 240);--border-hairline:oklch(28% .006 240);--border-active:oklch(42% .012 240);--text-dim:oklch(58% .008 240);--text-body:oklch(76% .006 240);--text-clear:oklch(90% .004 240);--text-white:oklch(97% .003 240);--gold:oklch(68% .14 65);--gold-bright:oklch(76% .15 63);--gold-ghost:oklch(68% .14 65/.12);--gold-soft:oklch(68% .14 65/.06);--ok:oklch(70% .16 148);--ok-bg:oklch(70% .16 148/.12);--warn:oklch(76% .14 72);--warn-bg:oklch(76% .14 72/.12);--fail:oklch(70% .18 22);--fail-bg:oklch(70% .18 22/.12);--font-display:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--topbar-h:54px;--content-max:1340px;--r-sm:5px;--r-md:9px;--r-lg:14px;--r-xl:22px;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0}html{background:var(--bg-root);color:var(--text-body);-webkit-font-smoothing:antialiased;font-size:15px}body{font-family:var(--font-display);background:var(--bg-root);min-height:100vh;line-height:1.55;position:relative}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hairline);border-radius:2px}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-hairline);z-index:50;background:oklch(16% .004 240/.88);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 28px;display:grid;position:sticky;top:0}.topbar-brand{letter-spacing:.02em;color:var(--text-white);text-transform:uppercase;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.topbar-brand .mark{background:var(--gold);width:28px;height:28px;color:var(--bg-root);border-radius:5px;justify-content:center;align-items:center;display:flex}.topbar-nav{justify-content:center;align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--text-dim);transition:all .18s var(--ease-out-quint);letter-spacing:.01em;align-items:center;gap:7px;padding:6px 14px;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-clear);background:var(--bg-hover)}.nav-link.active{color:var(--gold);background:var(--gold-ghost);font-weight:600}.nav-link svg{width:15px;height:15px}.nav-link.active svg{color:var(--gold)}.topbar-right{align-items:center;gap:14px;display:flex}.user-label{color:var(--ok);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:600}.page{max-width:var(--content-max);z-index:1;flex:1;width:100%;margin:0 auto;padding:32px 36px 56px;position:relative}.page-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px;display:flex}.page-hero h1{color:var(--text-white);letter-spacing:-.02em;font-size:1.7rem;font-weight:800;line-height:1.1}.page-hero .sub{color:var(--text-dim);font-size:.8rem;font-family:var(--font-mono);letter-spacing:.02em;margin-top:4px}.btn{border-radius:var(--r-sm);font-size:.8rem;font-weight:600;font-family:var(--font-display);border:1px solid var(--border-hairline);background:var(--bg-surface);color:var(--text-body);cursor:pointer;transition:all .18s var(--ease-out-quint);letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:8px 17px;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-clear)}.btn:active{transform:scale(.97)}.btn-solid{background:var(--gold);border-color:var(--gold);color:var(--bg-root);font-weight:700}.btn-solid:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:var(--bg-root)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--gold-ghost);color:var(--gold)}.btn-sm{border-radius:4px;padding:5px 10px;font-size:.74rem}.btn-icon{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-dim);cursor:pointer;transition:all .15s var(--ease-out-quint);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-clear)}.btn-icon.ok:hover{color:var(--ok);background:var(--ok-bg)}.btn-icon.bad:hover{color:var(--fail);background:var(--fail-bg)}input,textarea,select{background:var(--bg-root);border:1px solid var(--border-hairline);color:var(--text-clear);border-radius:var(--r-sm);font-family:var(--font-display);transition:border-color .18s var(--ease-out-quint), box-shadow .18s var(--ease-out-quint);outline:none;padding:9px 13px;font-size:.82rem}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-ghost)}::placeholder{color:var(--text-dim);opacity:.5}.form-row{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.form-row input,.form-row textarea,.form-row select{width:100%}.data-grid{border-collapse:collapse;width:100%}.data-grid th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);border-bottom:2px solid var(--border-hairline);padding:11px 16px;font-size:.66rem;font-weight:700}.data-grid td{border-bottom:1px solid var(--border-hairline);color:var(--text-body);padding:12px 16px;font-size:.83rem}.data-grid tbody tr{transition:background .12s var(--ease-out-quint)}.data-grid tbody tr:hover{background:var(--gold-soft)}.data-grid tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-fail{background:var(--fail-bg);color:var(--fail)}.badge-gold{background:var(--gold-ghost);color:var(--gold)}.badge-dim{background:var(--bg-hover);color:var(--text-dim)}.bento{grid-template-rows:auto auto;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:32px;display:grid}.bento-panel{background:var(--bg-surface);border-radius:var(--r-lg);transition:transform .2s var(--ease-out-quint), box-shadow .2s var(--ease-out-quint);padding:22px 24px;position:relative;overflow:hidden}.bento-panel:hover{transform:translateY(-1px);box-shadow:0 8px 24px oklch(0% 0 0/.25)}.bento-panel.hero{flex-direction:column;grid-row:span 2;justify-content:space-between;display:flex}.panel-eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:10px;font-size:.65rem;font-weight:700}.panel-number{font-family:var(--font-mono);color:var(--text-white);letter-spacing:-.04em;font-size:2.6rem;font-weight:700;line-height:1}.panel-number.gold{color:var(--gold)}.panel-number.ok{color:var(--ok)}.panel-footnote{color:var(--text-dim);align-items:center;gap:5px;margin-top:8px;font-size:.73rem;display:flex}.panel-mini-row{border-top:1px solid var(--border-hairline);gap:28px;margin-top:auto;padding-top:20px;display:flex}.panel-mini-stat .val{font-family:var(--font-mono);color:var(--text-clear);font-size:1.2rem;font-weight:700}.panel-mini-stat .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:3px;font-size:.65rem}.bento-panel:before{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .5s var(--ease-out-quint);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.bento-panel:hover:before{transform:scaleX(1)}.chart-panel{background:var(--bg-surface);border-radius:var(--r-lg);margin-bottom:28px;padding:24px}.chart-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-panel-header h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.76rem;font-weight:700}.stat-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat-block{background:var(--bg-surface);border-radius:var(--r-lg);align-items:center;gap:16px;padding:20px 24px;display:flex}.stat-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.gold{background:var(--gold-ghost);color:var(--gold)}.stat-icon.ok{background:var(--ok-bg);color:var(--ok)}.stat-data .big{font-family:var(--font-mono);color:var(--text-white);font-size:1.4rem;font-weight:700;line-height:1.1}.stat-data .lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-top:3px;font-size:.72rem}.pill-group{background:var(--bg-surface);border-radius:var(--r-sm);border:1px solid var(--border-hairline);gap:3px;padding:3px;display:inline-flex}.pill{color:var(--text-dim);cursor:pointer;font-size:.76rem;font-weight:600;font-family:var(--font-display);transition:all .15s var(--ease-out-quint);background:0 0;border:none;border-radius:4px;padding:5px 14px}.pill:hover{color:var(--text-clear)}.pill.on{background:var(--gold);color:var(--bg-root)}.search-wrap{max-width:300px;position:relative}.search-wrap svg{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrap input{width:100%;padding:9px 12px 9px 34px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:fadeIn .15s var(--ease-out-quint);background:oklch(0% 0 0/.6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-surface);border:1px solid var(--border-active);border-radius:var(--r-xl);width:92%;max-width:580px;max-height:84vh;animation:slideUp .22s var(--ease-spring);padding:30px;overflow-y:auto}.dialog h3{color:var(--text-white);margin-bottom:22px;font-size:1.05rem;font-weight:800}.dialog-footer{border-top:1px solid var(--border-hairline);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.timeline{position:relative}.timeline:before{content:"";background:var(--border-hairline);width:1px;position:absolute;top:8px;bottom:8px;left:6px}.timeline-entry{padding:16px 0 16px 30px;position:relative}.timeline-entry:before{content:"";background:var(--bg-surface);border:2px solid var(--border-active);border-radius:50%;width:13px;height:13px;position:absolute;top:20px;left:0}.timeline-entry.sent:before{border-color:var(--ok);background:var(--ok-bg)}.timeline-entry.fail:before{border-color:var(--fail);background:var(--fail-bg)}.timeline-time{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:4px;font-size:.7rem}.timeline-head{color:var(--text-clear);font-size:.85rem;font-weight:700}.timeline-body{color:var(--text-body);margin-top:4px;font-size:.8rem;line-height:1.5}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-hover) 50%, var(--bg-surface) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-num{width:80px;height:36px}.skeleton-row{width:100%;height:44px;margin-bottom:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;color:var(--text-dim);padding:60px 24px 48px}.empty-icon{border-radius:var(--r-lg);background:var(--bg-hover);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.empty-icon svg{opacity:.35}.empty h3{color:var(--text-clear);margin-bottom:6px;font-size:.9rem;font-weight:700}.empty p{max-width:360px;margin:0 auto;font-size:.82rem}.login-scene{background:radial-gradient(ellipse 60% 50% at 50% 0%, oklch(42% .13 58/.06) 0%, transparent 100%), radial-gradient(ellipse 30% 40% at 80% 80%, oklch(42% .13 58/.03) 0%, transparent 100%), var(--bg-root);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-scene:before{content:"";opacity:.14;pointer-events:none;background:url(/brand-mark.png) 50%/55% no-repeat;position:absolute;inset:0}.login-card{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--r-xl);width:100%;max-width:410px;animation:slideUp .35s var(--ease-spring);z-index:1;padding:44px 40px;position:relative}.login-mark{text-align:center;margin-bottom:28px}.login-mark .icon{background:var(--gold);border-radius:var(--r-md);width:48px;height:48px;color:var(--bg-root);justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.login-mark h1{color:var(--text-white);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.login-mark p{color:var(--text-dim);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.03em;margin-top:5px;font-size:.7rem}.login-err{background:var(--fail-bg);color:var(--fail);border-radius:var(--r-sm);margin-bottom:20px;padding:10px 14px;font-size:.78rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.enter-up{animation:slideUp .4s var(--ease-out-quint) both}.stagger>*{opacity:0;animation:slideUp .4s var(--ease-out-quint) forwards}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}@media (width<=960px){.bento{grid-template-columns:1fr 1fr}.bento-panel.hero{grid-area:span 1/span 2}.stat-row{grid-template-columns:1fr}.page{padding:24px 18px 40px}}@media (width<=640px){.bento{grid-template-columns:1fr}.bento-panel.hero{grid-column:span 1}.topbar-nav{display:none}.page{padding:20px 14px 32px}.page-hero h1{font-size:1.35rem}.dialog{padding:20px}}