:root{--bg:#f5f4f0;--fg:#302f2c;--muted:#6b6a66;--accent:#c0623a;--surface:#eceae3;--surface-2:#e4e2da;--border-color:#302f2c1f;--border:1px solid var(--border-color);--radius:4px;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#0d0d0b;--fg:#f5f2ed;--muted:#8a8680;--accent:#c0623a;--surface:#161614;--surface-2:#1e1e1b;--border-color:#f5f2ed1f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);min-height:100vh;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}button{color:var(--fg);font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body);font-size:13px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;line-height:1.1}.input{border:var(--border);border-radius:var(--radius);width:100%;color:var(--fg);font-family:var(--font-body);appearance:none;background:0 0;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%237a7870' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea.input{resize:vertical;min-height:80px}.btn{border:var(--border);border-radius:var(--radius);color:var(--fg);font-family:var(--font-body);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:500;transition:color .25s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:var(--accent);z-index:0;width:100%;height:100%;transition:bottom .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-100%;left:0}.btn:hover:after{bottom:0}.btn:hover{color:#fff;border-color:var(--accent)}.btn>*{z-index:1;position:relative}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:after{background:#a85230}.btn-primary:hover{color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.btn-ghost{border-color:#0000}.btn-danger:after{background:#a04040}.btn-danger:hover{color:#fff}button:disabled{opacity:.5;pointer-events:none}.pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:2px;align-items:center;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.pill-lead{color:var(--muted)}.pill-quoted{color:#b08a3e}.pill-active{color:#3d7a5f}.pill-retainer{color:#4a6fa5}.pill-churned{color:var(--muted);opacity:.5}.pill-paid{color:#3d7a5f}.pill-open{color:#b08a3e}.pill-draft{color:var(--muted)}.pill-void{color:var(--muted);opacity:.5}.table-wrap{border:var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;border-bottom:var(--border);white-space:nowrap;padding:10px 16px;font-size:10px;font-weight:500}tbody td{border-bottom:var(--border);vertical-align:middle;padding:12px 16px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0d0d0bb3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg);border:var(--border);border-radius:var(--radius);width:100%;max-width:540px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-family:var(--font-display);font-size:16px}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-footer{border-top:var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.toast-container{z-index:9000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--fg);color:var(--bg);border-radius:var(--radius);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;font-size:11px;animation:.2s toastIn}.toast-success{color:#fff;background:#3d7a5f}.toast-error{color:#fff;background:#a04040}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tabs{border-bottom:var(--border);display:flex}.tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 20px;font-size:11px;font-weight:500;transition:color .15s,border-color .15s}.tab:hover{color:var(--fg)}.tab.tab-active{color:var(--fg);border-bottom-color:var(--accent)}.spinner{border:1px solid var(--muted);border-top-color:var(--fg);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;padding:48px;font-size:11px;display:flex}.empty-state{text-align:center;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:48px;font-size:11px}.toggle{width:38px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--surface-2);border:var(--border);border-radius:22px;transition:background .2s,border-color .2s;position:absolute;inset:0}.toggle-track:before{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle input:checked~.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle input:checked~.toggle-track:before{background:#fff;transform:translate(16px)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.label,.section-marker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:500}
