.doc-page{background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;line-height:1.45;max-width:8.5in;margin:0 auto;padding:.6in;box-sizing:border-box;border:1px solid #e5e5e5}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:2px solid #111;padding-bottom:16px;margin-bottom:16px}.doc-brand .doc-logo{max-height:80px;max-width:240px;object-fit:contain}.doc-brand .doc-logo-placeholder{font-size:22px;font-weight:800;letter-spacing:-.01em;color:#111}.doc-business{text-align:right;font-size:11px}.doc-business-name{font-weight:800;font-size:13px;margin-bottom:2px}.doc-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.doc-title{font-size:22px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.doc-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#444;margin-top:2px}.doc-dates{display:flex;flex-direction:column;gap:2px;font-size:11px;text-align:right}.doc-date-pair{display:flex;gap:8px;justify-content:flex-end}.doc-date-label{color:#666}.doc-date-value{font-weight:600}.doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:18px;padding:12px 14px;background:#f5f5f4;border-radius:4px}.doc-party-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#666;margin-bottom:4px}.doc-party-name{font-weight:700;margin-bottom:2px}.doc-body{margin-bottom:24px}.doc-line-table{width:100%;border-collapse:collapse;font-size:11px}.doc-line-table thead th{background:#111;color:#fff;text-align:left;padding:8px 10px;font-weight:600;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.doc-line-table tbody td{padding:8px 10px;border-bottom:1px solid #e5e5e5;vertical-align:top}.doc-line-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.doc-totals{margin-top:12px;margin-left:auto;width:280px;font-size:12px}.doc-totals .row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dotted #ccc}.doc-totals .row.grand{font-weight:800;font-size:14px;border-bottom:none;border-top:2px solid #111;margin-top:4px;padding-top:8px}.doc-footer{margin-top:24px;padding-top:12px;border-top:1px solid #ccc;font-size:10px;color:#444}.doc-footer-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.doc-footer-title{font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#666;margin-bottom:2px}.doc-footer-note{margin-top:12px;font-style:italic;text-align:center;color:#555}@media print{body *{visibility:hidden}.doc-page,.doc-page *{visibility:visible}.doc-page{position:absolute;left:0;top:0;margin:0;border:none;max-width:100%;width:100%;padding:.5in}.no-print{display:none!important}@page{margin:.4in}}@tailwind base;@tailwind components;@tailwind utilities;:root,:root[data-theme=dark]{--amber: #F59E0B;--amber-dark: #D97706;--amber-light: #FBBF24;--brown: #78350F;--brown-dark: #451A03;--bg: #0C0A09;--fg: #F5F5F4;--muted: #A8A29E;--card-bg: #1C1917;--card-border: #292524;--glass-bg: rgba(28, 25, 23, .65);--glass-border: rgba(255, 255, 255, .08);--accent: var(--amber);--accent-hover: var(--amber-light);--btn-bg: var(--accent);--btn-fg: #0C0A09;--input-bg: #1C1917;--input-border: #44403C;--ring: rgba(251, 191, 36, .25);--shadow: 0 12px 40px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #FAFAF9;--fg: #0C0A09;--muted: #78716C;--card-bg: #FFFFFF;--card-border: #E7E5E4;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .08);--btn-bg: var(--amber-dark);--btn-fg: #FFFFFF;--input-bg: #FFFFFF;--input-border: #E7E5E4;--ring: rgba(217, 119, 6, .22);--shadow: 0 12px 40px rgba(0, 0, 0, .12)}html,body,#root{height:100%;width:100%;margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}*{box-sizing:border-box;min-width:0}a{color:inherit}.shell{min-height:100vh;background:var(--bg);color:var(--fg)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:24px;box-shadow:0 8px 24px #0003}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--card-border)}.sidebar{border-right:1px solid var(--card-border)}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:14px;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#fbbf241a}.nav-item-active{background:#fbbf2429;border:1px solid rgba(251,191,36,.28)}.nav-item-child{padding:6px 10px 6px 26px;font-size:13px;opacity:.85;border-radius:8px}.nav-item-child:hover{opacity:1}.nav-item-child.nav-item-active{opacity:1;background:#fbbf241a;border:1px solid rgba(251,191,36,.18)}.locked{opacity:.5;cursor:not-allowed}.badge-lock{font-size:12px;margin-left:8px;opacity:.85}.bottom-nav{position:fixed;left:0;right:0;bottom:0;padding:10px;border-top:1px solid var(--card-border)}.tab{flex:1;text-align:center;padding:10px 6px;text-decoration:none;border-radius:10px;font-size:13px;line-height:16px;-webkit-user-select:none;user-select:none}.tab:hover{background:#fbbf241a}.tab-active{background:#fbbf2429;border:1px solid rgba(251,191,36,.28)}.btn{background:var(--btn-bg);color:var(--btn-fg);border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;transition:filter .12s,transform .12s,box-shadow .12s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--card-border);border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.btn-ghost:hover{background:#fbbf240f;border-color:#fbbf244d}.btn-ghost:active{transform:translateY(1px)}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn-ghost:disabled{opacity:.55;cursor:not-allowed;background:transparent}.btn-ghost.is-active{background:#fbbf241f;border-color:#fbbf2466;color:#fbbf24}button:not(.btn):not(.btn-ghost):not(.tab):not(.nav-item){background:transparent;color:var(--fg);border:1px solid var(--card-border);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:inherit;cursor:pointer}button:not(.btn):not(.btn-ghost):not(.tab):not(.nav-item):hover{background:#ffffff0a}button:not(.btn):not(.btn-ghost):not(.tab):not(.nav-item):disabled{opacity:.45;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],textarea,select,.input{background:var(--input-bg);color:var(--fg);border:1px solid var(--input-border);border-radius:12px;padding:10px 14px;font-size:14px;font-family:inherit;line-height:1.4;outline:none;transition:border-color .12s,box-shadow .12s,background .12s;appearance:none;-webkit-appearance:none;-moz-appearance:none}textarea{min-height:64px;resize:vertical}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled),.input:hover:not(:disabled){border-color:#fbbf2473}input:focus,textarea:focus,select:focus,.input:focus,input:focus-visible,textarea:focus-visible,select:focus-visible,.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23A8A29E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}:root[data-theme=light] select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}select option{background:var(--card-bg);color:var(--fg)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.55);cursor:pointer}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator,:root[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:opacity(.7)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:16px;width:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8A29E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>");background-repeat:no-repeat;cursor:pointer}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:6px;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .12s,background .12s;padding:0}input[type=checkbox]:hover:not(:disabled){border-color:#fbbf248c}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring);border-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C0A09' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:center;background-repeat:no-repeat;background-size:14px}input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:50%;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .12s;padding:0}input[type=radio]:hover:not(:disabled){border-color:#fbbf248c}input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring);border-color:var(--accent)}input[type=radio]:checked{border-color:var(--accent)}input[type=radio]:checked:after{content:"";position:absolute;inset:4px;background:var(--accent);border-radius:50%}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;caret-color:var(--fg);transition:background-color 9999s ease-in-out 0s}