:root{font-family:Segoe UI,system-ui,sans-serif;font-size:16px;color:#172a40;background:#f3f6fa;--nav:#10283f;--gold:#f6bd42;--line:#dce4ed;--muted:#63768a;--blue:#164f80}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:10px 16px;background:var(--nav);color:white;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}button.small{font-size:.85rem;padding:7px 10px}button.secondary{background:white;border:1px solid #bdcddd;color:var(--nav)}button.gold{background:var(--gold);color:#172a40}button.danger{background:#a42e39}button.link{background:none;color:var(--blue);padding:0;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:3px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #bdcddd;border-radius:7px;background:white;color:#172a40}input:focus,select:focus,textarea:focus{outline:2px solid #2879b4;outline-offset:1px}textarea{min-height:80px;resize:vertical}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:7px}h1{font-size:1.75rem;line-height:1.25;margin:0 0 7px}h2{font-size:1.15rem;margin:0 0 18px}h3{font-size:1rem;margin:0 0 12px}p{line-height:1.55}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;font-weight:700;color:var(--muted);margin-bottom:7px}.hidden{display:none!important}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:1.1rem;line-height:1.3}.sun{height:32px;width:32px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #f6bd4215;flex-shrink:0}.brand small{display:block;font-size:.75rem;letter-spacing:.16em;font-weight:500;color:#acc2d5;margin-top:3px}.login{max-width:465px;margin:10vh auto;padding:34px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 70px #102a4110}.login .brand{margin-bottom:30px}.login button{width:100%;margin-top:20px}.login .brand small{color:var(--muted)}.layout{display:grid;grid-template-columns:252px 1fr;min-height:100vh}aside{background:var(--nav);color:#c8d9e8;padding:28px 16px;position:sticky;top:0;height:100vh;overflow:auto}aside .brand{padding:0 9px;margin-bottom:27px;color:white}.nav-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#94b0c7;margin:20px 10px 7px}.nav-group{border:0}nav button,nav summary{background:none;color:#c5d6e6;font-size:.875rem;font-weight:500;text-align:left;padding:10px 12px;width:100%;border-radius:7px}nav summary{cursor:pointer;font-weight:650;list-style:none}nav summary:after{content:'+';float:right;color:#87a2b9}nav details[open] summary:after{content:'−'}nav details button{padding-left:25px}nav button.active{background:var(--gold);color:#12273b;font-weight:650}nav button:hover,nav summary:hover{background:#ffffff12}nav button.active:hover{background:var(--gold)}.sidebar-foot{font-size:.75rem;color:#92afc5;border-top:1px solid #ffffff1c;padding:20px 10px;margin-top:25px;line-height:1.6}main{min-width:0;padding:30px 34px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.header-actions{display:flex;gap:8px;align-items:center}.local-badge{font-size:.8rem;color:#53728e;border:1px solid #d3dfe9;border-radius:20px;padding:7px 12px;background:white}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.metric label{color:var(--muted);font-weight:500}.metric strong{font-size:1.6rem;display:block;margin-top:10px;overflow-wrap:anywhere}.metric.gold{border-top:3px solid var(--gold)}.metric small{font-size:.8rem;color:var(--muted);display:block;margin-top:8px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.panel-head h2{margin:0}.toolbar .search{max-width:300px}.toolbar .filters{display:flex;gap:10px;align-items:center}.toolbar select{width:auto}.two-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;background:#f1f5f9;color:#536b80;font-size:.8rem;font-weight:650;white-space:nowrap}th,td{padding:13px 12px;border-bottom:1px solid #e4ebf1;vertical-align:top}td{max-width:290px;overflow-wrap:anywhere}td .actions{margin:0;justify-content:flex-start;gap:7px;flex-wrap:wrap}td strong{font-weight:650}.empty{text-align:center;padding:35px 15px;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.empty p{margin:0 0 15px}.badge{display:inline-block;background:#eaf1f7;color:#355675;border-radius:20px;padding:4px 9px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge.ready,.badge.completed,.badge.delivered{background:#e6f3ec;color:#26754c}.badge.cancelled,.badge.overdue,.badge.express{background:#ffe9e8;color:#a43c3c}.badge.urgent,.badge.qc{background:#fff1d3;color:#896221}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.notice{padding:13px 16px;border-radius:8px;background:#e6f3ec;color:#24583d;margin-bottom:18px;line-height:1.5}.notice.error{background:#ffebeb;color:#9f3139}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:23px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fields.two{grid-template-columns:1fr 1fr}.field-full{grid-column:1/-1}.help{font-size:.875rem;line-height:1.5;color:#557087;background:#f1f6fb;padding:13px 15px;border-radius:8px;margin:18px 0}.summary-strip{display:flex;justify-content:flex-end;gap:30px;flex-wrap:wrap;padding:20px;background:#f1f6fb;border-radius:9px;margin-top:18px}.summary-strip label{font-weight:500;color:var(--muted)}.summary-strip strong{font-size:1.2rem}.item-row{padding:18px;border:1px solid var(--line);border-radius:9px;margin-bottom:13px}.item-row .fields{grid-template-columns:repeat(4,minmax(0,1fr))}.item-row .row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title{margin-top:27px}.stage-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:22px}.stage-card{background:white;border:1px solid var(--line);border-radius:8px;padding:15px;text-align:left;color:var(--nav)}.stage-card strong{display:block;font-size:1.45rem;margin-top:8px}.stage-card.active{border:2px solid var(--gold);padding:14px}.method-row{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:.875rem}.method-row span:first-child{width:70px}.bar{flex:1;height:7px;background:#edf2f7;border-radius:8px;overflow:hidden}.bar i{display:block;background:var(--gold);height:100%;border-radius:8px}.method-row strong{width:105px;text-align:right}.detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.detail-meta dt{font-size:.8rem;color:var(--muted);margin-bottom:5px}.detail-meta dd{margin:0;font-weight:600}.timeline{padding-left:0;list-style:none}.timeline li{border-left:2px solid var(--line);padding:0 0 20px 18px;font-size:.875rem;line-height:1.5}.timeline small{color:var(--muted);display:block}.receipt-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.receipt-head h1{font-size:1.5rem}.receipt-head p{margin:4px 0;font-size:.875rem}dialog{border:0;border-radius:13px;padding:27px;width:min(720px,94vw);max-height:90vh;box-shadow:0 25px 90px #0004}dialog::backdrop{background:#10283f99}dialog .fields{grid-template-columns:1fr 1fr}dialog .dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog h2{margin:0}.view-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.view-head .actions{margin:0}.check-row{display:flex;gap:9px;align-items:center;margin:12px 0}.check-row input{width:auto}.notification-text{white-space:pre-wrap;background:#f1f6fb;padding:20px;border-radius:8px;line-height:1.6}.table-note{font-size:.8rem;color:var(--muted);margin:14px 0 0}.order-number{font-weight:650;color:var(--blue)}.form-page{max-width:1200px}.quick-actions{display:flex;gap:9px}.report-range{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.report-range>div{min-width:150px}.back{padding:0;background:none;color:var(--blue);font-size:.875rem;margin-bottom:18px}.subtle{font-size:.85rem;color:var(--muted)}
@media(max-width:1100px){main{padding:25px}.layout{grid-template-columns:225px 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.two-cols{grid-template-columns:1fr}.fields,.item-row .fields{grid-template-columns:1fr 1fr}.stage-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{height:auto;position:relative;padding:16px}aside .brand{margin-bottom:15px}nav{display:flex;gap:8px;flex-wrap:wrap}nav>.nav-label,.sidebar-foot{display:none}nav details{flex:1;min-width:135px}nav summary{background:#ffffff0a}nav details button{padding:8px 13px}main{padding:20px}header{flex-wrap:wrap}.detail-meta{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.stage-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.login{margin:5vh 15px;padding:25px}main{padding:15px}.panel{padding:17px}.fields,.fields.two,.item-row .fields,dialog .fields{grid-template-columns:1fr}.metric{padding:15px}.metric strong{font-size:1.3rem}.stage-cards{grid-template-columns:1fr 1fr}.receipt-head{flex-direction:column}.toolbar .filters{flex-wrap:wrap}.summary-strip{justify-content:space-between;gap:18px}.local-badge{display:none}}@media print{body{background:white;font-size:12px}aside,header,.no-print,#notice,dialog,.view-head,.back{display:none!important}.layout{display:block}.panel{border:0;padding:0;margin:0}main{padding:0}.receipt-head{display:flex}table{font-size:12px}.print-hide{display:none!important}.table-wrap{overflow:visible}.badge{border:1px solid #ddd}.detail-meta{grid-template-columns:repeat(4,1fr)}th,td{padding:9px 8px}.summary-strip{background:none;border:1px solid #ddd}h1{font-size:22px}.fields{display:block}}

.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:.85rem;color:var(--muted)}.quick-grid{display:flex;flex-wrap:wrap;gap:15px}.sales-bars{display:flex;gap:25px;align-items:end;overflow:auto;padding:10px}.sales-bars>div{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.sales-bars i{display:block;width:45px;background:var(--gold);border-radius:5px 5px 0 0}.sales-bars small{font-size:.75rem}.kanban{display:flex;gap:15px;overflow:auto;align-items:start}.kanban>section{min-width:245px;background:#eaf0f6;padding:15px;border-radius:10px}.job-tile{background:white;border:1px solid var(--line);padding:15px;border-radius:8px;margin-top:12px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.approval-state{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:.875rem}.sales-item-table{min-width:870px}.sales-item-table th:nth-child(2){width:42%}.sales-item-table td{vertical-align:middle}.sales-item-table td:nth-child(3),.sales-item-table td:nth-child(4),.sales-item-table td:nth-child(5){min-width:120px}.sales-item-table input{text-align:right}.sales-item-table .sale-item-info input{text-align:left}.sale-item-info{display:grid;gap:8px}.sale-item-info label{font-size:.72rem;margin-bottom:4px}.sales-item-table td:nth-child(n+3) label{display:none}.line-amount{text-align:right;font-weight:600;white-space:nowrap}.move-buttons{display:flex;gap:2px;margin-top:7px}.move-buttons button{padding:3px 6px;font-size:.8rem}.drag-handle{cursor:grab}.sales-order-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:25px 0}.sale-totals dl{display:flex;justify-content:space-between;gap:20px;margin:16px 0}.sale-totals dd{margin:0;font-weight:650}.total-field{display:flex;align-items:center;gap:15px;margin-bottom:15px}.total-field label{flex:1;margin:0}.total-field input{width:105px;text-align:right}.total-field strong{min-width:70px;text-align:right}.sale-totals .grand{border-top:1px solid var(--line);padding-top:18px;font-size:1.2rem;font-weight:700}.attachment-box{padding:20px;border:1px dashed #b9cddd;border-radius:9px;margin:25px 0}.pre-wrap{white-space:pre-wrap}@media(max-width:800px){.sales-order-bottom{grid-template-columns:1fr;gap:20px}.permission-grid{grid-template-columns:1fr}}@media print{.pager,.attachment-box input,.approval-state strong{display:none}.sales-order-bottom{grid-template-columns:1fr 1fr}}

.reference-sales-order{font-family:Arial,sans-serif;font-size:14px;padding-bottom:85px;--blue:#2877e6}.reference-sales-order .panel{border-radius:10px;box-shadow:0 2px 7px #17243b0a;padding:20px}.reference-sales-order .panel-head{border-bottom:1px solid var(--line);padding-bottom:16px}.reference-sales-order h2{font-size:16px}.reference-sales-order .fields.order-information-grid{grid-template-columns:repeat(4,1fr);gap:16px}.reference-sales-order .customer-field{grid-column:span 2}.reference-sales-order label{font-size:12px;color:#4f5b6c}.reference-sales-order input,.reference-sales-order select{padding:10px 11px;border-radius:6px}.reference-sales-order input:focus,.reference-sales-order select:focus,.reference-sales-order textarea:focus{outline-color:#2877e6}.reference-sales-order button.gold,.reference-sales-order button.primary{background:#2877e6;color:white}.reference-sales-order .customer-field button{margin-top:8px}.reference-sales-order .sales-item-table{min-width:1250px}.reference-sales-order .sales-item-table th:nth-child(2){width:28%}.reference-sales-order .sales-item-table td:nth-child(3){min-width:80px}.reference-sales-order .sales-order-bottom{grid-template-columns:1fr 430px;gap:30px}.reference-totals{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:16px}.reference-totals .due{color:#d94b4b}.reference-sales-actions{position:sticky;bottom:0;background:white;border:1px solid var(--line);padding:12px 20px;justify-content:flex-start;z-index:5;border-radius:8px}.action-spacer{flex:1}button.success{background:#16885f;color:white}.pre-wrap{white-space:pre-wrap}@media(max-width:1100px){.reference-sales-order .fields.order-information-grid{grid-template-columns:repeat(2,1fr)}.reference-sales-order .sales-order-bottom{grid-template-columns:1fr}}@media(max-width:600px){.reference-sales-order .fields.order-information-grid{grid-template-columns:1fr}.reference-sales-order .customer-field{grid-column:auto}.reference-sales-actions{flex-wrap:wrap}}@media print{.reference-sales-actions{display:none!important}.reference-sales-order{padding:0}}

button.primary{background:#3b86f7;color:white}.sales-lifecycle{background:#f8f9fc;box-shadow:none;border:0;padding:35px 25px}.sales-lifecycle>h2{text-align:center;font-size:1.35rem;font-weight:500;margin:10px 0 40px}.lifecycle-grid{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:6px}.flow-card{border:1px solid #62afff;color:#51708c;background:#f2f8ff;padding:14px 10px;display:flex;align-items:center;gap:10px;border-radius:5px;min-height:65px;font-size:.78rem;font-weight:650;text-transform:uppercase}.flow-card svg{color:#3299ff;flex-shrink:0}.flow-card.purple svg{color:#b079ec}.flow-card.green svg{color:#20a65e}.request-cards{display:flex;flex-direction:column;gap:50px}.flow-arrow{color:#67b3ff;font-size:24px;text-align:center}.flow-bottom{grid-column:5/8;justify-self:start;width:260px;margin-top:25px;text-align:center}.flow-path-label{padding:14px;font-size:.75rem;color:#6886a3}.lifecycle-explanation{border-top:1px solid #dce1e8;margin:45px auto 0;padding-top:30px;max-width:720px}.lifecycle-explanation h3{text-align:center;font-size:1.2rem;font-weight:500;margin-bottom:25px}.lifecycle-explanation p{margin-left:30px}.lifecycle-details{margin-bottom:20px}.lifecycle-details>summary{cursor:pointer;color:#2877e6;padding:10px}.reference-sales-order .sales-item-table{min-width:1100px}.reference-sales-order .sales-item-table td:nth-child(n+3){min-width:85px}.reference-sales-order .sales-item-table input{min-width:65px;padding:8px}.reference-sales-order .sales-item-table td:nth-child(2){min-width:240px}.reference-sales-order .sales-item-table th{font-size:11px}.reference-sales-order .sales-item-table td{padding:8px 6px}@media(max-width:950px){.lifecycle-grid{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.request-cards{gap:15px}.flow-bottom{grid-column:auto;width:100%;margin:0}.lifecycle-explanation p{margin-left:0}}

.invoice-lifecycle{background:#f8f9fc;border:0;padding:38px 25px}.invoice-lifecycle>h2{text-align:center;font-size:1.35rem;font-weight:500;margin:0 0 40px}.invoice-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px}.invoice-flow>.flow-card{min-width:105px}.invoice-flow-icon{font-size:25px;font-weight:400}.invoice-flow-branches{display:flex;flex-direction:column;gap:24px;min-width:135px}.invoice-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:55px;text-align:center}.invoice-features h3{font-size:1.15rem;font-weight:500}.invoice-features p{color:#738399;font-size:1rem;line-height:1.7}.feature-icon{display:block;font-size:35px;margin-bottom:18px}.green{color:#18a866}.amber{color:#e6a13f}.purple{color:#8571ed}.lifecycle-help{text-align:center;max-width:730px;margin:25px auto}.badge.paid,.badge.posted,.badge.approved{background:#e6f3ec;color:#26754c}.badge.partially_paid{background:#fff1d3;color:#896221}.badge.unpaid{background:#eaf2ff;color:#246ac6}@media(max-width:800px){.invoice-features{grid-template-columns:1fr;gap:25px}.invoice-flow{display:grid;grid-template-columns:1fr}.invoice-flow>.flow-arrow{transform:rotate(90deg)}.invoice-flow-branches{gap:10px}}

.customer-reference{font:14px/1.45 Arial,Helvetica,sans-serif;padding-bottom:40px}.customer-reference .card{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:18px;box-shadow:0 2px 8px #1e2d460a}.customer-reference .card-head{padding:16px 20px;border-bottom:1px solid var(--line);font-size:16px;font-weight:700}.customer-reference .card-body{padding:20px}.customer-reference .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.customer-reference .span2{grid-column:span 2}.customer-reference .span4{grid-column:1/-1}.customer-reference label{font-size:12px;color:#526073}.customer-reference .req:after{content:' *';color:#d94a4a}.customer-reference .radio{display:flex;gap:12px;align-items:center;height:39px}.customer-reference .radio label{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:500;margin:0}.customer-reference .radio input,.customer-reference .check input{width:auto}.customer-reference .idbox{background:#f7f9fc;font-weight:700;color:#38506f}.customer-reference .tabs{display:flex;gap:2px;overflow:auto;border-bottom:1px solid var(--line);padding:0 12px}.customer-reference .tab-btn{border:0;border-radius:0;background:transparent;padding:14px 15px;color:#5d6878;font-weight:700;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}.customer-reference .tab-btn.active{color:#2f7ee6;border-bottom-color:#2f7ee6}.customer-reference .tab-panel{display:none}.customer-reference .tab-panel.active{display:block}.customer-reference .two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.customer-reference .address-box{border:1px solid var(--line);border-radius:8px;padding:16px}.customer-reference .address-box h4{margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.customer-reference .link-btn{background:none;color:#2f7ee6;padding:0}.customer-reference .upload{border:1px dashed #b9c6d7;border-radius:8px;background:#fafcff;padding:18px}.customer-reference .upload-list{font-size:12px;margin-top:10px;color:var(--muted)}.customer-reference .check,.customer-reference .inline{display:flex;align-items:center;gap:8px}.customer-reference .info{background:#f6f9fd;border-left:3px solid #2f7ee6;padding:12px;color:#556274}.customer-reference .tag{display:inline-flex;gap:7px;align-items:center;background:#eef4fd;border-radius:18px;padding:7px 10px;margin:4px}.customer-reference .tag button{background:none;color:#d94a4a;padding:0}.customer-reference .table-actions{margin-top:12px}.customer-reference .table-wrap table{min-width:800px}.customer-custom-row{margin:12px 0}.customer-actions{position:sticky;bottom:0;background:white;border:1px solid var(--line);padding:12px 24px;display:flex;gap:9px;z-index:5;border-radius:8px}.customer-reference .small{font-size:12px;line-height:1.5;color:var(--muted)}.customer-reference .check span{font-size:14px}.customer-reference .danger{background:#fff0f0;color:#d94a4a}@media(max-width:1050px){.customer-reference .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-reference .two-col{grid-template-columns:1fr}}@media(max-width:620px){.customer-reference .grid{grid-template-columns:1fr}.customer-reference .span2,.customer-reference .span4{grid-column:auto}.customer-actions{flex-wrap:wrap;padding:12px}.customer-reference .card-body{padding:14px}}@media print{.customer-actions,.customer-reference .tabs{display:none}.customer-reference .tab-panel{display:block}}
.measurement-editor{margin-top:24px}.customer-reference .measurement-sizes table{min-width:300px}.measurement-sizes th:first-child{width:60%}.measurement-sizes th:last-child{width:45px}.measurement-actions{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.measurement-editor .section-title{margin:24px 0 12px}.customer-reference .measurement-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-print .detail-meta{margin:20px 0}.customer-reference .measurement-editor .grid>div{min-width:0}@media(max-width:620px){.customer-reference .measurement-notes{grid-template-columns:1fr}.measurement-actions{flex-wrap:wrap}.measurement-sizes td{padding:7px 4px}}@media print{.measurement-actions{display:none}.measurement-print{break-inside:auto}}