:root{--color-bg-primary:#fcfaf7;--color-bg-secondary:#f6f2ed;--color-bg-tertiary:#f0ece5;--color-bg-card:#fff;--color-bg-hover:#f8f5f0;--color-text-primary:#3b3731;--color-text-secondary:#6b6560;--color-text-soft:#999390;--color-text-inverse:#fcfaf7;--color-accent:#c4875b;--color-accent-hover:#b0784e;--color-accent-light:#f2e4d8;--color-accent-blue:#7b9db3;--color-accent-green:#8aab8a;--color-accent-red:#c47878;--color-border:#e8e3db;--color-border-light:#f0ece5;--color-success:#8aab8a;--color-warning:#d4a854;--color-error:#c47878;--color-info:#7b9db3;--shadow-sm:0 1px 2px #3b37310d;--shadow-md:0 2px 8px #3b37310f;--shadow-lg:0 4px 16px #3b373114;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:22px;--line-height:1.65;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.card-warm{border-color:var(--color-accent-light);background:linear-gradient(135deg, var(--color-bg-card), var(--color-accent-light))}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transition:all .2s}.btn{border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-success{background:var(--color-accent-green);color:var(--color-text-inverse)}.btn-danger{background:var(--color-accent-red);color:var(--color-text-inverse)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-tertiary)}.btn-sm{font-size:var(--font-size-xs);padding:4px 12px}.btn-xs{border-radius:4px;padding:3px 8px;font-size:10px}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text-primary);outline:none;padding:10px 14px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.text-soft{color:var(--color-text-soft)}.text-muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-idle{background:var(--color-bg-tertiary);color:var(--color-text-soft)}.badge-processing{color:#4a7a94;background:#dbe8f0}.badge-reviewing{color:#8a6d20;background:#f5edd6}.badge-approved{color:#4a7a4a;background:#d8e8d8}.badge-rejected{color:#8a4a4a;background:#f0d8d8}.badge-done{color:#4a7a4a;background:#d8e8d8}.pill-group{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.pill{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 14px;font-weight:600;transition:all .15s}.pill.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.divider{border:none;border-top:1px solid var(--color-border)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.items-center{align-items:center}.justify-between{justify-content:space-between}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}:root{--left-w:280px;--right-w:360px;--center-full:0}@media (width<=1200px){:root{--left-w:260px;--right-w:320px}}@media (width<=900px){:root{--left-w:100%;--right-w:100%}}.btn:focus-visible,.pill:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}*{transition:grid-template-columns .2s,width .2s}