@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Fira+Code:wght@400;500&display=swap";:root{color-scheme:light;--book-white: #faf9f5;--book-cloud: #f5f4ee;--book-linen: #eeece2;--book-fog: #e8e6dc;--book-stone: #d8d6cc;--book-ash: #b0aea5;--book-slate: #87857c;--book-ink: #3d3d3a;--book-char: #1f1e1d;--book-black: #141413;--clay-50: #fbf0ea;--clay-100: #f5dcce;--clay-200: #eabfa7;--clay-400: #e09477;--clay-500: #d97757;--clay-600: #c25f3e;--clay-700: #9a4a30;--clay-900: #4a2618;--sky-50: #eaf1f8;--sky-100: #d3e3f1;--sky-400: #86afd5;--sky-500: #6a9bcc;--sky-600: #4f7fae;--sky-900: #1f3a5a;--moss-50: #edf0e6;--moss-100: #d9e0c6;--moss-400: #96a875;--moss-500: #788c5d;--moss-600: #5d6f46;--moss-900: #2a3420;--status-success: var(--moss-500);--status-info: var(--sky-500);--status-warn: #c89a3c;--status-danger: #b8463a;--bg: var(--book-white);--bg-elev-1: var(--book-cloud);--bg-elev-2: #ffffff;--bg-inverse: var(--book-black);--fg: var(--book-ink);--fg-strong: var(--book-char);--fg-muted: var(--book-slate);--fg-subtle: var(--book-ash);--fg-inverse: var(--book-white);--border: var(--book-fog);--border-strong:var(--book-stone);--hairline: rgba(20,20,19,.08);--accent: var(--clay-500);--accent-hover: var(--clay-600);--accent-fg: #ffffff;--accent-tint: var(--clay-50);--font-display: "Styrene A", "Styrene A Web", "Poppins", ui-sans-serif, system-ui, sans-serif;--font-ui: "Styrene B", "Styrene B Web", "Poppins", ui-sans-serif, system-ui, sans-serif;--font-serif: "Tiempos Text", "Tiempos", "Lora", Georgia, "Times New Roman", serif;--font-mono: "Fira Code", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 30px;--fs-3xl: 36px;--fs-4xl: 48px;--fs-5xl: 64px;--fs-6xl: 84px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-loose: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .12em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 0 rgba(20,20,19,.04), 0 1px 2px rgba(20,20,19,.04);--shadow-sm: 0 1px 2px rgba(20,20,19,.05), 0 2px 6px rgba(20,20,19,.04);--shadow-md: 0 2px 4px rgba(20,20,19,.05), 0 8px 20px rgba(20,20,19,.06);--shadow-lg: 0 4px 10px rgba(20,20,19,.06), 0 20px 40px rgba(20,20,19,.08);--shadow-ring: 0 0 0 4px rgba(217,119,87,.25);--inset-hairline: inset 0 0 0 1px var(--hairline);--ease-standard: cubic-bezier(.2, .6, .2, 1);--ease-emphasized: cubic-bezier(.2, .8, .2, 1.1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}[data-theme=dark]{color-scheme:dark;--bg: #262624;--bg-elev-1: #2f2e2c;--bg-elev-2: #363533;--bg-inverse: var(--book-white);--fg: #ecebe4;--fg-strong: #ffffff;--fg-muted: #b0aea5;--fg-subtle: #817f76;--fg-inverse: var(--book-black);--border: #3a3935;--border-strong:#4b4944;--hairline: rgba(255,255,255,.08);--accent-fg: #ffffff;--accent-tint: rgba(217,119,87,.14);--shadow-xs: 0 1px 0 rgba(0,0,0,.3);--shadow-sm: 0 1px 2px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.3);--shadow-md: 0 2px 4px rgba(0,0,0,.35), 0 8px 20px rgba(0,0,0,.4);--shadow-lg: 0 4px 10px rgba(0,0,0,.4), 0 20px 40px rgba(0,0,0,.5)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-serif);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.h1{font-family:var(--font-display);font-weight:500;font-size:clamp(var(--fs-4xl),6vw,var(--fs-6xl));line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-strong);text-wrap:balance;margin:0 0 var(--space-6)}h2,.h2{font-family:var(--font-display);font-weight:500;font-size:var(--fs-3xl);line-height:var(--lh-snug);letter-spacing:-.015em;color:var(--fg-strong);text-wrap:balance;margin:0 0 var(--space-5)}h3,.h3{font-family:var(--font-display);font-weight:500;font-size:var(--fs-xl);line-height:var(--lh-snug);color:var(--fg-strong);margin:0 0 var(--space-4)}h4,.h4{font-family:var(--font-ui);font-weight:500;font-size:var(--fs-md);line-height:var(--lh-snug);color:var(--fg-strong);margin:0 0 var(--space-3)}p,.body{font-family:var(--font-serif);font-size:var(--fs-md);line-height:var(--lh-loose);color:var(--fg);text-wrap:pretty;margin:0 0 var(--space-4)}.lead{font-family:var(--font-serif);font-size:var(--fs-xl);line-height:var(--lh-normal);color:var(--fg);font-style:italic;text-wrap:pretty}small,.small{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--fg-muted)}.eyebrow{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted);font-weight:500}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.92em}code{background:var(--book-linen);padding:2px 6px;border-radius:var(--radius-xs);color:var(--clay-700)}a{color:var(--accent);text-decoration-color:var(--clay-200);text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--accent-hover);text-decoration-color:currentColor}hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}::selection{background:var(--clay-100);color:var(--book-char)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);overscroll-behavior:none;font-family:var(--font-serif)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}body{background:radial-gradient(circle at 30% 0%,rgba(217,119,87,.05),transparent 50%),radial-gradient(circle at 80% 100%,rgba(106,155,204,.04),transparent 50%),var(--bg);background-attachment:fixed}.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:#faf9f5d9;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .appbar{background:#262624d9}@media(max-width:800px){.appbar{padding:8px 16px 12px}}.brand-row{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--fg-strong);cursor:pointer;text-decoration:none}.brand-row svg{color:var(--accent)}.nav-tabs{display:flex;gap:4px;align-items:center}.nav-tab{font-family:var(--font-ui);font-size:14px;font-weight:500;padding:7px 14px;border-radius:var(--radius-pill);color:var(--fg-muted);display:inline-flex;align-items:center;gap:8px;transition:all .12s var(--ease-standard);text-decoration:none}.nav-tab:hover{color:var(--fg-strong);background:var(--bg-elev-1)}.nav-tab[data-active=true]{background:var(--accent-tint);color:var(--accent)}.nav-tab .nav-tab__count{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--clay-500);color:#fff;font-weight:600}@media(max-width:800px){.nav-tabs{display:none}}.tabbar{display:none;position:sticky;bottom:0;border-top:1px solid var(--border);background:var(--bg);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10}@media(max-width:800px){.tabbar{display:flex}}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-family:var(--font-ui);font-size:11px;color:var(--fg-subtle);position:relative;text-decoration:none;background:none;border:none}.tabbar-item[data-active=true]{color:var(--accent)}.tabbar-item .badge{position:absolute;top:2px;right:calc(50% - 18px);background:var(--accent);color:#fff;font-size:9px;font-weight:700;font-family:var(--font-ui);padding:1px 5px;border-radius:999px;min-width:14px;text-align:center}.main{flex:1}.page{max-width:920px;margin:0 auto;padding:32px 32px 64px}@media(max-width:800px){.page{padding:16px 18px 32px;max-width:none}}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.page-head .titles{display:flex;flex-direction:column;gap:4px;min-width:0}.page-head h1{font-family:var(--font-display);font-weight:500;font-size:28px;letter-spacing:-.02em;margin:0;color:var(--fg-strong)}@media(max-width:800px){.page-head h1{font-size:24px}.page-head{flex-direction:column}.page-head .actions{width:100%}.page-head .actions .btn{flex:1;justify-content:center}}.page-head .lead{font-family:var(--font-serif);font-style:italic;color:var(--fg-muted);font-size:15px;margin:0}.page-head .actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn{font-family:var(--font-ui);font-size:14px;font-weight:500;padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;transition:all .12s var(--ease-standard);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn svg{width:16px;height:16px;flex-shrink:0}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-hover)}.btn.primary:active{transform:translateY(.5px)}.btn.ghost{background:transparent;color:var(--fg-strong);border-color:var(--border-strong)}.btn.ghost:hover{background:var(--bg-elev-1);border-color:var(--book-ash)}.btn.subtle{color:var(--fg-muted)}.btn.subtle:hover{color:var(--fg-strong);background:var(--bg-elev-1)}.btn.danger{background:transparent;color:var(--status-danger);border-color:#b8463a4d}.btn.danger:hover{background:#b8463a0f;border-color:var(--status-danger)}.btn.success{background:var(--moss-500);color:#fff}.btn.success:hover{background:var(--moss-600)}.btn.lg{padding:12px 22px;font-size:15px}.btn.sm{padding:6px 12px;font-size:13px;gap:6px}.btn.icon{padding:7px;border-radius:var(--radius-md)}.btn.icon svg{width:18px;height:18px}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn.full{width:100%;justify-content:center}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input,.textarea,.select{font-family:var(--font-ui);font-size:14.5px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--fg-strong);width:100%;outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--status-danger)}.textarea{resize:vertical;min-height:80px;line-height:1.5;font-family:var(--font-serif);font-size:15px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2387857c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.field{display:flex;flex-direction:column;gap:6px}.field label,.field .field-label{font-family:var(--font-ui);font-size:12px;color:var(--fg-muted);font-weight:500;letter-spacing:.01em;display:flex;justify-content:space-between;align-items:center}.field .hint{font-family:var(--font-ui);font-size:12px;color:var(--fg-subtle)}.field .err{font-family:var(--font-ui);font-size:12px;color:var(--status-danger)}.field-group{display:flex;flex-direction:column;gap:16px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:11.5px;font-weight:500;letter-spacing:.02em;padding:3px 9px 3px 7px;border-radius:var(--radius-pill);border:1px solid transparent;text-transform:lowercase;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.pill.pending{color:#8a6a25;background:#f5ecd2;border-color:#ead9aa}.pill.review{color:var(--sky-900);background:var(--sky-50);border-color:var(--sky-100)}.pill.approved{color:var(--moss-900);background:var(--moss-50);border-color:var(--moss-100)}.pill.rejected{color:#6e2a23;background:#f4dad6;border-color:#ecbeb7}.pill.withdrawn{color:var(--fg-muted);background:var(--book-cloud);border-color:var(--border)}.pill.priority{color:#a26225;background:#f5ecd2;border-color:#ead9aa}[data-theme=dark] .pill.pending{color:#f0d68f;background:#c89a3c26;border-color:#c89a3c4d}[data-theme=dark] .pill.rejected{color:#f0a89e;background:#b8463a2e;border-color:#b8463a52}[data-theme=dark] .pill.review{color:#b6d2ed;background:#6a9bcc29;border-color:#6a9bcc4d}[data-theme=dark] .pill.approved{color:#c8d5b0;background:#788c5d2e;border-color:#788c5d52}[data-theme=dark] .pill.priority{color:#f0d68f;background:#c89a3c26;border-color:#c89a3c4d}.card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.card-hover{transition:all .12s var(--ease-standard)}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card-hover:active{transform:translateY(0)}.req-item{display:flex;flex-direction:column;gap:8px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:all .12s var(--ease-standard);text-decoration:none;color:inherit}.req-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.req-item .top{display:flex;justify-content:space-between;align-items:center;gap:8px}.req-item .id{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-subtle);letter-spacing:.01em}.req-item .title{font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--fg-strong);letter-spacing:-.005em;margin:0;text-wrap:balance}.req-item .desc{font-family:var(--font-serif);font-size:14.5px;color:var(--fg-muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.req-item .foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;border-top:1px dashed var(--border);margin-top:4px}.req-item .foot-left{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.req-item .meta-bit{font-family:var(--font-ui);font-size:12.5px;color:var(--fg-muted);display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.req-item .meta-bit svg{width:13px;height:13px;color:var(--fg-subtle)}.req-item .meta-bit.priority-high{color:#a26225}.req-item .approver-stack{display:flex;align-items:center}.req-item .approver-stack .avatar{margin-left:-6px;border:2px solid var(--bg-elev-2)}.req-item .approver-stack .avatar:first-child{margin-left:0}.avatar{width:28px;height:28px;border-radius:999px;background:var(--clay-100);color:var(--clay-700);display:inline-grid;place-items:center;font-family:var(--font-ui);font-weight:600;font-size:11px;letter-spacing:.01em;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar.md{width:32px;height:32px;font-size:12px}.avatar.lg{width:44px;height:44px;font-size:15px}.avatar.xl{width:64px;height:64px;font-size:22px}.avatar.tone-sky{background:var(--sky-100);color:var(--sky-900)}.avatar.tone-moss{background:var(--moss-100);color:var(--moss-900)}.avatar.tone-stone{background:var(--book-linen);color:var(--book-char)}.avatar.tone-clay{background:var(--clay-100);color:var(--clay-700)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 20% 20%,rgba(217,119,87,.08),transparent 60%),radial-gradient(circle at 80% 80%,rgba(106,155,204,.05),transparent 60%),var(--bg-elev-1)}.auth-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-md)}@media(max-width:800px){.auth-card{padding:28px 22px;border-radius:var(--radius-lg);box-shadow:none;border:none;background:transparent;max-width:none}.auth-wrap{padding:20px;min-height:auto}}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--fg-strong);letter-spacing:-.01em}.auth-brand svg{color:var(--accent);width:26px;height:26px}.auth-title{font-family:var(--font-display);font-weight:500;font-size:26px;margin:0 0 6px;letter-spacing:-.02em;color:var(--fg-strong)}.auth-sub{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--fg-muted);margin:0 0 24px;line-height:1.5}.auth-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-family:var(--font-ui);font-size:13px;color:var(--fg-muted)}.auth-link{color:var(--accent);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-note{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--fg-muted);margin-top:24px;padding-top:18px;border-top:1px dashed var(--border);line-height:1.5}.password-rules{background:var(--bg-elev-1);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.password-rule{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:12.5px;color:var(--fg-muted)}.password-rule.ok{color:var(--moss-600)}.password-rule svg{width:14px;height:14px}[data-theme=dark] .password-rule.ok{color:var(--moss-400)}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:800px){.detail-grid{grid-template-columns:1fr}}.detail-main{display:flex;flex-direction:column;gap:24px}.detail-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}@media(max-width:800px){.detail-side{position:static}}.req-title{font-family:var(--font-display);font-weight:500;font-size:28px;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px;color:var(--fg-strong);text-wrap:balance}@media(max-width:800px){.req-title{font-size:22px}}.req-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px}.req-meta-row .sep{color:var(--fg-subtle)}.req-meta-row .meta{font-family:var(--font-ui);font-size:13px;color:var(--fg-muted);display:inline-flex;align-items:center;gap:6px}.req-meta-row .meta svg{width:14px;height:14px;color:var(--fg-subtle)}.section-title{font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 14px}.req-desc{font-family:var(--font-serif);font-size:16px;line-height:1.65;color:var(--fg);text-wrap:pretty}.action-banner{border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:var(--clay-50);border:1px solid var(--clay-200)}.action-banner h4{font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--fg-strong);margin:0}.action-banner p{font-family:var(--font-serif);font-style:italic;font-size:14.5px;color:var(--fg-muted);margin:0;line-height:1.5}.action-banner .actions{display:flex;gap:8px;flex-wrap:wrap}.action-banner.success{background:var(--moss-50);border-color:var(--moss-100)}.action-banner.danger{background:#f4dad6;border-color:#ecbeb7}[data-theme=dark] .action-banner{background:#d9775712;border-color:#d977574d}[data-theme=dark] .action-banner.success{background:#788c5d1f;border-color:#788c5d4d}[data-theme=dark] .action-banner.danger{background:#b8463a1f;border-color:#b8463a4d}.option{position:relative;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:10px;transition:all .12s var(--ease-standard)}.option.recommended{border-color:var(--clay-200);background:linear-gradient(180deg,var(--clay-50),var(--bg-elev-2) 80%)}[data-theme=dark] .option.recommended{background:#d9775712;border-color:#d977574d}.option.picked{border-color:var(--moss-400);box-shadow:0 0 0 3px #788c5d26}.option.editable:hover{border-color:var(--border-strong)}.option-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.option-vendor{font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--fg-strong);letter-spacing:-.005em;margin:0}.option-price{font-family:var(--font-ui);font-size:17px;font-weight:600;color:var(--fg-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.option-note{font-family:var(--font-serif);font-size:14.5px;color:var(--fg-muted);line-height:1.55;margin:0}.option-link{font-family:var(--font-ui);font-size:13px;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px;word-break:break-all}.option-link:hover{text-decoration:underline}.option-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:6px;border-top:1px dashed var(--border);margin-top:4px}.option-meta .bit{font-family:var(--font-ui);font-size:12px;color:var(--fg-muted);display:inline-flex;align-items:center;gap:4px}.option-meta .bit svg{width:13px;height:13px;color:var(--fg-subtle)}.rec-flag{position:absolute;top:-10px;left:14px;background:var(--accent);color:#fff;font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-pill)}.picked-flag{position:absolute;top:-10px;right:14px;background:var(--moss-500);color:#fff;font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:4px}.opt-comments{margin-top:10px;padding-top:12px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:10px}.opt-comment{display:flex;gap:10px;align-items:flex-start}.opt-comment .body{flex:1;background:var(--bg-elev-1);border-radius:var(--radius-md);padding:8px 12px}.opt-comment .meta{font-family:var(--font-ui);font-size:11.5px;color:var(--fg-muted);margin-bottom:2px;display:flex;gap:8px;align-items:baseline}.opt-comment .meta strong{font-weight:600;color:var(--fg-strong)}.opt-comment .text{font-family:var(--font-serif);font-size:14px;color:var(--fg);line-height:1.5}.opt-comment-input{display:flex;gap:8px;align-items:flex-start}.opt-comment-input .input-wrap{flex:1}.side-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--font-ui);font-size:13px}.kv .k{color:var(--fg-muted)}.kv .v{color:var(--fg-strong);text-align:right;font-variant-numeric:tabular-nums}.approver-list{display:flex;flex-direction:column;gap:10px}.approver-row{display:flex;align-items:center;gap:10px}.approver-row .info{flex:1;min-width:0}.approver-row .name{font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approver-row .role{font-family:var(--font-ui);font-size:11.5px;color:var(--fg-muted)}.approver-row .state{font-family:var(--font-ui);font-size:11.5px;display:inline-flex;align-items:center;gap:4px}.approver-row .state.approved{color:var(--moss-600)}.approver-row .state.rejected{color:var(--status-danger)}.approver-row .state.pending{color:var(--fg-subtle)}.timeline{display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:14px;padding-bottom:16px;position:relative}.tl-item:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:1px;background:var(--border)}.tl-dot{width:28px;height:28px;flex-shrink:0;border-radius:999px;background:var(--bg-elev-1);border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--fg-muted)}.tl-dot svg{width:13px;height:13px}.tl-dot.success{background:var(--moss-50);border-color:var(--moss-100);color:var(--moss-600)}.tl-dot.danger{background:#f4dad6;border-color:#ecbeb7;color:var(--status-danger)}.tl-dot.info{background:var(--sky-50);border-color:var(--sky-100);color:var(--sky-600)}.tl-dot.warn{background:#f5ecd2;border-color:#ead9aa;color:#8a6a25}[data-theme=dark] .tl-dot.success{background:#788c5d2e;border-color:#788c5d52;color:#c8d5b0}[data-theme=dark] .tl-dot.danger{background:#b8463a2e;border-color:#b8463a52;color:#f0a89e}[data-theme=dark] .tl-dot.info{background:#6a9bcc2e;border-color:#6a9bcc52;color:#b6d2ed}[data-theme=dark] .tl-dot.warn{background:#c89a3c2e;border-color:#c89a3c52;color:#f0d68f}.tl-content{flex:1;padding-top:3px}.tl-title{font-family:var(--font-ui);font-size:13.5px;color:var(--fg-strong);font-weight:500}.tl-title strong{font-weight:600}.tl-meta{font-family:var(--font-ui);font-size:11.5px;color:var(--fg-subtle);margin-top:2px}.tl-quote{font-family:var(--font-serif);font-style:italic;font-size:13.5px;color:var(--fg-muted);margin-top:6px;padding-left:10px;border-left:2px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141373;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .16s var(--ease-standard)}.modal{background:var(--bg-elev-2);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:480px;padding:28px;box-shadow:var(--shadow-lg);animation:modalIn .2s var(--ease-emphasized);max-height:calc(100vh - 40px);overflow-y:auto}.modal h3{font-family:var(--font-display);font-weight:500;font-size:20px;letter-spacing:-.01em;color:var(--fg-strong);margin:0 0 8px}.modal .modal-sub{font-family:var(--font-serif);font-style:italic;color:var(--fg-muted);font-size:14px;margin:0 0 20px;line-height:1.5}.modal .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty .icon{width:56px;height:56px;border-radius:999px;background:var(--clay-50);color:var(--accent);display:grid;place-items:center}.empty .icon svg{width:26px;height:26px}.empty h3{font-family:var(--font-display);font-size:19px;margin:0;color:var(--fg-strong);font-weight:500}.empty p{font-family:var(--font-serif);font-style:italic;color:var(--fg-muted);margin:0;max-width:340px}.chips{display:flex;gap:6px;overflow-x:auto;padding:4px 0 12px;margin-bottom:8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{font-family:var(--font-ui);font-size:13px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--fg-muted);white-space:nowrap;transition:all .12s}.chip[data-active=true]{background:var(--fg-strong);color:var(--bg);border-color:var(--fg-strong)}.chip:hover:not([data-active=true]){background:var(--bg-elev-1);color:var(--fg-strong)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:14px}.data-table thead th{text-align:left;font-family:var(--font-ui);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-elev-1)}.data-table tbody td{padding:14px;border-bottom:1px solid var(--border);color:var(--fg);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-elev-1)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .user-cell{display:flex;align-items:center;gap:12px}.data-table .user-cell .name{font-weight:500;color:var(--fg-strong)}.data-table .user-cell .email{font-size:12.5px;color:var(--fg-muted);margin-top:1px}@media(max-width:800px){.data-table{display:none}}.user-card{display:none}@media(max-width:800px){.user-card{display:flex;align-items:center;gap:12px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}}.user-card .info{flex:1;min-width:0}.user-card .name{font-family:var(--font-ui);font-weight:500;color:var(--fg-strong);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card .email{font-family:var(--font-ui);font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px;min-width:200px;z-index:30;animation:menuIn .14s var(--ease-out)}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu-item{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:13.5px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--fg-strong);cursor:pointer;width:100%;text-align:left}.menu-item:hover{background:var(--bg-elev-1)}.menu-item.danger{color:var(--status-danger)}.menu-item.danger:hover{background:#b8463a0f}.menu-item svg{width:15px;height:15px;color:var(--fg-muted);flex-shrink:0}.menu-item.danger svg{color:var(--status-danger)}.menu-divider{height:1px;background:var(--border);margin:4px 2px}.search-wrap{position:relative}.search-wrap>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--fg-subtle);pointer-events:none}.search-wrap .input{padding-left:38px}.toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{background:var(--book-char);color:var(--book-white);font-family:var(--font-ui);font-size:13.5px;padding:10px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;animation:toastIn .2s var(--ease-emphasized)}.toast svg{width:16px;height:16px}.toast.success svg{color:var(--moss-400)}.toast.danger svg{color:#f0a89e}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.attach-list{display:flex;flex-direction:column;gap:6px}.attach-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev-1);font-family:var(--font-ui);font-size:13px}.attach-row .icon{width:28px;height:28px;background:var(--book-linen);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--fg-muted);flex-shrink:0}.attach-row .name{flex:1;color:var(--fg-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-row .size{color:var(--fg-subtle);font-size:11.5px}[data-theme=dark] .attach-row .icon{background:var(--bg-elev-2)}.fab{position:fixed;right:20px;bottom:calc(80px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);z-index:5;border:none}.fab svg{width:22px;height:22px}@media(min-width:801px){.fab{display:none}}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.strong{color:var(--fg-strong)}.italic{font-style:italic}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-ui)}.mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.text-center{text-align:center}.w-full{width:100%}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.dot-sep{color:var(--fg-subtle);margin:0 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}