*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#142033;background:#f4f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#0d1728 0%,#111f35 100%);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;box-shadow:10px 0 30px #0f172a14}.brand{letter-spacing:-.04em;margin:4px 8px 38px;font-size:25px;font-weight:800}.brand span{color:#6ee7b7}.sidebar nav{gap:8px;display:grid}.sidebar nav a{color:#b8c6d9;border-radius:11px;align-items:center;min-height:44px;padding:11px 14px;font-weight:650;transition:background .18s,color .18s,transform .18s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.sidebar nav a.active{color:#fff;background:linear-gradient(135deg,#6ee7b733,#3b82f626);box-shadow:inset 0 0 0 1px #6ee7b72e}.company{color:#a9b7ca;overflow-wrap:anywhere;background:#ffffff0d;border-radius:13px;gap:11px;margin-top:auto;padding:16px;font-size:12px;display:grid}.company button{color:#fff;background:#ffffff0a;border:1px solid #40516a;border-radius:9px;padding:9px}.content{width:100%;min-width:0;max-width:1600px;padding:38px}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(28px,3vw,39px)}h2{letter-spacing:-.025em}.eyebrow{color:#64748b;letter-spacing:.16em;margin-bottom:9px;font-size:11px;font-weight:800}.muted,.panel-heading p{color:#64748b}.primary,.secondary,.table-button{border:0;border-radius:10px;padding:11px 18px;font-weight:750;transition:transform .15s,box-shadow .15s,opacity .15s}.primary{color:#fff;background:linear-gradient(135deg,#16243a,#263c5c);box-shadow:0 8px 18px #1420332e}.primary:hover,.table-button:hover{transform:translateY(-1px)}.primary:disabled{opacity:.6}.secondary{color:#172033;background:#e8edf5}.link-button{align-items:center;display:inline-flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stats article,.panel,.auth-card,.project-card{background:#fffffff0;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 10px 30px #0f172a0e}.stats article{padding:21px;position:relative;overflow:hidden}.stats article:before{content:"";background:linear-gradient(90deg,#6ee7b7,#60a5fa);height:3px;position:absolute;top:0;left:0;right:0}.stats span,.stats small{color:#64748b;display:block}.stats span{font-weight:650}.stats strong{letter-spacing:-.025em;margin:11px 0 6px;font-size:25px;display:block}.panel{margin-bottom:22px;overflow:hidden}.panel-heading{padding:23px 24px 10px}.panel-heading h2{margin-bottom:5px}.split-heading{justify-content:space-between;align-items:center;display:flex}.filters{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(150px,1fr));gap:12px;padding:12px 24px 22px;display:grid}.filters.one-filter{grid-template-columns:minmax(220px,430px)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-top:1px solid #edf1f6;padding:15px 18px}th{color:#64748b;letter-spacing:.06em;text-transform:uppercase;background:#fbfcfe;font-size:11px}tbody tr:hover{background:#f8fafc}.status{text-transform:capitalize;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.status.paid{color:#166534;background:#dcfce7}.status.part_paid{color:#92400e;background:#fef3c7}.status.unpaid{color:#991b1b;background:#fee2e2}.table-button{color:#26374f;background:#eef2f7;padding:7px 10px;font-size:12px}.empty{color:#64748b;padding:28px 24px}.form-panel form{padding:14px 24px 26px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:19px;display:grid}label{color:#334155;gap:7px;font-size:13px;font-weight:750;display:grid}input,select,textarea{color:#142033;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 12px;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}textarea{resize:vertical}.wide{grid-column:1/-1}.message{color:#244b86;background:#eef4ff;border:1px solid #dbe8ff;border-radius:9px;padding:11px 13px}.page-message{margin:0 24px 18px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 24px 24px;display:grid}.project-card{padding:20px}.project-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-card-heading h2{margin-bottom:18px}.project-count{color:#52627a;white-space:nowrap;background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.project-card dl{margin:0 0 18px}.project-card dl div{border-top:1px solid #edf1f6;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.project-card dt{color:#64748b}.project-card dd{margin:0;font-weight:750}.project-link{display:inline-flex}.auth-shell{background:radial-gradient(circle at 0 0,#eaf2ff,#0000 40%),linear-gradient(135deg,#f6f8fc,#e8eef8);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(440px,100%);padding:34px}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-actions{gap:10px;display:flex}@media (max-width:1150px){.stats,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.shell{display:block}.sidebar{height:auto;min-height:auto;padding:20px;position:static}.brand{margin-bottom:20px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.company{margin-top:20px}.content{padding:22px 16px}header,.auth-actions{flex-direction:column}.stats,.form-grid,.filters,.project-grid{grid-template-columns:1fr}.wide{grid-column:auto}}.status.ts-pending{color:#92400e;background:#fef3c7}.status.ts-approved{color:#166534;background:#dcfce7}.status.ts-rejected{color:#991b1b;background:#fee2e2}.status.ws-submitted{color:#92400e;background:#fef3c7}.status.ws-approved{color:#166534;background:#dcfce7}.status.ws-rejected{color:#991b1b;background:#fee2e2}.approve-btn{color:#166534;background:#dcfce7}.approve-btn:hover{background:#bbf7d0}.reject-btn{color:#991b1b;background:#fee2e2;margin-left:6px}.reject-btn:hover{background:#fecaca}.action-cell{white-space:nowrap}.invoice-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.invoice-actions .reject-btn{margin-left:0}.invoice-actions .pdf-view-btn{color:#fff;background:#16243a}.invoice-actions .pdf-view-btn:hover{background:#263c5c}.invoice-actions .pdf-download-btn{color:#1e3a5f;background:#e0e7ff}.invoice-actions .table-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ws-detail{padding:16px 24px 24px}.ws-dl{margin:0 0 20px}.ws-dl div{border-top:1px solid #edf1f6;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.ws-dl dt{color:#64748b;flex-shrink:0}.ws-dl dd{text-align:right;margin:0;font-weight:650}.ws-actions{flex-wrap:wrap;gap:10px;display:flex}.ws-row{cursor:pointer}.ws-row:hover{background:#eef4ff!important}.ws-area{text-overflow:ellipsis;max-width:200px;overflow:hidden}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.doc-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;outline:none;padding:48px 24px;transition:border-color .18s,background .18s}.doc-dropzone:hover,.doc-dropzone--over{background:#eff6ff;border-color:#60a5fa}.doc-dropzone-icon{margin-bottom:12px;font-size:40px}.doc-dropzone-label{margin:0 0 6px;font-size:15px;font-weight:650}.doc-dropzone-link{color:#2563eb;text-decoration:underline}.doc-dropzone-hint{color:#64748b;margin:0 0 20px;font-size:12px}.doc-cancel-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.doc-status-panel{text-align:center;background:#f8fafc;border-radius:14px;padding:48px 24px}.doc-status-panel--warn{background:#fffbeb}.doc-status-icon{margin-bottom:8px;font-size:32px}.doc-status-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.doc-spinner{border:3px solid #e2e8f0;border-top-color:#60a5fa;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite doc-spin}@keyframes doc-spin{to{transform:rotate(360deg)}}.doc-review-panel{padding:4px 0 0}.doc-review-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 12px;display:flex}.doc-confidence{white-space:nowrap;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:700}.doc-confidence--high{color:#166534;background:#dcfce7}.doc-confidence--medium{color:#92400e;background:#fef3c7}.doc-confidence--low{color:#991b1b;background:#fee2e2}.doc-warnings{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:0 24px 16px;padding:12px 16px 12px 32px;font-size:13px}.doc-warnings--low{color:#881337;background:#fff1f2;border-color:#fecdd3}.doc-warnings li{margin-bottom:4px}.doc-warnings li:last-child{margin-bottom:0}.doc-review-form{padding:0 24px 8px}.doc-review-grid{margin-bottom:0}.doc-review-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px 24px;display:flex}.doc-required{color:#dc2626;font-weight:800}.doc-ts-table-wrap{margin-bottom:12px;overflow-x:auto}.doc-ts-table{border-collapse:collapse;width:100%;min-width:700px}.doc-ts-table th,.doc-ts-table td{white-space:nowrap;border:1px solid #e2e8f0;padding:8px 10px}.doc-ts-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;font-size:11px}.doc-ts-table td input{padding:7px 8px;font-size:13px}.doc-add-row{margin-top:8px;font-size:13px}@media (max-width:780px){.header-actions{flex-direction:column;align-items:stretch}.doc-review-header,.doc-review-actions{flex-direction:column}.doc-review-actions button{width:100%}}.invoice-table tbody tr.invoice-row{cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.invoice-table tbody tr.invoice-row:hover{background:#eef5ff}.invoice-table tbody tr.invoice-row.selected{background:linear-gradient(90deg,#16243a14,#60a5fa1a);box-shadow:inset 3px 0 #16243a}.invoice-table tbody tr.invoice-row:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}.inv-drawer-root{z-index:80;pointer-events:none;position:fixed;inset:0}.inv-drawer-root.open{pointer-events:auto}.inv-drawer-backdrop{opacity:0;background:#0f172a6b;border:0;transition:opacity .28s;position:absolute;inset:0}.inv-drawer-root.open .inv-drawer-backdrop{opacity:1}.inv-drawer{background:#f8fafc;border-left:1px solid #dbe3ee;flex-direction:column;width:min(45vw,760px);min-width:360px;height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(104%);box-shadow:-24px 0 60px #0f172a2e}.inv-drawer-root.open .inv-drawer{transform:translate(0)}.inv-drawer-header{color:#fff;background:linear-gradient(#0f172a 0%,#16243a 100%);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.inv-drawer-kicker{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin:0 0 4px;font-size:11px;font-weight:800}.inv-drawer-header h2{letter-spacing:-.03em;margin:0;font-size:22px}.inv-drawer-sub{color:#cbd5e1;margin:6px 0 0;font-size:13px}.inv-drawer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:340px;display:flex}.inv-action-btn{color:#fff;background:#ffffff1f;border:0;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:750;transition:background .15s,transform .15s}.inv-action-btn:hover{background:#fff3;transform:translateY(-1px)}.inv-action-btn.danger{background:#f8717138}.inv-action-btn.ghost{background:0 0;border:1px solid #ffffff40}.inv-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.inv-drawer-message{margin:12px 16px 0}.inv-drawer-summary{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px 18px;display:grid}.inv-drawer-summary>div{gap:3px;min-width:0;display:grid}.inv-drawer-summary>div.wide{grid-column:1/-1}.inv-drawer-summary span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.inv-drawer-summary strong{color:#0f172a;overflow-wrap:anywhere;font-size:13px;font-weight:700}.inv-drawer-pdf{background:#eef2f7;padding:12px 14px 0}.inv-pdf-shell{background:#fff;border:1px solid #dbe3ee;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #0f172a0f}.inv-pdf-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.inv-pdf-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inv-tool-btn{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.inv-tool-btn:hover{background:#f1f5f9}.inv-tool-btn.active{color:#fff;background:#16243a;border-color:#16243a}.inv-tool-btn:disabled{opacity:.45;cursor:not-allowed}.inv-pdf-page-label{text-align:center;color:#334155;min-width:54px;font-size:12px;font-weight:750}.inv-pdf-stage{background:linear-gradient(#f8fafc,#eef2f7);justify-content:center;min-height:320px;max-height:min(42vh,520px);padding:14px;display:flex;overflow:auto}.inv-pdf-page{border-radius:4px;overflow:hidden;box-shadow:0 12px 30px #0f172a24}.inv-pdf-filename{color:#64748b;border-top:1px solid #edf1f6;margin:0;padding:8px 12px 10px;font-size:12px}.inv-pdf-empty{text-align:center;color:#64748b;place-content:center;gap:6px;min-height:220px;padding:28px;display:grid}.inv-pdf-empty strong{color:#0f172a}.inv-pdf-skeleton{gap:12px;width:min(100%,420px);padding:18px;display:grid}.inv-skel-line,.inv-skel-block,.inv-skeleton-bar{background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 45%,#e2e8f0 100%) 0 0/200% 100%;border-radius:8px;animation:1.2s linear infinite inv-shimmer}.inv-skel-line{width:70%;height:12px}.inv-skel-line.wide{width:92%}.inv-skel-line.short{width:42%}.inv-skel-block{width:100%;height:180px}.inv-skeleton-bar{border-radius:0;height:44px}@keyframes inv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inv-drawer-tabs{background:#f8fafc;border-top:1px solid #e2e8f0;gap:4px;padding:10px 14px 0;display:flex}.inv-tab{color:#64748b;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:13px;font-weight:750}.inv-tab.active{color:#0f172a;border-bottom-color:#16243a}.inv-drawer-tab-panel{background:#f8fafc;flex:1;min-height:0;padding:14px 16px 24px;overflow:auto}.inv-details-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.inv-details-list>div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.inv-details-list>div.wide{grid-column:1/-1}.inv-details-list dt{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:750}.inv-details-list dd{color:#0f172a;margin:0;font-weight:700}.inv-edit-form,.inv-note-form,.inv-attachment-form{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.inv-edit-form .wide,.inv-note-form label,.inv-attachment-form .wide{grid-column:1/-1}.inv-note-form,.inv-attachment-form{grid-template-columns:1fr}.inv-history ul,.inv-notes ul,.inv-attachments ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.inv-history li,.inv-notes li,.inv-attachments li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:16px;padding:12px 14px;animation:.28s both inv-fade-up;display:flex}.inv-history li p,.inv-notes li p,.inv-attachments li p{color:#64748b;margin:4px 0 0;font-size:13px}.inv-meta{color:#64748b;white-space:nowrap;justify-items:end;gap:4px;font-size:12px;display:grid}@keyframes inv-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.inv-drawer{width:min(56vw,720px)}}@media (max-width:900px){.inv-drawer{width:min(100vw,100%);min-width:0}.inv-drawer-header{flex-direction:column}.inv-drawer-actions{justify-content:flex-start;max-width:none}.inv-drawer-summary,.inv-details-list,.inv-edit-form{grid-template-columns:1fr}.inv-pdf-stage{max-height:38vh}}.proj-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stats article strong.positive{color:#166534}.stats article strong.negative{color:#991b1b}.status.project-active{color:#1e40af;background:#dbeafe}.status.project-completed{color:#166534;background:#dcfce7}.status.project-archived{color:#475569;background:#e2e8f0}.modern-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-project-card{cursor:pointer;background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #e2e8f0;transition:transform .18s,box-shadow .18s,border-color .18s}.modern-project-card:hover{border-color:#c7d7ef;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a14}.modern-project-card.selected{border-color:#16243a;box-shadow:0 16px 34px #16243a1f}.modern-project-card .muted{margin:0;font-size:13px}.project-card-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.project-card-chips span{color:#334155;background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.project-card-actions{flex-wrap:wrap;gap:8px;display:flex}.proj-drawer-root{z-index:80;pointer-events:none;position:fixed;inset:0}.proj-drawer-root.open{pointer-events:auto}.proj-drawer-backdrop{opacity:0;background:#0f172a6b;border:0;transition:opacity .28s;position:absolute;inset:0}.proj-drawer-root.open .proj-drawer-backdrop{opacity:1}.proj-drawer{background:#f8fafc;border-left:1px solid #dbe3ee;flex-direction:column;width:min(52vw,860px);min-width:360px;height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(104%);box-shadow:-24px 0 60px #0f172a2e}.proj-drawer-root.open .proj-drawer{transform:translate(0)}.proj-drawer-header{color:#fff;background:linear-gradient(#10233f 0%,#183456 100%);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.proj-kicker{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin:0 0 4px;font-size:11px;font-weight:800}.proj-drawer-header h2{letter-spacing:-.03em;margin:0;font-size:22px}.proj-sub{color:#cbd5e1;margin:6px 0 0;font-size:13px}.proj-drawer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.proj-metrics{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.proj-metrics article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.proj-metrics span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750;display:block}.proj-metrics strong{letter-spacing:-.02em;margin-top:6px;font-size:18px;display:block}.proj-metrics small{color:#64748b;margin-top:4px;font-size:12px;display:block}.proj-metrics strong.positive{color:#166534}.proj-metrics strong.negative{color:#991b1b}.proj-drawer-tabs{background:#f8fafc;border-top:1px solid #e2e8f0;gap:4px;padding:10px 14px 0;display:flex;overflow-x:auto}.proj-drawer-tabs .inv-tab{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.proj-drawer-tabs .inv-tab em{color:#334155;background:#e2e8f0;border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.proj-drawer-panel{flex:1;min-height:0;padding:14px 16px 24px;overflow:auto}.proj-skeleton{gap:12px;padding:12px;display:grid}.proj-labour-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.proj-labour-summary article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.proj-labour-summary span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:750;display:block}.proj-labour-summary strong{margin-top:6px;font-size:18px;display:block}.proj-file-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.proj-file-list li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.proj-file-list p{color:#64748b;margin:4px 0 0;font-size:13px}@media (max-width:1200px){.proj-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.proj-drawer{width:min(100vw,100%);min-width:0}.proj-drawer-header{flex-direction:column}.proj-metrics,.proj-labour-summary{grid-template-columns:1fr 1fr}.proj-stats,.modern-project-grid{grid-template-columns:1fr}}.po-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.status.po-draft{color:#334155;background:#e2e8f0}.status.po-pending_approval{color:#92400e;background:#fef3c7}.status.po-approved{color:#1e40af;background:#dbeafe}.status.po-sent{color:#3730a3;background:#e0e7ff}.status.po-partially_invoiced{color:#9a3412;background:#ffedd5}.status.po-fully_invoiced{color:#166534;background:#dcfce7}.status.po-cancelled{color:#991b1b;background:#fee2e2}.po-table tbody tr.po-row{cursor:pointer;transition:background .15s}.po-table tbody tr.po-row:hover{background:#eef5ff}.po-table tbody tr.po-row.selected{background:linear-gradient(90deg,#16243a14,#60a5fa1a);box-shadow:inset 3px 0 #16243a}.po-items-editor{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:8px 0 20px;padding:16px}.po-items-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.po-items-heading h3{margin:0}.po-items-table input{min-width:70px}.po-items-table td:first-child input{min-width:180px}.po-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.po-totals div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.po-totals span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:750;display:block}.po-totals strong{margin-top:6px;font-size:18px;display:block}.po-drawer-root{z-index:80;pointer-events:none;position:fixed;inset:0}.po-drawer-root.open{pointer-events:auto}.po-drawer-backdrop{opacity:0;background:#0f172a6b;border:0;transition:opacity .28s;position:absolute;inset:0}.po-drawer-root.open .po-drawer-backdrop{opacity:1}.po-drawer{background:#f8fafc;border-left:1px solid #dbe3ee;flex-direction:column;width:min(52vw,860px);min-width:360px;height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(104%);box-shadow:-24px 0 60px #0f172a2e}.po-drawer-root.open .po-drawer{transform:translate(0)}.po-drawer-header{color:#fff;background:linear-gradient(#1f2937 0%,#111827 100%);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.po-kicker{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin:0 0 4px;font-size:11px;font-weight:800}.po-drawer-header h2{letter-spacing:-.03em;margin:0;font-size:22px}.po-sub{color:#cbd5e1;margin:6px 0 0;font-size:13px}.po-drawer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.po-metrics{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.po-metrics article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.po-metrics span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:750;display:block}.po-metrics strong{margin-top:6px;font-size:18px;display:block}.po-metrics strong.negative{color:#991b1b}.po-drawer-tabs{background:#f8fafc;border-top:1px solid #e2e8f0;gap:4px;padding:10px 14px 0;display:flex;overflow-x:auto}.po-drawer-panel{flex:1;min-height:0;padding:14px 16px 24px;overflow:auto}.po-link-form,.po-approval-form,.po-doc-form{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.po-approval-form{grid-template-columns:1fr}.po-approval-form .wide{grid-column:1/-1}.po-approval-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.po-approval-list li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.po-approval-list p{color:#64748b;margin:4px 0 0;font-size:13px}.po-decision{text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block}.po-decision.pending{color:#92400e;background:#fef3c7}.po-decision.approved{color:#166534;background:#dcfce7}.po-decision.rejected{color:#991b1b;background:#fee2e2}@media (max-width:1200px){.po-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.po-drawer{width:100%;min-width:0}.po-drawer-header{flex-direction:column}.po-metrics,.po-totals,.po-stats{grid-template-columns:1fr}}.status.supplier-active{color:#166534;background:#dcfce7}.status.supplier-archived{color:#475569;background:#e2e8f0}.sup-table{min-width:1100px}.sup-table tbody tr:hover{background:#eef5ff}.sup-table a{color:#16243a;text-decoration:none}.sup-table a:hover{text-decoration:underline}.sup-supplier-picker{gap:8px;display:grid}.sup-supplier-picker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sup-supplier-picker-actions .muted{margin:0;font-size:12px}.sup-modal-root{z-index:90;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.sup-modal-root.open{display:flex}.sup-modal-backdrop{background:#0f172a73;border:0;position:absolute;inset:0}.sup-modal{background:#fff;border:1px solid #dbe3ee;border-radius:18px;width:min(560px,100%);max-height:min(90vh,760px);padding:22px;position:relative;overflow:auto;box-shadow:0 28px 70px #0f172a38}.sup-modal header h2{margin:0 0 4px}.sup-modal header p{margin:0 0 16px}.sup-modal .form-grid .wide,.sup-modal-actions.wide{grid-column:1/-1}.sup-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.sup-profile-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:16px;padding:0 0 12px;display:flex;overflow-x:auto}.sup-profile-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.sup-inline-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.sup-inline-form .wide{grid-column:1/-1}.sup-check{align-items:center;gap:8px;font-size:14px;display:flex}.sup-check input{width:auto}.sup-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.sup-stats article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.sup-stats span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:750;display:block}.sup-stats strong{letter-spacing:-.02em;margin-top:6px;font-size:20px;display:block}.sup-bank-locked{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:24px}@media (max-width:1200px){.sup-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sup-inline-form{grid-template-columns:1fr 1fr}}@media (max-width:900px){.sup-stats,.sup-inline-form{grid-template-columns:1fr}.sup-table{min-width:900px}}