: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}.doc-content{color:var(--fg);font-size:14px;line-height:1.75}.doc-content>:first-child{margin-top:0}.doc-content h1{font-family:var(--font-display);margin:8px 0 16px;font-size:28px}.doc-content h2{font-family:var(--font-display);border-bottom:var(--border);margin:32px 0 12px;padding-bottom:7px;font-size:19px}.doc-content h3{font-family:var(--font-display);margin:24px 0 8px;font-size:15px}.doc-content h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 8px;font-size:12px}.doc-content p{margin:0 0 14px}.doc-content ul,.doc-content ol{margin:0 0 14px;padding-left:22px}.doc-content li,.doc-content li>ul,.doc-content li>ol{margin:4px 0}.doc-content a{color:#4a6fa5;word-break:break-word;text-decoration:underline}.doc-content a.doc-xref{color:var(--accent);cursor:pointer;text-decoration-style:dotted}.doc-content strong{font-weight:600}.doc-content hr{border:none;border-top:var(--border);margin:28px 0}.doc-content code{font-family:var(--font-mono);background:#0000000f;border-radius:3px;padding:1px 5px;font-size:.88em}@media (prefers-color-scheme:dark){.doc-content code{background:#ffffff14}}.doc-content pre{background:var(--surface);border:var(--border);border-radius:var(--radius);margin:0 0 14px;padding:14px 16px;overflow-x:auto}.doc-content pre code{background:0 0;padding:0;font-size:12.5px}.doc-content blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0 0 14px;padding:2px 0 2px 14px}.doc-content table{border-collapse:collapse;width:100%;margin:0 0 14px;font-size:13px}.doc-content th,.doc-content td{border:var(--border);text-align:left;padding:7px 11px}.doc-content th{background:var(--surface);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.doc-nav-item{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;padding:7px 20px;font-size:12.5px;transition:color .12s,background .12s,border-color .12s;display:block}.doc-nav-item:hover{color:var(--fg);background:var(--surface)}.doc-nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--surface)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:800;background:#0d0d0b80;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.mobile-bar{border-bottom:var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:none}.sidebar{transition:transform .25s}.portal-mobile-nav{background:var(--bg);z-index:90;border-top:var(--border);flex-direction:column;display:none;position:fixed;inset:56px 0 0;overflow-y:auto}.portal-mobile-nav.active{display:flex}@media (max-width:768px){.mobile-bar{display:flex}.doc-editor-split{flex-direction:column!important}.doc-editor-split>div{border-right:none!important}.sidebar{z-index:900;background:var(--bg);height:100vh;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0003;position:fixed!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:block!important}.portal-desktop-left,.portal-desktop-right{display:none!important}.portal-mobile-header{display:flex!important}.portal-header{padding:0 16px!important}.portal-main{padding:24px 16px!important}}