@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}.nav-user-email{color:#fff;font-size:.85rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.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}.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}.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}@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}}