:root{--font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: oklch(98.4% .005 75);--surface: oklch(99.5% .004 80);--surface-2: oklch(96.5% .006 75);--surface-3: oklch(94% .008 75);--line: oklch(91% .008 75);--line-strong: oklch(85% .01 75);--ink: oklch(22% .012 70);--ink-2: oklch(40% .012 70);--ink-3: oklch(55% .012 70);--ink-4: oklch(68% .012 75);--accent: oklch(62% .16 150);--accent-hover: oklch(56% .17 150);--accent-soft: oklch(94% .05 150);--accent-ink: oklch(38% .14 150);--accent-fg: oklch(99% .01 150);--stage-intake-bg: oklch(95% .06 85);--stage-intake-fg: oklch(42% .12 70);--stage-intake-dot: oklch(70% .15 80);--stage-submitted-bg: oklch(94% .05 240);--stage-submitted-fg: oklch(42% .13 240);--stage-submitted-dot:oklch(62% .15 240);--stage-stripe-bg: oklch(94% .05 300);--stage-stripe-fg: oklch(42% .14 300);--stage-stripe-dot: oklch(60% .17 300);--stage-access-bg: oklch(94% .05 150);--stage-access-fg: oklch(40% .13 150);--stage-access-dot: oklch(62% .16 150);--stage-complete-bg: oklch(94% .025 75);--stage-complete-fg: oklch(35% .01 75);--stage-complete-dot: oklch(50% .01 75);--stage-abandoned-bg: oklch(95% .005 75);--stage-abandoned-fg: oklch(50% .008 75);--stage-abandoned-dot:oklch(72% .008 75);--danger: oklch(58% .18 25);--danger-soft: oklch(95% .04 25);--warn: oklch(65% .14 75);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--shadow-sm: 0 1px 0 oklch(0% 0 0 / .04), 0 1px 2px oklch(0% 0 0 / .04);--shadow-md: 0 1px 0 oklch(0% 0 0 / .04), 0 4px 12px oklch(0% 0 0 / .06);--shadow-lg: 0 1px 0 oklch(0% 0 0 / .04), 0 12px 32px oklch(0% 0 0 / .1);--rail: 232px;--header: 56px}[data-theme=dark]{--bg: oklch(16% .006 70);--surface: oklch(20% .007 70);--surface-2: oklch(23% .008 70);--surface-3: oklch(27% .009 70);--line: oklch(28% .009 70);--line-strong: oklch(34% .011 70);--ink: oklch(96% .005 75);--ink-2: oklch(78% .008 75);--ink-3: oklch(62% .009 75);--ink-4: oklch(48% .009 75);--accent: oklch(70% .16 150);--accent-hover: oklch(76% .16 150);--accent-soft: oklch(28% .06 150);--accent-ink: oklch(82% .13 150);--accent-fg: oklch(15% .04 150);--stage-intake-bg: oklch(28% .05 80);--stage-intake-fg: oklch(82% .11 85);--stage-intake-dot: oklch(72% .15 80);--stage-submitted-bg: oklch(26% .05 240);--stage-submitted-fg: oklch(82% .1 240);--stage-submitted-dot:oklch(70% .14 240);--stage-stripe-bg: oklch(26% .05 300);--stage-stripe-fg: oklch(82% .11 300);--stage-stripe-dot: oklch(70% .16 300);--stage-access-bg: oklch(26% .05 150);--stage-access-fg: oklch(82% .11 150);--stage-access-dot: oklch(70% .15 150);--stage-complete-bg: oklch(28% .012 75);--stage-complete-fg: oklch(78% .01 75);--stage-complete-dot: oklch(60% .012 75);--stage-abandoned-bg: oklch(24% .005 75);--stage-abandoned-fg: oklch(64% .008 75);--stage-abandoned-dot:oklch(48% .008 75);--danger: oklch(70% .18 25);--danger-soft: oklch(28% .07 25);--shadow-sm: 0 1px 0 oklch(0% 0 0 / .3), 0 1px 2px oklch(0% 0 0 / .4);--shadow-md: 0 1px 0 oklch(0% 0 0 / .3), 0 4px 12px oklch(0% 0 0 / .4);--shadow-lg: 0 1px 0 oklch(0% 0 0 / .3), 0 12px 32px oklch(0% 0 0 / .5)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.rail{background:var(--surface);border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.rail-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.rail-brand .mark{width:28px;height:28px;background:var(--ink);color:var(--bg);border-radius:7px;display:grid;place-items:center;font-weight:700;font-size:13px;letter-spacing:-.02em}.rail-brand .title{font-weight:600;letter-spacing:-.01em;font-size:14px}.rail-brand .title small{display:block;color:var(--ink-3);font-weight:400;font-size:11px;letter-spacing:0}.rail-section{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:14px 10px 6px}.rail-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-md);color:var(--ink-2);font-size:13.5px;font-weight:500;border:1px solid transparent;background:transparent;width:100%;text-align:left;position:relative}.rail-link:hover{background:var(--surface-2);color:var(--ink)}.rail-link.active{background:var(--surface-2);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.rail-link .ico{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.rail-link.active .ico{color:var(--ink)}.rail-link .badge{margin-left:auto;font-size:11px;font-family:var(--font-mono);color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:1px 7px}.rail-link.active .badge{background:var(--surface)}.rail-foot{margin-top:auto;padding:10px 8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.rail-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c4936b,#a45a4e);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600}.rail-foot .meta{font-size:12px;line-height:1.2}.rail-foot .meta small{color:var(--ink-3)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--header);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:16px;background:color-mix(in oklch,var(--bg) 70%,transparent);backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:10}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}.crumbs strong{color:var(--ink);font-weight:600}.crumbs .sep{color:var(--ink-4)}.topbar-spacer{flex:1}.iconbtn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:background .12s}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.iconbtn[disabled]{opacity:.6;cursor:progress}.iconbtn[data-spinning=true] svg{animation:iconbtn-spin .9s linear infinite}@keyframes iconbtn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar .ping{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.topbar .ping:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in oklch,var(--accent) 60%,transparent);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--accent) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.page{padding:28px 32px 64px;max-width:1400px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.page-head .sub{color:var(--ink-3);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:13px;font-weight:600;letter-spacing:-.005em}.card-head .right{color:var(--ink-3);font-size:12px;display:flex;align-items:center;gap:8px}.card-body{padding:16px}.card-body.flush{padding:0}.online-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(circle at 100% 0%,color-mix(in oklch,var(--accent-soft) 100%,transparent) 0%,transparent 60%),var(--surface);position:relative;overflow:hidden;transition:background .3s}.online-card[data-on=false]{background:radial-gradient(circle at 100% 0%,var(--surface-2) 0%,transparent 60%),var(--surface)}.online-card .label{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--ink-3)}.online-card .label .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-4);box-shadow:0 0 0 0 transparent}.online-card[data-on=true] .label .dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent) 30%,transparent);animation:pulse 2.4s infinite}.online-card .state{font-size:36px;font-weight:600;letter-spacing:-.03em;margin:6px 0 4px;font-family:var(--font-sans)}.online-card[data-on=true] .state .accent{color:var(--accent-ink)}.online-card .meta{font-size:12.5px;color:var(--ink-3);font-family:var(--font-mono)}.online-card .meta strong{color:var(--ink-2);font-weight:500}.bigswitch{--w: 132px;--h: 64px;--pad: 4px;width:var(--w);height:var(--h);border-radius:999px;background:var(--surface-2);border:1px solid var(--line-strong);position:relative;cursor:pointer;transition:background .25s ease,border-color .25s;flex-shrink:0}.bigswitch:after{content:"OFF";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--ink-3);padding-left:calc(var(--h) - 8px);transition:opacity .2s}.bigswitch .knob{position:absolute;top:var(--pad);left:var(--pad);width:calc(var(--h) - var(--pad) * 2);height:calc(var(--h) - var(--pad) * 2);background:var(--surface);border-radius:50%;box-shadow:var(--shadow-md);transition:transform .25s cubic-bezier(.4,1.4,.5,1),background .25s;display:grid;place-items:center}.bigswitch .knob svg{width:22px;height:22px;color:var(--ink-3)}.bigswitch[data-on=true]{background:var(--accent);border-color:var(--accent-hover)}.bigswitch[data-on=true]:after{content:"LIVE";color:var(--accent-fg);padding-left:0;padding-right:calc(var(--h) - 8px)}.bigswitch[data-on=true] .knob{transform:translate(calc(var(--w) - var(--h)));background:#fff}.bigswitch[data-on=true] .knob svg{color:var(--accent)}.counters{display:grid;gap:1px;grid-template-columns:repeat(6,1fr);background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.counter{background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:8px;position:relative;transition:background .15s}.counter:hover{background:var(--surface-2);cursor:pointer}.counter .top{display:flex;align-items:center;justify-content:space-between}.counter .pill-mini{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--ink-2)}.counter .pill-mini .dot{width:7px;height:7px;border-radius:50%}.counter .num{font-size:28px;font-weight:600;letter-spacing:-.03em;font-family:var(--font-sans);color:var(--ink)}.counter .delta{font-size:11px;font-family:var(--font-mono);color:var(--ink-3)}.counter .delta.up{color:var(--accent-ink)}.counters.bar{display:flex;border-radius:var(--r-lg);overflow:hidden;height:56px;background:var(--surface);align-items:stretch;border:1px solid var(--line)}.counters.bar .counter{flex-grow:var(--w, 1);flex-basis:0;padding:0 16px;background:var(--bg-stripe);flex-direction:row;align-items:center;gap:10px;border-right:1px solid var(--line);min-width:80px}.counters.bar .counter:last-child{border-right:0}.counters.bar .counter .num{font-size:16px;font-weight:600}.counters.bar .counter .label-row{font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.counters.bar .counter .dot{width:8px;height:8px;border-radius:50%}.counters.chips{display:flex;gap:8px;flex-wrap:wrap;background:transparent;border:0;padding:0}.counters.chips .counter{flex:0 0 auto;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:999px;flex-direction:row;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.counters.chips .counter .num{font-size:15px;font-weight:600}.counters.chips .counter .pill-mini{font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;font-feature-settings:"tnum";white-space:nowrap;line-height:1}.pill.soft{padding:4px 9px 4px 7px;background:var(--pill-bg);color:var(--pill-fg);border-radius:999px}.pill.soft .dot{width:6px;height:6px;border-radius:50%;background:var(--pill-dot)}.pill.dot{padding:0;background:transparent;color:var(--ink);font-weight:500}.pill.dot .dot{width:8px;height:8px;border-radius:2px;background:var(--pill-dot)}.pill.bordered{padding:3px 9px 3px 7px;background:var(--surface);border:1px solid var(--pill-dot);color:var(--pill-fg);border-radius:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase}.pill.bordered .dot{width:5px;height:5px;border-radius:50%;background:var(--pill-dot)}.feed{display:flex;flex-direction:column}.feed-row{display:grid;grid-template-columns:24px 1fr auto;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:flex-start;position:relative}.feed-row:last-child{border-bottom:0}.feed-row.fresh{animation:fresh 2.4s ease-out}@keyframes fresh{0%{background:var(--accent-soft)}to{background:transparent}}.feed-row .ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-3);flex-shrink:0;margin-top:1px}.feed-row .ico svg{width:13px;height:13px}.feed-row .body{font-size:13px;line-height:1.45;min-width:0}.feed-row .body strong{font-weight:600}.feed-row .body .sub{color:var(--ink-3);font-size:12px;margin-top:2px}.feed-row .time{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);white-space:nowrap}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);position:sticky;top:0;white-space:nowrap}.tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.tbl tbody tr{cursor:pointer;transition:background .1s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.selected{background:var(--accent-soft)}.tbl tbody tr:last-child td{border-bottom:0}.tbl .name{font-weight:600;color:var(--ink)}.tbl .email,.tbl .mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.tbl .muted{color:var(--ink-3)}.tbl .due-soon{color:var(--warn);font-weight:500}.filterbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface);align-items:center}.filter{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-2)}.filter:hover{background:var(--surface-2);color:var(--ink)}.filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filter .x{color:var(--ink-4);margin-left:2px}.search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.search input{border:0;outline:0;background:transparent;flex:1;font-size:13px}.search svg{width:14px;height:14px;color:var(--ink-3)}.search kbd{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);border:1px solid var(--line);background:var(--surface-2);padding:1px 5px;border-radius:4px}.flag{display:inline-flex;width:20px;height:14px;border-radius:2px;overflow:hidden;vertical-align:middle;border:1px solid var(--line);flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2)}.btn.danger{background:var(--surface);color:var(--danger);border-color:var(--line)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.sm{padding:3px 8px;font-size:12px}.btn.sm svg{width:12px;height:12px}.btn svg{width:14px;height:14px}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.identity{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding:18px 20px}.identity .field{display:flex;flex-direction:column;gap:2px;min-width:0}.identity .field label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4)}.identity .field .val{font-size:13.5px;word-break:break-word}.identity .field .val.mono{font-family:var(--font-mono);font-size:12.5px}.identity .field .val a{color:var(--accent-ink);text-decoration:none}.identity .field .val a:hover{text-decoration:underline}.identity .field.full{grid-column:1 / -1}.timeline{padding:8px 0}.tl-row{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:0 16px;position:relative}.tl-row .axis{position:relative;display:flex;justify-content:center}.tl-row .axis:before{content:"";position:absolute;top:0;bottom:0;width:1.5px;background:var(--line)}.tl-row:first-child .axis:before{top:16px}.tl-row:last-child .axis:before{bottom:calc(100% - 16px)}.tl-row .node{position:relative;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);margin-top:12px;z-index:1}.tl-row.done .node{background:var(--accent);border-color:var(--accent)}.tl-row.current .node{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tl-row .body{padding:10px 0 18px;min-width:0}.tl-row .body .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tl-row .body .lbl{font-weight:600;font-size:13.5px}.tl-row .body .when{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}.tl-row .body .desc{font-size:13px;color:var(--ink-2);margin-top:2px}.tl-row.pending .node{background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 2px,var(--line) 2px,var(--line) 4px)}.tl-row.pending .body .lbl{color:var(--ink-3)}.actions-row{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--line);background:var(--surface-2);border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}.note{padding:16px;display:flex;flex-direction:column;gap:8px}.note textarea{width:100%;min-height:60px;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;font-size:13px;background:var(--surface);resize:vertical}.note textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.note-list{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}.note-item{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;font-size:13px}.note-item .when{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:4px}.mail-row td .scenario{font-weight:600;font-size:13px}.mail-row td .preview{color:var(--ink-3);font-size:12px;margin-top:2px}.mail-status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-family:var(--font-mono);padding:2px 8px;border-radius:4px}.mail-status.pending{background:var(--stage-intake-bg);color:var(--stage-intake-fg)}.mail-status.sent{background:var(--stage-access-bg);color:var(--stage-access-fg)}.mail-status.cancelled{background:var(--surface-2);color:var(--ink-3);text-decoration:line-through}.countdown{font-family:var(--font-mono);font-size:12.5px;font-weight:500}.countdown.warn{color:var(--warn)}.countdown.urgent{color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:960px){:root{--rail: 64px}.rail-brand .title,.rail-link span:not(.ico):not(.badge),.rail-section,.rail-foot .meta{display:none}.rail-link{justify-content:center}.detail-grid,.grid-2{grid-template-columns:1fr}.counters{grid-template-columns:repeat(3,1fr)}.page{padding:20px 16px 64px}.online-card{grid-template-columns:1fr}.online-card .bigswitch{justify-self:start}}@media(max-width:600px){.counters{grid-template-columns:repeat(2,1fr)}.identity{grid-template-columns:1fr}}.empty{padding:40px 20px;text-align:center;color:var(--ink-3);font-size:13px}.divider{height:1px;background:var(--line)}.kbd-hint{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}