:root{--navy: #0b1a2a;--ocean: #0d3d5c;--cyan: #00d4ff;--cyan-bright: #4de5ff;--success: #00e699;--success-bright: #1dd68c;--mist: #7fbfd8;--off-white: #f0f4f8;--ocre: #d99a3d;--ocre-deep: #b7791f;--bg: #f7f9fb;--surface: #ffffff;--surface-2: #eef3f7;--border: #dbe3ea;--border-strong: #c3ced8;--ink: var(--navy);--ink-soft: #46596b;--ink-faint: #778999;--danger: #d1495b;--warn: var(--ocre-deep);--font-display: "Raleway", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--max-w: 1280px;--radius: 10px;--radius-sm: 6px;--gap: 20px;--nav-w: 236px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;color:var(--navy)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-soft);white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mist)}.chip[data-tone=open]:before{background:var(--ocre)}.chip[data-tone=done]:before{background:var(--success-bright)}.chip[data-tone=error]:before{background:var(--danger)}.chip[data-tone=info]:before{background:var(--cyan)}.chip[data-tone=neutral]:before{background:var(--border-strong)}.chip[data-tone=open]{background:#fdf5e7;border-color:#ecd9b0;color:#8a5d16}.chip[data-tone=done]{background:#e9fbf2;border-color:#bfe9d4;color:#0a6b48}.chip[data-tone=error]{background:#fdeef0;border-color:#efc3ca;color:#a12336}.chip[data-tone=info]{background:#e8f8fd;border-color:#b8e6f4;color:#0b5e7a}.chip[data-tone=ready]:before{background:var(--ocean)}.chip[data-tone=ready]{background:#e9f1f7;border-color:#bdd5e6;color:#0d3d5c}.chip[data-tone=sent]:before{background:var(--mist)}.chip[data-tone=sent]{background:#eef6fa;border-color:#c8e0eb;color:#3a6e85}.btn{font-family:var(--font-body);font-weight:600;font-size:14px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 60ms ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn[data-variant=primary]{background:var(--ocean);border-color:var(--ocean);color:#fff}.btn[data-variant=primary]:hover{background:#0a3350}.btn[data-variant=ghost]{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn[data-variant=danger]{color:var(--danger);border-color:#e4b7bf}.btn[data-variant=danger]:hover{background:#fbeef0}.btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (max-width: 760px){html,body{overflow-x:hidden}}