@font-face{font-family:Segoe UI Web;font-weight:400;src:local("Segoe UI"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff) format("woff")}@font-face{font-family:Segoe UI Web;font-weight:600;src:local("Segoe UI Semibold"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff) format("woff")}@font-face{font-family:Segoe UI Web;font-weight:700;src:local("Segoe UI Bold"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff) format("woff")}:root{color-scheme:light;--brand: #860100;--brand-dark: #6b0100;--brand-tint: rgba(134, 1, 0, .07);--page-bg: #f5f3f2;--panel-bg: #ffffff;--line: rgba(27, 27, 27, .1);--text: #1b1b1b;--muted: #616161;--shadow: 0 2px 6px rgba(0, 0, 0, .14);--radius: 10px;--font: "Segoe UI", "Segoe UI Web", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--content-width: 1240px}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg);color:var(--text);font-family:var(--font)}#root{min-height:100vh}h1,h2,h3,p,dl,dd,figure{margin:0}.loading-screen{min-height:100vh;display:grid;place-items:center}.loading-spinner{width:64px;height:64px;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-bg svg{width:100%;height:100%;display:block}.login-bg polygon{animation:tri-pulse 9s ease-in-out infinite;animation-delay:var(--tri-delay, 0s);color:var(--tri-base, #f7f4f2)}@keyframes tri-pulse{0%,to{color:var(--tri-base, #f7f4f2)}50%{color:var(--tri-tint, #f0dad5)}}.login-bg-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 50% 46%,rgba(255,255,255,.85),rgba(255,255,255,.35) 55%,transparent 80%)}@media(prefers-reduced-motion:reduce){.login-bg polygon,.auth-wrapper,.login-pane-forward,.login-pane-back,.login-error,.login-info{animation:none}}.login-section{flex:1;position:relative;z-index:1;display:grid;place-items:center;padding:24px 16px 48px}.auth-wrapper{max-width:440px;width:100%;min-width:320px;padding:44px;background-color:#fff;box-shadow:var(--shadow);animation:card-in .4s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.login-pane-forward{animation:pane-forward .3s cubic-bezier(.2,.8,.2,1) both}.login-pane-back{animation:pane-back .3s cubic-bezier(.2,.8,.2,1) both}@keyframes pane-forward{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes pane-back{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}.auth-wrapper-wide{max-width:560px}.login-logo{height:26px;width:auto;display:block}.login-title{margin:16px 0 4px;font-size:1.5rem;font-weight:600;line-height:1.75rem;color:var(--text)}.login-subtitle{margin:0 0 16px;font-size:.85rem;color:var(--muted)}.login-input{width:100%;margin-bottom:16px}.login-error{color:#e81123;font-size:.85rem;margin:0 0 12px;animation:message-in .25s ease both}.login-info{color:#277a5f;font-size:.85rem;margin:0 0 12px;animation:message-in .25s ease both}@keyframes message-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.login-small{font-size:13px;margin:16px 0}.login-actions{display:flex;justify-content:flex-end}.login-identity{display:flex;align-items:center;gap:6px;font-size:15px;margin-bottom:4px}.signup-section-label{margin:20px 0 10px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.signup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:start}.signup-span-2{grid-column:span 2}@media screen and (max-width:600px){.login-page{background:#fff}.login-bg{display:none}.auth-wrapper{box-shadow:none;padding:24px}.signup-grid{grid-template-columns:minmax(0,1fr)}.signup-span-2{grid-column:auto}}.app-root{min-height:100vh;display:flex;flex-direction:column}.global-nav{background:var(--brand);color:#fff;box-shadow:0 1px 4px #00000040;position:sticky;top:0;z-index:10}.nav-inner{max-width:var(--content-width);margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;gap:24px}.nav-logo{height:20px;width:auto;display:block;flex-shrink:0}.nav-links{display:flex;align-items:stretch;gap:2px;align-self:stretch}.nav-link{display:flex;align-items:center;gap:7px;padding:0 14px;border:none;background:transparent;color:#ffffffd9;font:inherit;font-size:.9rem;cursor:pointer;border-bottom:3px solid transparent;border-top:3px solid transparent}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{color:#fff;font-weight:600;border-bottom-color:#fff}.nav-user{margin-left:auto}.nav-user-button{color:#fff;padding:6px 10px;column-gap:10px}.nav-user-email{color:#fff;font-size:.85rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.app-shell{width:100%;max-width:var(--content-width);margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:24px}.app-shell-wide{max-width:1480px}.page-header{display:flex;align-items:center;gap:12px;min-height:56px}.page-back{flex-shrink:0}.page-header-text{display:flex;flex-direction:column;gap:2px}.page-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.page-header h1{font-size:1.5rem;font-weight:600;line-height:1.3}.page-description{color:var(--muted);font-size:.88rem}.page-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.payslip-type-dropdown{min-width:176px}.panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.panel-header{display:flex;align-items:center;gap:12px}.panel-icon{width:38px;height:38px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand)}.panel-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.panel-heading h2{font-size:1rem;font-weight:600;line-height:1.35}.panel-heading p{color:var(--muted);font-size:.82rem}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-body{display:flex;flex-direction:column;gap:16px;min-width:0}.home-hero{display:flex;flex-direction:column;gap:6px;padding:24px 0 8px}.home-hero h1{font-size:1.9rem;font-weight:600}.home-hero p{color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.module-card{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}.module-card h2{font-size:1.05rem;font-weight:600}.module-card p{color:var(--muted);font-size:.88rem;line-height:1.5}.module-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.module-meta{font-size:.8rem;color:var(--muted)}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.form-stack{display:flex;flex-direction:column;gap:24px;min-width:0}.split-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.field-grid-narrow{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.field-stack{display:flex;flex-direction:column;gap:16px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}.form-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.field-grid .fui-Input,.field-stack .fui-Input,.two-column .fui-Input,.signup-grid .fui-Input{width:100%}.commission-table-wrap,.simple-table-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px}.commission-table{min-width:960px}.commission-table .fui-Input{width:100%}.commission-table td,.simple-table-wrap td{padding-top:5px;padding-bottom:5px}.col-client{width:17%}.col-ref{width:11%}.col-money{width:13%}.col-rate{width:9%}.col-notes{width:17%}.col-total{width:110px;text-align:right;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}th.col-total{text-align:right}.col-actions{width:84px}.col-actions-wide{width:124px}.row-clickable{cursor:pointer}.cell-stack{display:flex;flex-direction:column;line-height:1.35}.subtext{color:var(--muted);font-size:.78rem}.icon-actions{display:flex;gap:2px;justify-content:flex-end}.empty-state{margin:0;padding:12px 0;color:var(--muted);font-size:.9rem}.archived-subheading{margin:20px 0 8px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.summary-panel{position:sticky;top:76px;min-width:0}.summary-list{display:flex;flex-direction:column;gap:10px}.summary-list div{display:flex;justify-content:space-between;gap:12px}.summary-list dt{color:var(--muted);font-size:.88rem}.summary-list dd{font-weight:600;font-variant-numeric:tabular-nums}.net-pay-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:var(--brand-tint)}.net-pay-box span{font-size:.88rem;font-weight:600}.net-pay-box strong{color:var(--brand);font-size:1.15rem;font-variant-numeric:tabular-nums}.summary-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px}.status-pill{display:inline-flex;align-items:center;padding:2px 10px;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-editor-list{display:flex;flex-direction:column;gap:10px}.status-editor-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px;align-items:center}.status-editor-row .fui-Input{width:100%}.color-input-wrap input{width:36px;height:32px;padding:2px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}.modal-stack{display:flex;flex-direction:column;gap:12px}.employee-picker-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.employee-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;text-align:left;cursor:pointer}.employee-picker-row:hover{border-color:var(--brand);background:#8601000a}.employee-picker-row span{display:flex;flex-direction:column;gap:2px}.employee-picker-row small{color:var(--muted)}.saved-payslip-row{display:flex;align-items:center;gap:8px}.saved-payslip-row .employee-picker-row{flex:1}:root{--credit: #1e7a34;--debit: #c0392b}.hidden-input{display:none}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.amount-pos{color:var(--credit)}.amount-neg{color:var(--debit)}.amount-strong{font-weight:600}.bs-loading{display:grid;place-items:center;padding:96px 0}.statement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.statement-card{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.statement-card-clickable{cursor:pointer;transition:border-color .15s ease}.statement-card-clickable:hover,.statement-card-clickable:focus-visible{border-color:var(--brand);outline:none}.statement-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.statement-card-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.statement-card-heading h3{font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-pill-business{align-self:flex-start;border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}.account-pill-personal{align-self:flex-start;border-color:#677487;color:#677487;background:#67748717}.statement-card-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.statement-card-balances dt{color:var(--muted);font-size:.78rem}.statement-card-balances dd{font-size:.95rem}.statement-card-footer{margin-top:auto}.statement-card-warning{font-size:.88rem;line-height:1.5}.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.two-up .fui-Input{width:100%}.cat-progress{display:flex;flex-direction:column;gap:4px;min-width:0}.cat-progress-label{color:var(--muted);font-size:.78rem}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.bank-tile{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;font:inherit;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s ease}.bank-tile:hover,.bank-tile:focus-visible{border-color:var(--brand);outline:none}.bank-tile img{height:72px;width:72px;object-fit:contain}.upload-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bs-dropzone{background:var(--panel-bg);border:2px dashed var(--line);border-radius:var(--radius);padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;font:inherit;color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.bs-dropzone:hover,.bs-dropzone:focus-visible{border-color:var(--brand);outline:none}.bs-dropzone-active{border-color:var(--brand);background:var(--brand-tint)}.bs-dropzone-title{font-weight:600}.confirm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.confirm-grid dt{color:var(--muted);font-size:.78rem}.confirm-grid dd{font-weight:600;overflow:hidden;text-overflow:ellipsis}.error-detail summary{cursor:pointer;color:var(--muted);font-size:.85rem}.error-detail pre{margin:8px 0 0;padding:12px;border-radius:8px;background:var(--page-bg);font-size:.78rem;overflow-x:auto;white-space:pre-wrap}.manual-entry-form{display:flex;flex-direction:column;gap:16px}.saved-accounts{display:flex;flex-direction:column;gap:8px}.saved-accounts-label{font-size:.82rem;font-weight:600}.saved-accounts-list{display:flex;flex-wrap:wrap;gap:8px}.manual-lines{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:12px}.manual-lines-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.manual-lines-header h3{font-size:.95rem;font-weight:600}.manual-rows{display:flex;flex-direction:column;gap:8px}.manual-row{display:grid;grid-template-columns:170px minmax(0,1fr) 150px auto;gap:8px;align-items:center}.manual-row .fui-Input{width:100%}.manual-amount input{text-align:right;font-variant-numeric:tabular-nums}.manual-form-actions{justify-content:flex-end}@media(max-width:720px){.manual-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.statement-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;align-items:start}.statement-overview>div{display:flex;flex-direction:column;gap:4px}.statement-overview-progress{min-width:180px}.document-chips{display:flex;flex-wrap:wrap;gap:8px}.tx-table-block{display:flex;flex-direction:column;gap:16px}.filter-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-search{flex:1;min-width:220px}.filter-dropdown{min-width:150px}.tx-table{min-width:1020px;background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius)}.col-check{width:44px}.col-date{white-space:nowrap}.col-amount{text-align:right;white-space:nowrap}.tx-table th.col-amount{text-align:right}.col-expand{width:80px}.col-clip{max-width:240px}.cell-clip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-row-expanded{background:var(--brand-tint)}.tx-row-icons{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted)}.receipt-count{display:inline-flex;align-items:center;gap:3px;font-size:.78rem}.tx-detail-row>td{background:#86010006;padding:20px 24px}.tx-pill-review{border-color:var(--debit);color:var(--debit);background:#c0392b17}.tx-pill-done{border-color:var(--credit);color:var(--credit);background:#1e7a3417}.tx-pill-todo{border-color:#946300;color:#946300;background:#94630017}.suggestion-pill{margin-left:6px}.category-panel{display:flex;flex-direction:column;gap:16px}.category-panel .fui-Input,.category-panel .fui-Dropdown{width:100%}.category-field{grid-column:1 / -1}.category-toggles{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.category-panel-actions{display:flex;justify-content:flex-end;gap:8px}.receipt-divider{border-top:1px solid var(--line);padding-top:16px}.receipt-section{display:flex;flex-direction:column;gap:12px}.receipt-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-section-header h4{margin:0;font-size:.88rem;font-weight:600}.receipt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.receipt-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-bg)}.receipt-item>svg{flex-shrink:0;color:var(--brand)}.receipt-item-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.35}.receipt-item-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-bar{position:sticky;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--brand);color:#fff;box-shadow:0 6px 18px #00000047}.bulk-bar-count{font-size:.88rem;font-weight:600;white-space:nowrap;padding:0 4px}.bulk-bar-select{min-width:220px}.bulk-bar-clear{margin-left:auto;color:#fff}@media(max-width:980px){.workbench,.split-grid{grid-template-columns:minmax(0,1fr)}.summary-panel{position:static}.two-column{grid-template-columns:minmax(0,1fr)}.nav-user-email{display:none}.page-header{flex-wrap:wrap}.page-header-actions{width:100%;margin-left:0;justify-content:flex-end}}