:root{color:#2f3441;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}html{scrollbar-gutter:stable;overflow-y:scroll}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}#root{min-height:100vh}:root{--surface:#fff;--surface-soft:#f7f9fc;--surface-strong:#eef3f8;--line:#dde5ef;--line-strong:#c7d3e0;--text:#303644;--muted:#6f7b8c;--navy:#3b3b68;--faint:#9aa8b8;--blue:#3468db;--blue-soft:#e7efff;--row-blue:#2f94ff;--teal:#16a3a6;--teal-soft:#def7f5;--green:#1f9d68;--green-soft:#e3f6ec;--amber:#c27803;--amber-soft:#fff1d6;--red:#d55353;--red-soft:#ffe8e8;--violet:#6c5ce7;--violet-soft:#eceafe;--shadow:0 14px 40px #33455c1a;--radius:8px;--app-container:1408px;--app-gutter:28px}.app-shell{background:linear-gradient(90deg, #456adbf0, #1bb7b8e6) 0 0 / 100% 126px no-repeat, var(--surface-strong);min-height:100vh;color:var(--text)}.topbar,.module-nav,.workspace{max-width:var(--app-container);width:min(calc(100% - (var(--app-gutter) * 2)), var(--app-container));margin-left:auto;margin-right:auto}.topbar{grid-template-columns:minmax(240px,auto) minmax(280px,560px) auto;align-items:center;gap:24px;height:84px;padding:0;display:grid}.brand-lockup{color:#fff;align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{border:2px solid #ffffffdb;border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.brand-lockup strong,.brand-lockup span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-lockup strong{font-size:18px;line-height:1.1}.brand-lockup span{color:#ffffffc7;font-size:13px}.global-search,.table-search{border-radius:var(--radius);color:var(--muted);background:#fffffff2;border:1px solid #ffffff73;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.global-search input,.table-search input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-actions button,.row-action{border-radius:var(--radius);color:#fff;background:#fff3;border:1px solid #ffffff38;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.language-pill,.avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.language-pill{border:1px solid #ffffff6b}.avatar{background:#f05d5e}.avatar-button{color:#fff;background:#f05d5e;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.topbar-actions .avatar-button{border:0;border-radius:999px;width:34px;height:34px}.login-screen{background:linear-gradient(110deg, #456adbf2, #1bb7b8e6) 0 0 / 100% 42% no-repeat, var(--surface-strong);align-items:center;min-height:100vh;padding:28px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:22px;width:100%;max-width:420px;margin:0 auto;padding:30px;display:grid}.login-heading{gap:4px;display:grid}.login-heading h1{font-size:24px}.login-form{gap:16px;display:grid}.login-input{border:1px solid var(--line);border-radius:var(--radius);align-items:center;min-height:46px;padding:0 12px;display:flex}.login-input svg{color:var(--muted);flex:none}.login-input input{border:0;width:100%;min-width:0;min-height:44px;padding:0 0 0 10px}.login-submit{justify-content:center;width:100%;min-height:46px}.login-error{background:var(--red-soft);border-radius:var(--radius);color:var(--red);border:1px solid #f2c2c2;padding:10px 12px;font-size:13px;font-weight:800}.module-nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30;grid-template-columns:repeat(9,minmax(0,1fr));min-height:76px;display:grid;position:relative;overflow:visible}.module-tab-wrap{border-right:1px solid var(--line);min-width:0;position:relative}.module-tab-wrap:last-child{border-right:0}.module-tab{color:#566174;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;width:100%;min-width:0;min-height:76px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.module-tab svg{color:var(--violet);flex:none}.module-tab span:not(.new-dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-tab.is-active{color:#222b39;background:#eef1f7;font-weight:700}.tab-chevron{margin-left:-4px}.new-dot{color:#fff;background:#ff8d3d;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:800;position:absolute;top:10px;right:12px}.nav-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;pointer-events:none;visibility:hidden;z-index:60;min-width:340px;padding:10px 0;transition:opacity .14s,transform .14s,visibility .14s;display:grid;position:absolute;top:100%;left:0;transform:translateY(8px)}.module-tab-wrap:hover .nav-dropdown,.module-tab-wrap:focus-within .nav-dropdown{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.nav-dropdown button{color:#3f4860;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 26px;font-size:15px;display:flex}.nav-dropdown button:hover{background:var(--surface-soft);color:var(--violet)}.nav-dropdown button svg{transform:rotate(-90deg)}.nav-dropdown-import{margin-top:8px;border-top:1px solid var(--line)!important;color:var(--blue)!important}.workspace{padding:24px 0 48px}.screen-stack{gap:22px;display:grid}.screen-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.breadcrumb,.eyebrow{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{color:#222b39;font-size:26px;line-height:1.2}h2{color:#252d3a;font-size:18px;line-height:1.25}.heading-actions,.composer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.ghost-button{border-radius:var(--radius);align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button{background:linear-gradient(90deg, var(--violet), #29b8bb);color:#fff;border:0}.secondary-button,.ghost-button{background:var(--surface);border:1px solid var(--line);color:#465266}.ghost-button{color:var(--blue);min-height:36px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel,.composer,.side-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #3a4d6712}.metric-card{align-items:flex-start;gap:14px;min-height:132px;padding:20px;display:flex}.metric-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.metric-card strong{margin-bottom:4px;font-size:24px;line-height:1.25;display:block}.metric-card span{color:var(--muted);font-size:13px}.metric-blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.metric-green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-amber .metric-icon{background:var(--amber-soft);color:var(--amber)}.metric-red .metric-icon{background:var(--red-soft);color:var(--red)}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel{min-width:0;padding:18px}.panel-header,.list-toolbar,.composer-header,.side-menu-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-caption{color:var(--faint);font-size:13px}.bar-chart{grid-template-columns:repeat(6,minmax(42px,1fr));align-items:end;gap:18px;height:260px;padding-top:20px;display:grid}.bar-group{grid-template-columns:1fr 1fr;align-items:end;gap:6px;height:100%;display:grid}.bar{border-radius:6px 6px 0 0;min-height:24px}.income-bar{background:linear-gradient(#2bc6a6,#139478)}.expense-bar{background:linear-gradient(#ff8a7b,#d55353)}.bar-group small{color:var(--muted);text-align:center;grid-column:span 2;font-size:12px}.activity-list,.compact-table,.directory-list{gap:10px;display:grid}.activity-row,.compact-row,.directory-row{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;min-height:70px;padding:12px;display:grid}.activity-row{grid-template-columns:auto 1fr auto}.activity-dot{border-radius:999px;width:10px;height:10px}.dot-green{background:var(--green)}.dot-blue{background:var(--blue)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.activity-row strong,.compact-row strong,.directory-row strong{color:#283141}.activity-row p,.compact-row span,.directory-row span,.empty-panel span{color:var(--muted);font-size:13px}.activity-row time{color:var(--faint);font-size:12px}.compact-row{grid-template-columns:1fr auto auto}.compact-row div,.directory-row div:nth-child(2){gap:3px;min-width:0;display:grid}.document-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;display:grid}.side-menu{position:sticky;top:20px;overflow:hidden}.side-menu-heading{border-bottom:1px solid var(--line);padding:18px}.side-menu-heading button,.side-menu-print{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);color:var(--blue);align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:700;display:inline-flex}.side-menu-item{border:0;border-bottom:1px solid var(--line);color:#4d586b;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 18px;display:flex}.side-menu-item.is-active{background:var(--surface-soft);color:var(--violet);font-weight:700}.import-item{justify-content:flex-start;gap:10px}.side-menu-print{width:calc(100% - 36px);margin:16px 18px 18px}.document-main{gap:18px;min-width:0;display:grid}.tabs-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:58px;display:flex;overflow-x:auto}.tabs-row button{border:0;border-right:1px solid var(--line);color:#5e687a;background:0 0;flex:none;min-width:126px;padding:0 18px}.tabs-row button.is-active{color:var(--violet);font-weight:800}.list-toolbar{margin-bottom:16px}.pagination-row{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding-top:16px;font-size:13px;font-weight:800;display:flex}.pagination-row div{gap:8px;display:flex}.table-search{border-color:var(--line);min-width:260px}.standalone-search{min-width:240px}.table-shell{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 12px}th{background:var(--surface-soft);color:#4c5768;font-size:13px;font-weight:800}td{color:#424b5d}td a{color:#207ab8;font-weight:800;text-decoration:none;display:block}.document-link,.document-number-link{color:var(--blue);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:800;text-decoration:none;display:inline}.document-link:hover,.document-number-link:hover{color:#176aa2;text-decoration:underline}td small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.status{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-draft{background:var(--surface-strong);color:#5f6d7e}.status-pending,.status-overdue{background:var(--amber-soft);color:var(--amber)}.status-paid,.status-approved{background:var(--green-soft);color:var(--green)}.status-cancelled{background:var(--red-soft);color:var(--red)}.owner{background:var(--violet-soft);color:var(--violet);border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 9px;font-size:13px;font-weight:800;display:inline-flex}.owner small{color:#736cae;margin:0}.row-action{background:var(--teal-soft);color:var(--teal);border-color:#bee9e7;width:42px}.danger-action{background:var(--red-soft);color:var(--red);border-color:#ffc9c9}.empty-table{color:var(--muted);text-align:center;padding:24px;font-weight:700}.composer{gap:18px;padding:20px;display:grid}.compact-composer{background:#fff;border:1px solid #d8dfec;border-radius:6px;gap:0;padding:26px 28px 24px;box-shadow:0 8px 24px #202a4414}.template-callout{background:var(--amber-soft);border-radius:var(--radius);border:1px solid #f3d28e;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.template-callout div{gap:2px;display:grid}.template-callout span{color:var(--muted);font-size:13px}.document-number{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);min-width:180px;padding:10px 12px;display:grid}.peak-composer-header{border-bottom:1px solid #d9dfec;grid-template-columns:minmax(280px,1fr) minmax(390px,.78fr);gap:18px;padding-bottom:22px;display:grid}.peak-composer-header h2{color:var(--blue);align-items:center;gap:8px;margin:0;font-size:24px;font-weight:900;line-height:1.15;display:flex}.peak-composer-header h2 svg{color:#a8afc2}.peak-composer-header h2 svg:first-of-type{color:var(--blue)}.document-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.peak-section{border-bottom:1px solid #d9dfec;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:14px;padding:19px 0;display:grid}.items-section,.payment-panel{grid-template-columns:1fr}.peak-section-heading{color:#30365f;align-self:start;align-items:center;gap:8px;min-height:34px;display:flex}.peak-section-heading h3{margin:0;font-size:17px;font-weight:900;line-height:1.2}.peak-section-heading>svg{color:#d1d5e2}.section-status-dot{color:#fff;background:#9aa1b4;border-radius:999px;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex}.section-status-dot.is-active{background:#3fc0c7}.peak-section-body{min-width:0}.peak-field-box{background:#fff;border:1px solid #d3dae8;border-radius:6px;gap:4px;min-height:56px;padding:9px 38px 9px 14px;display:grid;position:relative}.peak-field-box.is-muted .peak-field-value{color:#c9cedd}.peak-field-label{color:#30365f;align-items:center;gap:5px;min-height:14px;font-size:12px;font-weight:900;display:flex}.peak-field-label svg{color:#d1d5e2}.peak-field-label strong{color:#ff4b33;margin-left:auto;font-size:16px;line-height:1}.peak-field-value{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.field-box-input{color:var(--blue);font:inherit;background:0 0;border:0;width:100%;min-height:auto;padding:0}.field-box-input::placeholder,.peak-field-box.is-muted .field-box-input{color:#c9cedd}.field-count{color:#9aa1b4;font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.field-chevron,.field-icon-right{color:#30365f;position:absolute;top:31px;right:14px}.field-native-select,.field-native-input{cursor:pointer;opacity:0;z-index:2;width:100%;position:absolute;inset:0}.vendor-body,.price-body{gap:9px;display:grid}.vendor-top-grid{grid-template-columns:minmax(300px,1.55fr) minmax(160px,.72fr) minmax(180px,.78fr);align-items:start;gap:14px;display:grid}.vendor-last-action{color:var(--blue);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.vendor-info-grid{grid-template-columns:minmax(300px,1.55fr) minmax(160px,.72fr) minmax(180px,.78fr);gap:14px;padding:8px 14px 0;display:grid}.vendor-info-grid div:first-child{grid-column:1/3}.vendor-info-grid span{color:#30365f;margin-bottom:8px;font-size:15px;font-weight:900;display:block}.vendor-info-grid strong{color:#30365f;font-size:14px;font-weight:500;line-height:1.5;display:block}.vendor-info-grid:not(.has-contact){min-height:44px}.price-mode-box{max-width:230px}.document-number span{color:var(--muted);font-size:12px}.form-grid{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(160px,1fr));gap:14px;display:grid}.compact-form-grid{grid-template-columns:minmax(260px,1.2fr) minmax(220px,1fr) 190px minmax(220px,.9fr);align-items:end}.contact-preview{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);gap:6px;min-height:42px;padding:10px 12px;display:grid}.contact-preview span{color:var(--muted);font-size:12px;font-weight:800}.contact-preview strong{color:#30365f;font-size:13px;line-height:1.35}.composer-section-title{color:#323a61;margin-top:4px;font-size:17px;font-weight:900}label{color:#4d586b;gap:7px;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:112px;padding:12px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--muted);position:absolute;left:12px}.input-with-icon input{width:100%;padding-left:38px}.line-items{z-index:2;border:0;border-radius:0;position:relative;overflow:visible}.line-header,.line-row{grid-template-columns:38px minmax(300px,2.35fr) 86px 116px 116px 78px 128px 126px 36px;gap:0;min-width:1024px;padding:0;display:grid}.line-header{color:#30365f;background:0 0;margin-bottom:8px;font-size:14px;font-weight:800}.line-header span{white-space:nowrap;align-items:center;gap:4px;min-height:28px;padding:0 4px;display:flex}.line-header svg{flex-shrink:0}.line-header span:nth-child(n+3):nth-child(-n+8){text-align:right;justify-content:flex-end}.line-row{border:1px solid var(--line);border-radius:8px;align-items:stretch;overflow:visible}.line-row+.line-row,.line-row+.description-only-row,.description-only-row+.line-row,.description-only-row+.description-only-row{margin-top:10px}.line-control-rail,.line-delete-rail{color:#a9aeb9;background:#f4f5f7;place-items:center;min-height:104px;display:grid}.line-control-rail{border-right:1px solid var(--line);border-radius:8px 0 0 8px;grid-template-rows:1fr 22px}.line-control-rail span{color:#30365f;font-size:13px}.line-delete-rail{border-left:1px solid var(--line);cursor:pointer;border-top:0;border-bottom:0;border-right:0;border-radius:0 8px 8px 0;padding:0}.line-delete-rail:hover{color:var(--red)}.line-row input,.line-row select{color:var(--row-blue);border:0;border-radius:0;width:100%;min-height:38px;font-size:14px;font-weight:400}.line-row input::placeholder{color:#8f98a6}.line-row .numeric-input,.line-row select{text-align:right;text-align-last:right}.line-row .numeric-input,.line-row input[type=number]{appearance:textfield}.line-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.line-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.line-row>input,.line-row>select,.line-row>strong,.line-row>.tax-pill,.line-row>.muted-cell{border-right:1px solid var(--line);min-height:38px}.line-row>strong,.line-row>.tax-pill,.line-row>.muted-cell{justify-content:center;align-items:center;padding:0 10px;display:flex}.line-description-cell{border-right:1px solid var(--line);grid-template-rows:52px 52px;display:grid}.line-description-cell input+input{border-top:1px solid var(--line);background:#eef7ff}.line-metric-cell{border-right:1px solid var(--line);grid-template-rows:52px 52px;min-height:104px;display:grid;position:relative}.line-metric-cell>input,.line-metric-cell>select,.line-metric-cell>strong,.line-metric-cell>.line-value-display,.line-metric-cell>.muted-cell,.discount-input-row{align-items:center;min-height:52px;display:flex}.line-metric-cell>strong,.line-metric-cell>.line-value-display,.line-metric-cell>.muted-cell{justify-content:flex-end;padding:0 10px}.line-metric-cell>strong,.line-metric-cell>.line-value-display{color:var(--row-blue);text-align:right;font-weight:400}.line-metric-cell>select{padding-right:10px}.line-cell-fill{border-top:1px solid var(--line);background:#eef7ff;min-height:52px}.discount-cell{z-index:6;overflow:visible}.discount-input-row{background:#fff}.discount-input-row input{text-align:right;flex:1}.withholding-cell{overflow:visible}.withholding-cell>select{cursor:pointer;opacity:0;z-index:3;grid-row:1;position:absolute;inset:0 0 auto}.withholding-display{color:var(--row-blue);pointer-events:none;text-align:right;background:#fff;grid-row:1;justify-content:flex-end;align-items:center;min-height:52px;padding:0 28px 0 8px;font-size:14px;font-weight:400;line-height:1.1;display:flex;position:relative}.withholding-display:after{content:"";border-bottom:2px solid #30365f;border-right:2px solid #30365f;width:7px;height:7px;position:absolute;top:22px;right:11px;transform:rotate(45deg)}.withholding-display small{color:var(--text);font-size:12px;font-weight:400;line-height:1;position:absolute;bottom:4px;right:28px}.withholding-display small:empty{display:none}.discount-mode-button{color:var(--blue);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:38px;display:inline-flex}.discount-popover{border:1px solid var(--line);z-index:80;background:#fff;border-radius:8px;gap:4px;min-width:174px;padding:10px;display:grid;position:absolute;top:36px;left:-18px;box-shadow:0 10px 28px #1e293b29}.discount-popover strong{color:#30365f;padding:2px 4px 4px;font-size:14px;line-height:1.2}.discount-option{color:#30365f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:34px;padding:5px 6px;font-size:14px;font-weight:800;display:flex}.discount-option:hover{background:#f5f9ff}.discount-option>span{border:2px solid #8b95a8;border-radius:999px;flex:none;width:18px;height:18px}.discount-option.is-selected>span{border-color:var(--row-blue);background:var(--row-blue);box-shadow:inset 0 0 0 4px #fff}.muted-cell{color:var(--muted);font-weight:700}.tax-pill{background:var(--blue-soft);color:var(--blue);border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:34px;display:inline-flex}.line-table-footer{justify-content:space-between;align-items:center;gap:18px;padding:14px 0 0;display:flex}.description-only-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:38px minmax(300px,2.35fr) 86px 116px 116px 78px 128px 126px 36px;min-width:1024px;margin-top:10px;display:grid;overflow:visible}.description-only-row .line-control-rail,.description-only-row .line-delete-rail{min-height:64px}.description-only-row input{border:0;border-right:1px solid var(--line);color:var(--blue);background:#fff;border-radius:0;grid-column:2;min-height:64px;padding:0 12px;font-size:14px}.description-only-row .description-fill{border-right:1px solid var(--line);background:#eef7ff;grid-column:3/9;min-height:64px}.description-only-row .line-delete-rail{grid-column:9;min-height:64px}.line-footer-actions{gap:12px;display:flex}.line-page-controls{color:#30365f;align-items:center;gap:10px;font-weight:700;display:flex}.line-page-controls select{min-width:64px;min-height:38px}.composer-summary-panel,.payment-panel,.composer-collapses{border-top:0;padding-top:20px}.summary-layout{grid-template-columns:minmax(300px,1fr) minmax(390px,.92fr);align-items:start;gap:26px;display:grid}.summary-lines{justify-items:end;gap:9px;padding-top:0;display:grid}.summary-edit-row,.summary-read-row{color:#30365f;grid-template-columns:minmax(190px,max-content) 116px 34px 24px;justify-content:end;align-items:center;gap:9px;width:100%;min-height:32px;font-size:14px;font-weight:800;display:grid}.summary-edit-row>span:first-child,.summary-read-row>span:first-child{justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.summary-read-row{grid-template-columns:minmax(190px,max-content) 116px 34px 24px}.summary-edit-row strong,.summary-read-row strong{text-align:right;width:116px;display:block}.summary-edit-row input{text-align:right;border-radius:6px;width:116px;min-height:32px;padding:0 10px;font-weight:800}.summary-edit-row input:disabled{background:var(--surface-soft);color:var(--muted)}.summary-pencil-button{color:var(--blue);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.summary-pencil-spacer{width:24px;height:24px;display:inline-block}.summary-pencil-button:hover{color:#615ee8}.summary-total-card{gap:10px;display:grid}.grand-total-card{background:var(--navy);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-height:68px;padding:18px 24px;display:flex}.grand-total-card span{font-size:15px;font-weight:800}.grand-total-card strong{font-size:24px;line-height:1}.summary-payable-row{color:#30365f;justify-content:flex-end;align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.payment-heading{align-items:center;gap:20px;display:flex}.payment-mode{gap:18px;display:flex}.payment-mode label,.payment-card label{font-size:13px}.payment-mode input,.discount-popover input{width:auto;min-height:auto}.payment-card{background:#f3f2ff;border:1px dashed #a9acc8;border-radius:8px;gap:18px;margin-top:10px;padding:18px;display:grid}.payment-card-header{border-bottom:1px solid #67709638;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.payment-card-header strong{color:#30365f;font-size:17px}.payment-grid{grid-template-columns:minmax(260px,1.4fr) minmax(190px,.7fr) minmax(220px,.8fr);align-items:end;gap:14px;display:grid}.payment-grid input[readonly]{color:var(--blue);text-align:right}.composer-collapses{gap:0;display:grid}.composer-collapse{border-bottom:1px solid var(--line);padding:14px 0}.composer-collapse summary{color:#30365f;cursor:pointer;font-size:15px;font-weight:900}.composer-collapse textarea,.composer-upload-dropzone{margin-top:14px}.composer-upload-dropzone{min-height:126px}.composer-final-actions{justify-content:flex-end;padding-top:4px}.draft-button{color:var(--purple);background:linear-gradient(135deg,#f6f7ff,#fff)}.composer-bottom{grid-template-columns:minmax(260px,1fr) 360px;align-items:start;gap:18px;display:grid}.summary-box{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.summary-box div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;display:flex}.summary-box div:last-child{border-bottom:0}.summary-box span{color:var(--muted)}.grand-total{color:#fff;background:#263052}.grand-total span,.grand-total strong{color:#fff}.directory-row{grid-template-columns:auto minmax(0,1fr) auto auto}.directory-avatar{background:var(--blue-soft);border-radius:var(--radius);color:var(--blue);justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.file-avatar{background:var(--red-soft);color:var(--red);font-size:12px}.empty-panel{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center;place-items:center;gap:8px;min-height:220px;padding:28px;display:grid}.quick-form{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:end;gap:14px;display:grid}.quick-form-wide{grid-column:span 2}.settings-workspace{min-width:0}.settings-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-menu,.settings-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #3a4d6712}.settings-menu{display:grid;position:sticky;top:20px;overflow:hidden}.settings-menu-button{border:0;border-bottom:1px solid var(--line);color:#4d586b;text-align:left;background:0 0;align-items:center;gap:10px;min-height:58px;padding:0 18px;font-weight:800;display:flex}.settings-menu-button:last-child{border-bottom:0}.settings-menu-button svg{color:var(--violet)}.settings-menu-button.is-active{background:var(--surface-soft);color:var(--violet)}.settings-panel{gap:18px;min-width:0;padding:20px;display:grid}.settings-error{background:var(--red-soft);border-radius:var(--radius);color:var(--red);border:1px solid #f2c2c2;padding:10px 12px;font-size:13px;font-weight:800}.settings-panel-header{justify-content:space-between;align-items:center;display:flex}.settings-form{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;align-items:end;gap:14px;padding:16px;display:grid}.settings-form input,.settings-form select{width:100%}.settings-permission-form{grid-template-columns:minmax(220px,.5fr) minmax(0,1fr) auto auto;align-items:stretch}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.permission-option{border:1px solid var(--line);border-radius:var(--radius);color:#3e4860;text-align:left;background:#fff;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:800;display:flex}.permission-option>span{border:1px solid var(--line-strong);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.permission-option.is-selected{background:var(--blue-soft);color:var(--blue);border-color:#9fbcff}.permission-option.is-selected>span{background:var(--blue);border-color:var(--blue)}.settings-list{gap:10px;display:grid}.settings-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:72px;padding:12px;display:grid}.settings-role-row{grid-template-columns:auto minmax(0,1fr) auto auto}.settings-row div:nth-child(2){gap:3px;min-width:0;display:grid}.settings-row strong{color:#283141}.settings-row span{color:var(--muted);font-size:13px}.settings-avatar{background:var(--blue-soft);border-radius:var(--radius);color:var(--blue);justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.role-avatar{background:var(--violet-soft);color:var(--violet)}.settings-pill{background:var(--surface-soft);border-radius:999px;padding:5px 10px;font-weight:800;color:#4f5a6e!important}.settings-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.settings-action-button{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);color:#667286;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.settings-action-button:hover{color:var(--blue);border-color:#aebdd0}.settings-action-button.danger-action:hover{background:var(--red-soft);color:var(--red);border-color:#f1b7b7}.detail-panel,.detail-grid,.detail-summary{gap:16px;display:grid}.detail-header{justify-content:space-between;align-items:center;display:flex}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:14px;display:grid}.detail-item span{color:var(--muted);font-size:13px}.detail-summary{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px}.detail-summary div,.table-total-row{justify-content:space-between;align-items:center;display:flex}.table-total-row{border-top:1px solid var(--line);margin-top:16px;padding:16px 8px 0}.danger-button{color:var(--red);border-color:#ffc9c9}.document-detail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;position:relative}.detail-tabs{display:flex;position:static;transform:none}.detail-tabs button{background:var(--surface);border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:#3b4358;min-width:150px;min-height:54px;padding:0 22px}.detail-tabs button.is-active{color:var(--violet);border-bottom-color:#0000;font-weight:800}.detail-actions-top{justify-content:flex-end;gap:10px;padding:14px 28px 0;display:flex}.detail-document-body{gap:18px;padding:22px 28px 28px;display:grid}.detail-title-row{justify-content:space-between;align-items:start;gap:22px;display:flex}.detail-title-row h1{color:#30365f;margin:8px 0 14px;font-size:24px}.print-button{color:#fff;background:#fb704f;border-color:#fb704f}.reference-callout{color:var(--blue);justify-self:center;font-weight:800}.detail-section{border-top:1px solid var(--line);gap:16px;padding-top:20px;display:grid}.detail-info-grid{grid-template-columns:220px repeat(4,minmax(0,1fr))}.detail-info-grid.compact{grid-template-columns:220px minmax(220px,1fr)}.section-label,.section-title{color:#323a61;font-size:16px;font-weight:900}.section-title{margin-bottom:2px}.detail-info-grid>div:not(.section-label),.detail-issued-grid>div:not(.section-label):not(.detail-total-box){gap:7px;display:grid}.detail-info-grid span,.detail-issued-grid span,.upload-area span{color:var(--muted)}.detail-info-grid strong,.detail-issued-grid strong{color:#30365f}.detail-items-table{overflow-x:auto}.detail-items-table table{min-width:980px}.detail-items-table th{background:#fff}.detail-issued-grid{grid-template-columns:220px minmax(220px,1fr) minmax(220px,1fr) minmax(320px,.9fr);align-items:center}.detail-total-box{color:#fff;background:#3b3b68;border-radius:6px;grid-area:span 2/4;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 26px;display:flex}.detail-total-box span,.detail-total-box strong{color:#fff}.detail-total-box strong{font-size:24px}.collapsible-row p{color:var(--muted);margin-top:8px}.upload-area{grid-template-columns:minmax(260px,.35fr) 1fr}.upload-dropzone{border-radius:var(--radius);color:var(--violet);border:1px dashed #cdd7ea;justify-content:center;align-items:center;gap:16px;min-height:140px;display:flex}.detail-footer-actions{justify-content:flex-end;gap:10px;display:flex}.visually-hidden-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}button:disabled{cursor:not-allowed;opacity:.55}@media (width<=1180px){.topbar{grid-template-columns:1fr auto}.global-search{display:none}.module-nav{min-height:68px}.module-tab{gap:6px;min-height:68px;padding:8px 7px}.module-tab span:not(.new-dot){max-width:76px}.new-dot{top:6px;right:6px}.metric-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2,.span-3{grid-column:span 2}.document-layout{grid-template-columns:1fr}.side-menu{position:static}.settings-layout{grid-template-columns:1fr}.settings-menu{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.settings-menu-button{border-bottom:0;border-right:1px solid var(--line);justify-content:center}.settings-menu-button:last-child{border-right:0}.settings-form,.settings-permission-form{grid-template-columns:1fr}}@media (width<=760px){:root{--app-gutter:18px}.app-shell{background-size:100% 104px}.topbar{height:auto}.module-nav{min-height:58px}.module-tab{gap:0;min-height:58px;padding:8px 4px}.module-tab span:not(.new-dot),.tab-chevron{display:none}.new-dot{padding:1px 4px;font-size:8px;top:4px;right:3px}.brand-lockup span,.topbar-actions button:nth-child(2),.topbar-actions button:nth-child(3),.language-pill{display:none}.workspace{padding:18px 0 42px}.screen-heading,.list-toolbar,.composer-header,.composer-bottom{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.heading-actions,.composer-actions,.pagination-row{justify-content:stretch}.pagination-row,.pagination-row div{flex-direction:column;align-items:stretch}.heading-actions>*,.composer-actions>*,.table-search{width:100%}.metric-grid,.dashboard-grid,.form-grid,.permission-grid,.composer-bottom{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.bar-chart{height:210px}.compact-row,.directory-row,.quick-form{grid-template-columns:1fr}.login-screen{padding:18px}.login-card{padding:24px}.settings-panel{padding:16px}.settings-row,.settings-role-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.quick-form-wide,.detail-summary,.detail-grid{grid-column:auto;grid-template-columns:1fr}}