:root{--global-background-colour: #ffffff;--global-background-colour-accent: #1b2027;--global-colour-primary: #f05a24;--global-colour-secondary: #141414;--global-colour-text: #7a7a7a;--bg: linear-gradient( 140deg, var(--global-background-colour) 0%, var(--global-background-colour-accent) 100% );--panel-bg: rgba(255, 255, 255, .84);--panel-border: rgba(24, 49, 55, .14);--text-primary: var(--global-colour-secondary);--text-muted: var(--global-colour-text);--accent: var(--global-colour-primary);--accent-strong: var(--global-colour-secondary);--button-bg: var(--global-colour-primary);--button-bg-hover: var(--global-colour-secondary);--button-fg: #ffffff;--button-lg-padding: .52rem 1rem;--button-md-padding: .42rem .85rem;--button-sm-padding: .28rem .65rem;--button-xs-padding: .12rem .5rem;--button-min-height: 2.35rem;--spacing-xs: .25rem;--spacing-sm: .35rem;--spacing-md: .55rem;--spacing-lg: .8rem;--spacing-xl: 1rem;--spacing-2xl: 1.25rem;--container-padding: 1.2rem;--panel-padding: 1rem}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;color:var(--text-primary);background-color:var(--global-background-colour);background-image:var(--bg);background-repeat:no-repeat;background-size:100vw 100vh;background-attachment:fixed;line-height:1.45}.page{width:min(1200px,calc(100% - clamp(1rem,3vw,2.5rem)));margin:clamp(.7rem,2.2vw,2rem) auto 1.4rem;display:grid;gap:clamp(.8rem,1.3vw,1.05rem)}.hero,.controls,.content,.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 10px 40px #142b3014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}.hero,.controls,.content{padding:var(--container-padding)}.hero{display:grid;gap:var(--spacing-md);animation:panel-rise .26s ease both}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.session-bar{display:flex;align-items:center;gap:.55rem;margin-top:.1rem}.session-user{color:var(--text-muted);font-size:.9rem;font-weight:700}.session-logout{min-height:2rem;padding:.42rem .85rem;background:transparent;border:1px solid rgba(20,20,20,.22);color:var(--accent-strong)}.session-logout:hover:enabled{background:#ffffffbf;box-shadow:none}.controls{animation:panel-rise .26s ease 40ms both}.content{animation:panel-rise .26s ease 80ms both}.kicker{margin:0;text-transform:none;letter-spacing:.03em;color:var(--accent);font-size:.76rem;font-weight:700}.organisation-title{font-size:clamp(1.15rem,2.1vw,1.6rem);font-weight:800}h1{margin:.4rem 0 .5rem;font-size:clamp(1.5rem,3vw,2.1rem)}.subtext{margin:0;color:var(--text-muted)}.contract-picker{display:grid;gap:.35rem;max-width:24rem;margin-bottom:.25rem}.contract-picker select{border-color:var(--button-bg)}.contract-admin-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.1rem}.contract-admin-actions>button{flex:0 1 auto}.controls{display:grid;gap:var(--spacing-lg)}label{font-size:.86rem;color:var(--text-muted);font-weight:600}input,select,button{font:inherit}input,select{width:100%;border:1px solid #c2d0d4;border-radius:10px;padding:.58rem .7rem;background:#fff;min-height:2.35rem}select{min-height:2rem}.actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.controls .actions>button{flex:1 1 9rem}button{border:none;border-radius:999px;padding:var(--button-lg-padding);background:var(--button-bg);color:var(--button-fg);cursor:pointer;font-weight:700;min-height:var(--button-min-height);transition:background-color .12s ease,transform .12s ease,box-shadow .12s ease}button:hover:enabled{background:var(--button-bg-hover);transform:translateY(-1px);box-shadow:0 8px 18px #123d3833}button:disabled{opacity:.45;cursor:not-allowed}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.status{margin:0 0 .8rem;color:var(--accent-strong);font-weight:600}.status-display{margin:var(--spacing-lg) 0 0;padding:var(--button-md-padding);border-radius:12px;border:1px solid rgba(27,32,39,.18);background:#ffffffe6;font-weight:700;color:var(--text-primary)}.status-display--error{border-color:#b91c1c52;background:#fee2e2eb;color:#7f1d1d}.auth-tabs{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg)}.auth-tabs>button{flex:0 1 auto}.auth-content{margin-top:var(--spacing-lg)}.status-display--success{border-color:#15803d52;background:#dcfce7eb;color:#14532d}.panel{padding:var(--panel-padding);margin-bottom:var(--spacing-lg)}.panel h3{margin:0 0 var(--spacing-sm)}.panel-meta{margin:0 0 var(--spacing-lg);font-size:.9rem;color:var(--text-muted)}.sheet-primary-date{margin:0 0 var(--spacing-sm);font-size:1rem;font-weight:700;color:var(--accent-strong)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #e6edef;padding:var(--button-sm-padding);font-size:.93rem}th{background:#f3faf8;color:#24443f}.th-wrap{display:inline-flex;align-items:center;gap:.35rem}.uom-hint{display:inline-flex;width:1.2rem;height:1.2rem;align-items:center;justify-content:center;color:var(--accent-strong);font-size:1rem;line-height:1}.sort-button{all:unset;cursor:pointer;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-strong);font-size:.82rem}.sort-button:hover{color:var(--accent)}.table-toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);max-width:20rem}.table-filter-label{display:grid;gap:.3rem}.sheet-toolbar{display:flex;gap:var(--spacing-lg);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.sheet-toolbar-new{margin-left:auto}.field{display:grid;gap:.3rem;min-width:0}.sheet-form{display:grid;gap:var(--spacing-lg)}.table-host,.draft-employees-host,.draft-lines-host{overflow-x:auto;width:100%;max-width:100%;border:1px solid #d4e4e0;border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch}.table-host table{min-width:42rem;margin:0}.draft-lines-host table,.draft-employees-host table{min-width:46rem;margin:0}.draft-section-heading{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:1rem;letter-spacing:.01em}.type-summary{border:1px solid #d4e4df;border-radius:12px;padding:var(--button-md-padding);background:#f5fbf9b8;max-width:22rem;margin-left:auto;margin-top:var(--spacing-lg)}.type-summary-title{margin:0 0 .4rem;font-weight:800;font-size:.95rem;color:var(--text-primary)}.type-summary-list{display:grid;gap:var(--spacing-xs)}.type-summary-row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.type-summary-label{color:var(--text-muted);font-weight:700}.type-summary-value{font-weight:800}.new-employee-panel{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.table-empty-cell{text-align:center;color:var(--text-muted)}.qty-input{width:6.5rem;border:1px solid #c2d0d4;border-radius:8px;padding:var(--button-sm-padding)}.sheet-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.sheet-action-area{display:flex;flex-direction:column;gap:.45rem}.sheet-action-area .status-display{margin:0}.sheet-action-area .status-display--error{border-width:1px;box-shadow:0 0 0 .15rem #b91c1c40}.contract-create-form{gap:.95rem}.contract-create-panel{position:relative;overflow:hidden}.contract-create-intro{margin-bottom:0}.contract-create-section{display:grid;gap:var(--spacing-md);padding:var(--button-md-padding);border:1px solid #d4e4df;border-radius:12px;background:#f5fbf9b8}.contract-create-section-title{margin:0;font-size:1rem;color:var(--accent-strong)}.contract-create-helper{margin:-.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.contract-create-grid{display:grid;gap:var(--spacing-md)}.contract-create-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-create-actions{justify-content:flex-end}.row-delete-button{border-radius:999px;padding:var(--button-sm-padding);min-height:auto}.row-save-button{border-radius:999px;padding:var(--button-sm-padding);min-height:auto;margin-right:var(--spacing-sm)}.row-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.row-edit-button{border-radius:999px;padding:var(--button-sm-padding);min-height:auto}.row-cancel-button{border-radius:999px;padding:var(--button-sm-padding);min-height:auto;background:#d6e2de;color:#1f3b36}.row-cancel-button:hover:enabled{background:#c3d2cd}.line-sync-tools{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm)}.line-stale-badge,.line-missing-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;border-radius:999px;padding:var(--button-xs-padding)}.line-stale-badge{color:#7a4e00;background:#fff2d8;border:1px solid #e7ce9d}.line-missing-badge{margin-top:var(--spacing-sm);color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca}.line-sync-button{border-radius:999px;padding:var(--button-xs-padding);min-height:1.8rem;min-width:1.8rem;line-height:1}.draft-row-pending{background:#fff7e8}.draft-row-pending td{border-bottom-color:#efdfc1}.draft-row-pending select,.draft-row-pending input{border-color:#d8c29a}.new-item-badge{display:inline-flex;align-items:center;gap:.3rem;margin-top:var(--spacing-sm);font-size:.78rem;font-weight:700;color:#7a4e00}.new-item-badge:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.new-item-fields{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.new-item-fields-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,10rem);gap:var(--spacing-sm);align-items:end}.security-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--spacing-sm) var(--spacing-md)}.security-permission{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--button-sm-padding);border:1px solid rgba(27,32,39,.14);border-radius:12px;background:#ffffffd1;font-size:.86rem;font-weight:600;color:var(--accent-strong);min-width:0}.security-permission input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--accent)}.security-badge{display:inline-flex;align-items:center;font-size:.78rem;font-weight:800;border-radius:999px;padding:var(--button-xs-padding);background:#f05a241f;border:1px solid rgba(240,90,36,.25);color:var(--accent-strong)}.security-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.sheet-view{display:grid;gap:var(--spacing-lg)}.sheet-content-shell{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #d7e3e0;display:grid;gap:var(--spacing-md)}.sheet-content-heading{margin:0;color:var(--accent-strong);font-size:1.02rem}.sheet-content-meta{margin:0;color:var(--text-muted);font-size:.88rem}.sheet-content-body{min-width:0}.organisation-panel{overflow:hidden}.organisation-form{gap:var(--spacing-xl)}.organisation-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.organisation-theme-field{min-width:0}.organisation-theme-help{margin-top:-.1rem;font-size:.78rem;color:var(--text-muted)}.organisation-theme-controls,.contract-theme-controls{display:grid;grid-template-columns:minmax(3.6rem,4rem) minmax(0,1fr);gap:.4rem;align-items:center}.organisation-theme-picker,.contract-theme-picker{width:100%;min-height:2.2rem;border-radius:8px;border:1px solid #c2d0d4;padding:.18rem;background:#fff}.organisation-theme-text{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.totals{border:1px solid #cde2de;border-radius:10px;background:#f5fbf9;padding:var(--button-md-padding);display:grid;gap:var(--spacing-sm);max-width:22rem;margin-left:auto}.totals-title{margin:0;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;text-align:right}.totals-row{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1.4rem}.totals-label{color:var(--text-primary);font-size:.9rem;padding-right:.25rem}.totals-value{color:var(--accent-strong);font-weight:700;text-align:right;min-width:7.5rem}.totals-adjustment-input{width:7.2rem;padding:.3rem .45rem;border-radius:8px;border:1px solid #b5c9c4;text-align:right}.totals-total .totals-label,.totals-total .totals-value{font-weight:800}.totals-total .totals-value{font-size:1.15rem}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:940px){.sheet-toolbar{align-items:stretch}.sheet-toolbar .field{flex:1 1 100%}.sheet-toolbar-new{margin-left:0;width:100%}.contract-create-grid-two,.new-item-fields-row,.organisation-theme-grid{grid-template-columns:1fr}}.print-document{display:none}.print-header{margin-bottom:1rem}.print-organisation{margin:0;font-size:1.5rem;letter-spacing:.02em}.print-title{margin:.35rem 0 .8rem;font-size:1.15rem}.print-subtitle{margin:1rem 0 .35rem;font-size:1rem}.print-employee-section{margin-top:.6rem}.print-meta{display:grid;gap:.2rem;max-width:30rem}.print-meta-row{display:flex;justify-content:space-between;gap:1rem}.print-meta-label{font-weight:700}.print-table{width:100%;border-collapse:collapse;margin-top:.7rem}.print-table th,.print-table td{border:1px solid #c9d7d3;padding:.45rem .55rem;text-align:left;font-size:.85rem}.print-table th{background:#eef5f3;color:#0d2420}.print-totals{margin-left:auto;margin-top:1rem;width:17rem;border:1px solid #c9d7d3;border-radius:6px;padding:.5rem .7rem}.print-total-row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;padding:.15rem 0}.print-total-final{border-top:1px solid #c9d7d3;margin-top:.35rem;padding-top:.35rem;font-weight:800}@media(max-width:720px){.page{width:calc(100% - 1rem);margin:.6rem auto 1rem}.hero,.controls,.content{padding:.8rem}.company-picker,.table-toolbar{max-width:100%}.controls .actions>button,.sheet-actions>button{flex:1 1 100%}.contract-admin-actions>button{flex:1 1 100%}.security-permissions,.security-contract-grid{grid-template-columns:1fr}.totals{max-width:100%;margin-left:0}.totals-title{text-align:left}.table-host table{min-width:0}.table-host thead{display:none}.table-host tbody{display:grid;gap:.55rem;padding:.5rem}.table-host tbody tr{display:block;border:1px solid #dbe8e4;border-radius:10px;background:#fff;padding:.2rem .5rem}.table-host tbody td{display:grid;grid-template-columns:minmax(7rem,42%) 1fr;align-items:start;gap:.55rem;font-size:.84rem;padding:.45rem .1rem;border-bottom:1px dashed #d9e4e1;white-space:normal;text-wrap:pretty}.table-host tbody td:before{content:attr(data-label);color:var(--text-muted);font-weight:700;line-height:1.25}.table-host tbody td:last-child{border-bottom:none}.table-host .table-empty-cell{display:block;padding:.7rem .2rem;border-bottom:none;text-align:left}.table-host .table-empty-cell:before{content:none}.draft-lines-host table,.draft-employees-host table{min-width:0}.draft-lines-host thead,.draft-employees-host thead{display:none}.draft-lines-host tbody,.draft-employees-host tbody{display:grid;gap:.55rem;padding:.5rem}.draft-lines-host tbody tr,.draft-employees-host tbody tr{display:block;border:1px solid #dbe8e4;border-radius:10px;background:#fff;padding:.2rem .5rem}.draft-lines-host tbody td,.draft-employees-host tbody td{display:grid;grid-template-columns:minmax(7rem,42%) 1fr;align-items:start;gap:.55rem;font-size:.84rem;padding:.45rem .1rem;border-bottom:1px dashed #d9e4e1;white-space:normal;text-wrap:pretty}.draft-lines-host tbody td:before,.draft-employees-host tbody td:before{content:attr(data-label);color:var(--text-muted);font-weight:700;line-height:1.25}.draft-lines-host tbody td:last-child,.draft-employees-host tbody td:last-child{border-bottom:none}.draft-lines-host tbody td:last-child:before,.draft-employees-host tbody td:last-child:before{content:none}.draft-lines-host .qty-input,.draft-employees-host .qty-input{width:100%;min-width:4.6rem}.draft-lines-host select,.draft-employees-host select,.draft-lines-host input[type=text],.draft-employees-host input[type=text]{width:100%;max-width:100%}.type-summary{max-width:100%;margin-left:0}}@media print{@page{size:A4 portrait;margin:14mm}body{background:#fff;margin:0}body.print-mode #app>*:not(.print-document){display:none!important}body.print-mode .print-document{display:block;color:#111;font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;padding:0;margin:0}.print-document .print-table th,.print-document .print-table td{font-size:10.5pt}.print-document .print-title{font-size:13pt}.print-document .print-organisation{font-size:18pt}}