:root{--bg: #08090d;--ink: #f4efe6;--muted: #a3988a;--gold: #e0c07a;--line: rgba(224, 192, 122, .18);--panel: rgba(16, 18, 24, .82);--online: #8ed0b5;--offline: #d08a78;--serif: "Fraunces", Palatino, serif;--sans: "Manrope", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(980px 520px at 0% -10%,rgba(224,192,122,.16),transparent 58%),radial-gradient(760px 480px at 100% 0%,rgba(126,164,196,.12),transparent 52%),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(244,239,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,230,.035) 1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:radial-gradient(circle at 20% 10%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 20% 10%,#000 0%,transparent 72%)}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin:0}a{color:inherit}.gate{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:64px 8vw}.gate-copy h1{margin:12px 0 18px;font-family:var(--serif);font-size:clamp(52px,6vw,88px);font-weight:560;letter-spacing:-.04em;line-height:.95}.gate-copy p:last-child{max-width:420px;color:var(--muted);font-size:18px;line-height:1.6}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.gate-card,.panel,.metric,.plate,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px #00000059}.gate-card{display:grid;gap:14px;padding:28px}.switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.switch button,.texty,.ghost{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:10px 14px}.switch button.on{color:var(--ink);background:#e0c07a1a;border-color:var(--line)}.gold{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(180deg,#f0d7a2,#c4964e);color:#24180b;font-weight:700}.gold.wide{width:100%;margin-top:4px}.gold:disabled{opacity:.6}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input{width:100%;border:1px solid var(--line);background:#08090d8c;border-radius:12px;padding:12px 14px;outline:none}input:focus{border-color:var(--gold)}.hint,.sub{color:var(--muted);font-size:13px;line-height:1.5}.form-error{color:#e7b2a6;font-size:14px}.banner{margin-bottom:14px}.banner.ok{color:var(--online)}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.rail{position:sticky;top:0;height:100vh;padding:28px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#08090db8}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.mark{width:44px;height:44px;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line);border-radius:14px}.brand strong{display:block;font-family:var(--serif);font-size:22px;font-weight:560}.brand em{display:block;margin-top:2px;color:var(--muted);font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nav{display:grid;gap:6px;margin-top:36px}.nav a{text-decoration:none;color:var(--muted);border-radius:12px;padding:12px 14px}.nav a.router-link-active{color:var(--ink);background:#e0c07a14;box-shadow:inset 2px 0 0 var(--gold)}.rail-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.who{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}.stage{padding:28px 32px 64px}.top{display:flex;justify-content:space-between;align-items:end;gap:16px}.top h1{margin-top:8px;font-family:var(--serif);font-size:56px;font-weight:560;letter-spacing:-.04em}.clock span{display:block;color:var(--muted);font-size:11px;letter-spacing:.14em}.clock strong{font-family:var(--mono);font-size:20px;font-weight:500}.view{margin-top:28px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric{padding:22px}.metric span{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.metric strong{display:block;margin-top:12px;font-family:var(--serif);font-size:40px;font-weight:560;letter-spacing:-.04em}.metric em{display:block;margin-top:8px;color:var(--muted);font-style:normal;font-size:13px}.section-title{margin:28px 0 14px;font-family:var(--serif);font-weight:560;font-size:28px}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}.plate{padding:18px}.plate header{display:flex;justify-content:space-between;align-items:center;gap:8px}.plate header strong{font-family:var(--mono);font-size:14px}.wallet{margin-top:8px;color:var(--muted);font-family:var(--mono);font-size:12px}.rate{position:relative;overflow:hidden;margin:14px 0;padding:8px 10px;border-radius:999px;background:#ffffff08;color:var(--muted);font-size:12px}.rate b{position:absolute;inset:0 auto 0 0;background:#e0c07a2e}.plate dl{display:grid;gap:8px;margin:0}.plate dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.plate dt{color:var(--muted)}.plate dd{margin:0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;border:1px solid var(--line);font-size:12px}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.online,.pill.completed{color:var(--online)}.pill.offline,.pill.rejected,.pill.failed{color:var(--offline)}.pill.pending{color:var(--gold)}.forms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}.panel{display:grid;gap:12px;padding:22px}.panel h2{font-family:var(--serif);font-size:28px;font-weight:560}.table-wrap{overflow:auto;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(224,192,122,.08);font-size:14px}th{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}td input{width:180px;padding:8px 10px}.actions{display:flex;gap:8px}.mono{font-family:var(--mono);font-size:12px}.empty{padding:28px 16px;color:var(--muted)}.mini{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.mini li{display:flex;justify-content:space-between;gap:8px;font-size:13px}@media (max-width: 1100px){.metrics,.forms,.gate,.shell{grid-template-columns:1fr}.rail{position:relative;height:auto}.top h1{font-size:40px}}