.box-order-page{display:grid;gap:18px}.box-order-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);gap:18px;align-items:start}.box-order-fields{border:0;margin:0;padding:0;min-width:0}.box-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.box-form-grid .full{grid-column:1 / -1}.box-form-grid input,.box-form-grid select,.box-form-grid textarea{width:100%;min-width:0}.box-segmented{display:flex;min-height:42px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.box-segmented button{flex:1;border:0;border-radius:0;background:transparent;font-weight:800;padding:10px;color:var(--ink)}.box-segmented button[aria-pressed=true]{background:#ffb326;color:#111}.box-items-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 12px}.box-items-heading h3{margin:0;font-size:1rem}.box-items-heading>span{font-size:.78rem;color:#78624b}.box-compartment{display:grid;grid-template-columns:minmax(0,1fr) 84px 84px 96px;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}.box-product{min-width:0}.box-item-label{display:block;font-size:.78rem;font-weight:850;color:#6a5540;margin-bottom:7px}.box-compartment input,.box-compartment select{width:100%;min-width:0}.box-item-price{display:grid;gap:5px;min-height:46px;align-content:center;text-align:right}.box-item-price small{font-size:.72rem;color:#78624b}.box-order-options{margin-top:20px}.box-gst{display:flex;align-items:center;gap:10px;font-weight:800}.box-gst input{width:18px;height:18px}.box-order-total{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding:16px 0}.box-order-total>span{font-size:.85rem}.box-order-total>strong{font-size:1.15rem}.box-error{color:#b12b21;font-weight:700;overflow-wrap:anywhere}.box-message{color:#237346;font-weight:700;overflow-wrap:anywhere}.box-history-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}.box-history-filters>.field:first-child{flex:1;min-width:min(240px,100%)}.box-history-detail{display:block;margin-top:4px;font-weight:400}.box-type-list{border-top:1px solid var(--line);margin-top:22px}.box-type-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.box-type-row>div:first-child{min-width:0;overflow-wrap:anywhere}.box-type-row small{display:block;margin-top:4px;color:#78624b}.box-type-row .button-row{flex-shrink:0}.box-preset-dialog{max-width:460px}.box-preset-dialog .modal-form{display:grid;gap:16px}@media(max-width:1250px){.box-order-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.box-form-grid{grid-template-columns:minmax(0,1fr)}.box-compartment{grid-template-columns:minmax(0,1fr) 76px 90px}.box-product{grid-column:1 / -1}.box-order-layout>.panel{padding:14px}.box-items-heading{flex-wrap:wrap}.box-history-filters>.field{width:100%}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--ink: #16110d;--muted: #8d7d69;--paper: #fffaf3;--cream: #f8efe0;--gold: #ffb02e;--gold-soft: #fff0ca;--line: rgba(255, 127, 17, .2);--dark: #11100f;--dark-2: #1c1712;--green: #2f8f4e;--red: #b7352d;--shadow: 0 18px 40px rgba(75, 45, 17, .08)}*{box-sizing:border-box}html{background:#050505}body{margin:0;min-width:320px;background:#050505;color:var(--ink)}button,input,select{font:inherit}.field textarea{font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffdf9;color:var(--ink);resize:vertical;width:100%;min-width:0}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#050505,#17100b)}.login-card{width:min(420px,100%);background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:30px;display:grid;gap:16px}.brand-logo,.login-card img{width:128px;height:128px;object-fit:contain;background:#000;border:2px solid #ff7f11;border-radius:8px;padding:6px;justify-self:center}.login-card h1,.login-card h2,.panel h2{margin:0;letter-spacing:0}.login-card h1{font-size:1.4rem}.login-card h2{font-size:2rem}label{display:grid;gap:7px;color:#6a5540;font-size:.78rem;font-weight:850}input,select{min-height:42px;border-radius:8px;border:1px solid rgba(120,78,32,.18);background:#fffdf8;color:var(--ink);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 4px #ffb02e33}.form-error{margin:0;color:var(--red);font-weight:800}.forgot-note{margin:0;border:1px solid rgba(47,143,78,.25);border-radius:8px;background:#eef9f0;color:#1d6f38;padding:10px 12px;font-weight:850}.text-button{border:0;background:transparent;color:#7d4a07;font-weight:900;justify-self:start;padding:0}.erp-shell{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:#050505}.erp-shell.sidebar-closed{grid-template-columns:80px minmax(0,1fr)}.sidebar-backdrop{display:none}.sidebar{position:sticky;top:0;height:100vh;background:#000000d6;color:#fff;border-right:1px solid rgba(255,255,255,.09);padding:24px 18px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.sidebar [hidden]{display:none}.sidebar:not(.show){padding:24px 12px}.sidebar:not(.show) .brand-block{justify-content:center}.sidebar:not(.show) .brand-block img{width:48px;height:48px}.brand-block{border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:16px;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.brand-copy{flex-basis:100%}.brand-block img{width:64px;height:64px;object-fit:contain;background:#000;border:2px solid #ff7f11;border-radius:8px;padding:3px;flex:0 0 auto}.brand-title{font-size:1.28rem;font-weight:950}.brand-subtitle,.nav-group>span,.live-card span,.panel-header span{letter-spacing:0;text-transform:uppercase}.brand-subtitle{margin-top:4px;color:#ffffff94;font-size:.78rem;font-weight:850}.nav-stack{display:grid;gap:18px}.nav-group{display:grid;gap:6px}.nav-group>span{color:#ffffff6b;font-size:.72rem;font-weight:900;margin:0 10px 4px}.nav-item{border:1px solid transparent;border-radius:8px;min-height:42px;padding:0 12px;background:transparent;color:#ffffffb8;display:flex;align-items:center;gap:10px;font-weight:800}.nav-item.active,.nav-item:hover{color:#fff;border-color:#ff7f1152;background:linear-gradient(135deg,#ffb02e38,#ff7f1114)}.live-card{margin-top:auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:14px;display:grid;gap:6px}.live-card span{color:#ffffff80;font-size:.72rem;font-weight:900}.live-card strong{font-size:1.05rem}.live-card p{margin:4px 0 0;color:#ffffff9e}.workspace{min-width:0;padding:26px 34px;background:linear-gradient(180deg,rgba(255,127,17,.08),transparent 280px),#050505}.topbar{min-height:68px;margin:-26px -34px 20px;padding:18px 34px;display:flex;align-items:center;gap:14px;color:#fff;background:#050505;border-bottom:1px solid rgba(255,127,17,.16);box-shadow:0 18px 32px #00000057;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:40}.topbar-title{min-width:0}.topbar-logo{display:none;width:40px;height:40px;flex:0 0 40px;object-fit:contain;border:1px solid #ff7f11;border-radius:6px}.topbar-title>span,.eyebrow{display:block;color:#ffb02ee0;font-size:.76rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.topbar-title h1{margin:2px 0 0;color:#fff;font-size:1.65rem;line-height:1.15;letter-spacing:0}.search-pill{flex:1;min-width:0;max-width:430px;display:flex;align-items:center;gap:9px;background:#fffaf3;border:1px solid rgba(120,78,32,.14);border-radius:8px;padding:0 12px}.search-pill input{width:100%;min-width:0;border:0;background:transparent;box-shadow:none}.top-actions{margin-left:auto;display:flex;flex-shrink:0;align-items:center;gap:10px}.user-chip{display:grid;gap:1px;text-align:right}.user-chip strong{color:#fff;font-size:.88rem}.user-chip>span{color:#ffffff9e;font-size:.76rem;font-weight:800}.total-chip{min-height:34px;display:inline-flex;align-items:center;border-radius:8px;padding:0 10px;background:#eaf8ef;color:#1d6f38;font-weight:900;white-space:nowrap}.content{padding:0}.database-notice{margin-bottom:18px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#fff5f4;border-left:3px solid #b7352d;color:#8e2d25;font-size:13px}.database-notice>div{min-width:0;flex:1 1 240px;overflow-wrap:anywhere}.database-notice p{margin:6px 0 0}.page-stack,.grid{display:grid;gap:18px}.grid.two{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.sales-grid{align-items:start}.grid.two.sales-grid{grid-template-columns:minmax(560px,1.65fr) minmax(360px,.8fr)}.employee-grid{align-items:stretch;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.metrics.compact{grid-template-columns:repeat(4,minmax(120px,1fr))}.panel,.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric-card{min-height:126px;padding:18px;display:grid;align-content:center;gap:8px;min-width:0;overflow:hidden}.metric-card span,.metric-card small{color:var(--muted);font-weight:850}.metric-card strong{max-width:100%;overflow:hidden;white-space:nowrap;font-size:clamp(1.38rem,2.1vw,1.9rem);line-height:1;font-variant-numeric:tabular-nums}.metrics.compact .metric-card{padding:16px 14px}.metrics.compact .metric-card strong{font-size:clamp(1.3rem,1.8vw,1.72rem)}.panel{padding:18px;min-width:0}.panel-header,.panel-actions,.button-row,.filter-row,.top-actions{display:flex;align-items:center}.panel-header{justify-content:space-between;gap:14px;margin-bottom:16px}.panel-header span{display:block;color:#b76912;font-size:.76rem;font-weight:950}.panel-header h2{margin-top:4px;font-size:1.2rem}.panel-actions,.button-row,.filter-row{gap:10px;flex-wrap:wrap}.sales-entry-panel{min-height:620px}.sales-entry-header,.receipt-header,.history-header{align-items:center}.sales-entry-header{gap:20px}.sales-header-actions{margin-left:auto;gap:4px}.sales-header-actions .action-button{min-width:106px;min-height:56px;gap:6px;padding:0 12px;font-size:.95rem}.action-button,.ghost-button,.icon-button{border:0;border-radius:8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.action-button{background:var(--gold);color:var(--dark);padding:0 14px}.action-button:disabled{cursor:not-allowed;opacity:.62}.action-button.dark{background:var(--dark);color:#fff}.action-button.print-button{background:#fff7e8;color:#7d4a07;border:1px solid rgba(255,127,17,.2)}.receipt-print-button{width:56px;min-width:56px;min-height:56px;border:0;border-radius:8px;background:#ff7f11;color:#fff;display:inline-flex;align-items:center;justify-content:center}.receipt-print-button:disabled{opacity:.62;cursor:not-allowed}.action-button.full,.action-button.full-action{width:100%}.button-row.full{grid-column:1 / -1;width:100%}.button-row.full .action-button{flex:1}.ghost-button{padding:0 13px;background:var(--gold-soft);color:#7d4a07}.table-action-button{min-height:34px;padding:0 11px;white-space:nowrap}.inventory-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.inventory-tools input[type=file]{display:none}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-weight:900}.entry-stack{display:grid;gap:3px}.entry-stack span{color:var(--muted);font-size:.9rem}.icon-button{width:40px;min-width:40px;background:#fff7e8;color:var(--ink)}.icon-button.dark-icon{background:var(--dark);color:#fff}.icon-button.quiet{background:#f3eadb}.icon-button.danger{background:#fff0e8;color:#a23816}.row-actions{display:inline-flex;align-items:center;gap:7px}.row-action{width:34px;min-width:34px;min-height:34px}.cell-with-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:220px}.cell-with-actions>span{overflow:hidden;text-overflow:ellipsis}.close-button,.menu-button{height:40px;flex:0 0 40px}.close-button{margin-left:auto;align-self:flex-start}.batch-card{border-radius:8px;padding:18px;background:linear-gradient(135deg,var(--dark),#42280d);color:#fff;margin-bottom:12px}.batch-card span{color:var(--gold);font-weight:950}.batch-card strong{display:block;font-size:2.4rem;margin:8px 0}.batch-card p{margin:0;color:#ffffffb8}.check-row,.payment-summary span,.thermal-slip div,.finance-ledger div{display:flex;align-items:center;justify-content:space-between;gap:12px}.check-row{min-height:42px;border-bottom:1px solid var(--line)}.check-row svg{color:var(--green)}.check-row span{flex:1}.stock-alerts,.product-grid,.category-grid,.employee-list,.attendance-checks,.finance-ledger{display:grid;gap:10px}.finance-summary .metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.finance-summary .metric-card strong{font-size:1.45rem;white-space:normal;overflow-wrap:anywhere;line-height:1.15}.finance-ledger .finance-result{border-top:2px solid currentColor;font-weight:800}.finance-result.profit{color:#237346}.finance-result.loss{color:#b12b21}.finance-disclosure{color:var(--muted);font-size:.85rem}.thermal-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.thermal-controls select{width:100px;min-height:40px}@media(max-width:1200px){.finance-summary .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.finance-summary .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.finance-summary .metrics{grid-template-columns:minmax(0,1fr)}}.stock-alerts div,.product-grid article,.category-grid article,.finance-ledger div{border:1px solid var(--line);border-radius:8px;background:#fffdf8;padding:12px}.stock-alerts strong,.stock-alerts span,.stock-alerts b,.product-grid span,.product-grid strong,.product-grid p,.category-grid span,.category-grid strong,.category-grid p{display:block}.stock-alerts span,.product-grid p,.category-grid p{color:var(--muted);margin:4px 0 0}.product-grid,.category-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-grid span,.category-grid span{color:#b76912;font-size:.74rem;font-weight:950}.table-wrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-top:1px solid var(--line);white-space:nowrap}th{color:#72533a;font-size:.76rem;text-transform:uppercase}td{font-weight:750}.empty-state{border:1px dashed var(--line);border-radius:8px;color:var(--muted);min-height:120px;display:grid;place-items:center;font-weight:850}.sale-lines{display:grid;gap:0;margin-top:22px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;padding:0;overflow:visible}.sale-head,.sale-line{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(86px,.55fr) minmax(78px,.45fr) minmax(72px,.55fr) minmax(82px,.6fr) 38px;gap:8px;align-items:center}.sale-head>*,.sale-line>*{min-width:0}.sale-head{min-height:50px;padding:0 16px;background:var(--cream);color:var(--muted);font-size:.75rem;font-weight:950}.sale-head span:nth-child(2),.sale-head span:nth-child(3),.sale-head span:nth-child(4),.sale-head span:nth-child(5){text-align:right}.sale-line{min-height:82px;border-top:1px solid var(--line);padding:12px 16px;position:relative}.sale-line:focus-within{z-index:20}.sale-line:last-child{padding-bottom:12px}.sale-line select,.sale-line input{width:100%}.sale-line input,.sale-rate,.sale-line strong{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.sale-line .sale-product-input{text-align:left}.search-select{position:relative;min-width:0}.search-select input{text-align:left}.search-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:0 18px 34px #20120738;padding:6px}.search-select-option{width:100%;min-height:42px;border:0;border-radius:7px;background:transparent;color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;text-align:left;font-weight:900}.search-select-option:hover,.search-select-option:focus{background:#fff1d6}.search-select-option span,.search-select-option small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-option small,.search-select-empty{color:var(--muted)}.search-select-empty{padding:12px;font-weight:850}.sale-line strong{font-size:1.02rem;justify-self:end;max-width:100%}.sale-line .icon-button.quiet{width:38px;min-width:38px;min-height:46px;background:#fff7e8;color:#6f5640;font-size:1.05rem}.sale-product-search{margin:12px 16px;max-width:420px}.sale-product-search input{text-align:left}.sales-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.sales-summary-strip div{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;padding:12px}.sales-summary-strip span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.sales-summary-strip strong{font-size:1.22rem;font-variant-numeric:tabular-nums;white-space:nowrap}.sale-options,.form-grid,.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px}.sales-entry-panel .sale-options{grid-template-columns:repeat(3,minmax(170px,292px));margin-top:18px}.check-label{display:flex;align-items:center;align-self:end;min-height:42px}.sales-entry-panel .check-label{min-height:54px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;padding:0 18px;color:var(--ink);font-size:1rem;font-weight:950}.check-label input{min-height:auto}.db-message{margin:12px 0 0;color:#1d6f38;font-weight:900}.thermal-slip{background:#fff;border:1px dashed #94714d;border-radius:8px;padding:24px 24px 20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.thermal-slip h3,.thermal-slip p{text-align:center}.thermal-slip h3{margin:0 0 4px;font-size:1.34rem;line-height:1.1}.thermal-slip p{color:#69523d}.slip-subtitle{margin:0 0 16px;font-weight:800}.slip-meta{min-height:52px;border-top:1px dashed #d9ad7b;border-bottom:1px dashed #d9ad7b;margin-bottom:16px;gap:10px;font-size:.76rem;font-weight:850;flex-wrap:wrap}.slip-meta span{max-width:100%;overflow-wrap:anywhere}.slip-meta span:last-child{text-align:right}.thermal-slip hr{border:0;border-top:1px dashed #94714d;margin:14px 0}.thermal-slip div span,.slip-row span,.slip-total span{min-width:0;padding-right:8px}.thermal-slip b{min-width:86px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.slip-row{min-height:34px;font-size:1rem}.slip-total{border-top:1px dashed #d9ad7b;margin-top:10px;padding-top:12px;font-size:1.22rem;font-weight:950}.slip-footer{border-top:1px dashed #d9ad7b;margin:16px 0 0;padding-top:14px;font-weight:850}.slip-website{margin:10px 0 0;font-size:.9rem;line-height:1.5}.slip-website a{color:inherit;font-size:1rem;font-weight:800;overflow-wrap:anywhere}.brand-accent{color:#ed8117}.slip-row .slip-quantity{padding:0;white-space:nowrap}.thermal-slip .slip-customer,.thermal-slip .slip-order-type{overflow-wrap:anywhere;margin:12px 0;font-size:.85rem}.history-date-control{min-width:230px;margin-left:auto}.bill-history-panel th:last-child,.bill-history-panel td:last-child{text-align:right;font-variant-numeric:tabular-nums}.sales-report-panel table{min-width:0}.save-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.save-choice-grid .action-button{min-height:64px}.sales-report-panel th:not(:first-child),.sales-report-panel td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.detail-grid strong,.finance-ledger strong,.payment-summary b{min-width:0;overflow:hidden;font-variant-numeric:tabular-nums}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-self:end}.segmented button,.tabs button{border:1px solid var(--line);border-radius:8px;background:#fffdf8;min-height:40px;font-weight:900}.segmented button.active,.tabs button.active{background:var(--dark);color:#fff}.payment-summary{margin:16px 0;display:grid;gap:10px}.payment-summary span{border-radius:8px;background:#fff7e8;padding:12px}.purchase-form{grid-template-columns:repeat(5,minmax(140px,1fr))}.inline-search{display:flex;align-items:center;flex-direction:row;background:#fffdf8;border:1px solid var(--line);border-radius:8px;padding:0 10px;margin-bottom:12px}.inline-search input{border:0;box-shadow:none;width:100%}.employee-list{flex:1;min-height:0;max-height:calc(100vh - 270px);overflow:auto;padding-right:4px}.employee-card{border:1px solid var(--line);border-radius:8px;background:#fffdf8;min-height:88px;text-align:left;padding:16px;display:flex;align-items:center;gap:14px}.employee-card.selected{border-color:var(--gold);background:var(--gold-soft)}.employee-card-main{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);padding:0;display:flex;align-items:center;gap:14px;text-align:left}.employee-avatar{width:56px;min-width:56px;height:56px;border-radius:8px;background:#070707;color:#fff;display:grid;place-items:center}.employee-card-main>span:last-child,.employee-card strong{min-width:0;display:grid;gap:2px}.employee-card strong{font-size:1.04rem}.employee-card small{color:var(--muted);font-weight:850}.employee-card-actions{display:flex;gap:8px;margin-left:auto}.employee-card-actions button{width:42px;min-width:42px;min-height:42px;border:0;border-radius:8px;background:#fff7e8;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.employee-card-actions button.danger{background:#fff0ee;color:var(--red)}.employee-list-panel,.employee-detail-panel{min-height:620px}.employee-list-panel{display:flex;flex-direction:column}.employee-detail-top{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:22px}.employee-detail-top span{color:#ff9f34;font-size:.76rem;font-weight:950}.employee-detail-top h2{margin:4px 0 0;font-size:1.35rem}.employee-fields{margin:0 0 20px;display:grid;gap:14px}.employee-fields div{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:20px;align-items:baseline}.employee-fields dt,.employee-payroll-grid span,.salary-month-control,.employee-report-section th{color:var(--muted);font-size:.76rem;font-weight:950;text-transform:uppercase}.employee-fields dd{margin:0;color:var(--ink);font-size:1.02rem;font-weight:850}.employee-payroll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.employee-payroll-grid article,.salary-month-control{min-height:102px;border-radius:8px;background:#fff7e8;padding:16px;display:grid;align-content:center;gap:4px;min-width:0}.employee-payroll-grid strong{overflow:hidden;white-space:nowrap;color:var(--ink);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1;font-variant-numeric:tabular-nums}.employee-payroll-grid small{color:var(--muted);font-weight:850}.salary-month-control{color:var(--muted);min-width:0;overflow:hidden}.salary-month-control input{width:100%;min-width:0;max-width:100%;background:#fff;font-size:1rem;font-weight:900}.employee-report-section{margin-top:20px}.employee-report-section h3{margin:0 0 12px;font-size:1.1rem}.employee-report-section table{min-width:0}.employee-report-section th,.employee-report-section td{padding:14px 16px}.status-badge{min-height:34px;border-radius:8px;background:#e9f9ee;color:#1d6f38;display:inline-flex;align-items:center;padding:0 12px;font-weight:950}.status-badge.pending{background:#fff1d6;color:#7d4a07}.status-badge.printed{background:#e9f9ee;color:#1d6f38}.status-badge.absent{background:#ffe8e3;color:#b23b26}.status-badge.half-day{background:#eef1ff;color:#3549a8}.tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.tabs button{padding:0 14px}.attendance-checks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:16px 0}.attendance-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.attendance-action-row span{color:var(--muted);font-weight:850}.attendance-checks label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:8px;padding:9px}.attendance-checks input{min-height:auto}.attendance-checks small{grid-column:2;color:var(--muted)}.payroll-heading h2{margin:0;color:#fff;font-size:1.35rem}.payroll-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 175px 110px;align-items:end;gap:14px}.payroll-toolbar label{color:#c4b6a5}.payroll-slip-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.payroll-slip-actions button{min-height:44px}.payroll-slip-actions .action-button{min-width:190px}.payroll-employee-control{min-width:0;display:grid;gap:7px}.employee-search-input{display:flex;background:#fffdf8;border:1px solid var(--line);border-radius:8px;overflow:hidden}.employee-search-input input{min-width:0;width:100%;border:0;border-radius:0}.employee-search-input .icon-button{flex:0 0 40px;border-radius:0}.employee-search-select .search-select-menu{max-height:280px;z-index:45}.search-select-option.highlighted{background:var(--gold-soft)}.payroll-message{margin:0;color:#93dab0;font-weight:700}.payroll-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.payroll-columns>*{min-width:0}.payroll-columns textarea{width:100%;resize:vertical;min-height:90px;font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fffdf8;color:var(--ink)}.payroll-columns input,.payroll-columns select{min-width:0;width:100%}.payroll-breakdown{margin:0}.payroll-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem}.payroll-breakdown dt{color:#6a5540}.payroll-breakdown dd{margin:0;text-align:right;font-weight:800;overflow-wrap:anywhere}.payroll-total{font-weight:800}.payroll-history-controls{display:flex;flex-wrap:wrap;gap:14px}.payroll-history-summary{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;font-size:.85rem;color:#6a5540}.payroll-history-summary strong{display:block;margin-top:5px;color:var(--ink);font-size:1.05rem}.payroll-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:14px}.payroll-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 8px;color:#6a5540;font-size:.82rem;font-weight:800}.payroll-tabs button[aria-selected=true]{border-bottom-color:#ff7f11;color:var(--ink)}.payroll-history-table td{white-space:normal;overflow-wrap:anywhere;max-width:300px}.payroll-history-table td:first-child{white-space:nowrap}.payroll-columns .field{min-width:0}@media(max-width:850px){.payroll-toolbar{grid-template-columns:minmax(0,1fr) 160px}.payroll-employee-control{grid-column:1 / -1}.payroll-columns{grid-template-columns:1fr}}@media(max-width:480px){.payroll-toolbar{grid-template-columns:1fr}.payroll-slip-actions button{width:100%}.payroll-history-controls>label{width:100%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#000000ad;padding:18px}.modal-panel{width:min(720px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #00000061;padding:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.modal-header .eyebrow{color:#b76912}.modal-header h2{margin:3px 0 0;font-size:1.35rem}.modal-form{display:grid;gap:12px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:7px}.field.full{grid-column:1 / -1}.field span{color:#6a5540;font-size:.78rem;font-weight:850}@media(max-width:1120px){.erp-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:50;background:#050505}.sidebar:not(.show){display:none}.topbar-logo{display:block}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:0;background:#0009}.grid.two,.grid.two.sales-grid,.employee-grid{grid-template-columns:minmax(0,1fr)}.sales-header-actions{gap:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{align-items:stretch;flex-wrap:wrap;margin:0;padding:12px 14px}.workspace{padding:0}.topbar-title{min-width:0;flex:1}.topbar-title h1{font-size:1.15rem}.search-pill{order:3;max-width:none;width:100%}.top-actions{margin-left:0;width:100%;justify-content:flex-end}.user-chip{display:none}.content{padding:14px}.metrics,.metrics.compact,.employee-payroll-grid,.purchase-form,.grid-form{grid-template-columns:1fr}.panel-header{align-items:stretch;flex-direction:column}.sales-header-actions{margin-left:0}.sales-header-actions .action-button,.history-date-control{width:100%;min-width:0}.sale-head{display:none}.sale-line,.sales-summary-strip,.sales-entry-panel .sale-options,.save-choice-grid{grid-template-columns:1fr}.employee-card{align-items:stretch;flex-direction:column}.employee-card-actions{margin-left:0}.employee-list-panel,.employee-detail-panel{min-height:auto}.employee-fields div{grid-template-columns:1fr;gap:4px}table{min-width:620px}}@media print{@page{margin:4mm;size:auto}html,body{background:#fff!important;min-width:0}body *:not(.thermal-slip):not(.thermal-slip *):not(:has(.thermal-slip)){display:none!important}.sidebar,.topbar,.modal-backdrop{display:none!important}.topbar{position:static;z-index:auto;backdrop-filter:none;-webkit-backdrop-filter:none}.erp-shell,.workspace,.content,.content :has(.thermal-slip){display:block!important;min-height:0;height:auto;padding:0;margin:0;border:0;box-shadow:none;background:#fff!important}.thermal-slip,.thermal-slip *{color:#000!important}.thermal-slip{position:relative;z-index:1;width:72mm;border:0;border-radius:0;padding:0;color:#000;font-size:11px;overflow:visible}.slip-row{font-size:11px;min-height:24px}.slip-meta,.slip-row,.slip-total{break-inside:avoid}.slip-row>span{overflow-wrap:anywhere}.brand-accent{color:#000}}