:root{--navy:#101c2c;--gold:#b58a52;--cream:#f5f1e9;--sage:#7c8479;--red:#e06767;--green:#55b98c;--amber:#e5aa55;--blue:#6ca0dc;--radius:16px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a111c;--surface:#101c2c;--surface-2:#172538;--surface-3:#213148;--text:#f5f1e9;--muted:#aab4c1;--border:#2c3b50;--shadow:#0000004d;--gold-soft:#b58a5226}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f0ea;--surface:#fff;--surface-2:#f8f6f1;--surface-3:#eae6dc;--text:#152236;--muted:#647083;--border:#dcd8cf;--shadow:#101c2c1a;--gold-soft:#b58a521f}*{box-sizing:border-box}html{background:var(--bg);font-size:17px}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Noto Sans Arabic,Tahoma,Segoe UI,Arial,sans-serif;line-height:1.5}.bilingual-subtitle:after{content:attr(data-ar-subtitle);color:var(--muted);letter-spacing:0;text-transform:none;direction:rtl;margin-top:.08em;font-size:.72em;font-weight:600;line-height:1.35;display:block}button.bilingual-subtitle,a.bilingual-subtitle{flex-wrap:wrap}button.bilingual-subtitle:after,a.bilingual-subtitle:after{text-align:center;flex:0 0 100%}.nav-link.bilingual-subtitle:after{text-align:left;margin-top:-.25rem;padding-left:1.85rem}.status.bilingual-subtitle:after{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex:none;width:1.25rem;height:1.25rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.45rem;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}h2{letter-spacing:-.015em;font-size:1.25rem}.logo-light{display:none}html[data-theme=light] .logo-light{display:block}html[data-theme=light] .logo-dark{display:none}.muted{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;font-size:.74rem;font-weight:800;display:block}.login-page{background:radial-gradient(circle at 75% 10%, #b58a521f, transparent 30%), var(--bg);place-items:center;min-height:100dvh;padding:1.25rem;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:0 30px 90px var(--shadow);border-radius:24px;gap:1.75rem;padding:clamp(1.5rem,5vw,2.5rem);display:grid}.login-brand{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.login-logo{object-fit:contain;object-position:left center;width:145px;height:auto;max-height:86px}.login-brand p{color:var(--muted);margin:.85rem 0 0;font-size:.9rem}.login-form{gap:1rem;display:grid}label{gap:.42rem;min-width:0;font-size:.87rem;font-weight:750;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:11px;outline:none;min-height:48px;padding:.78rem .88rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}textarea{resize:vertical;min-height:96px}.form-error{color:#ff8b8b;background:#e067671a;border:1px solid #e0676747;border-radius:10px;margin:0;padding:.7rem .85rem;font-size:.88rem}.form-success{color:var(--green);background:color-mix(in srgb, var(--green) 10%, transparent);border:1px solid color-mix(in srgb, var(--green) 35%, transparent);border-radius:10px;margin:1rem 0 0;padding:.7rem .85rem;font-size:.88rem}.remove-record-form{position:relative}.remove-record-form .form-error{z-index:5;background:var(--surface);width:min(380px,80vw);box-shadow:0 8px 28px var(--shadow);position:absolute;top:calc(100% + .45rem);right:0}.preserve-lines{white-space:pre-line}.primary-button,.secondary-button,.danger-button,.text-button,.icon-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.62rem .9rem;font-weight:800;line-height:1.15;display:inline-flex}.primary-button svg,.secondary-button svg,.danger-button svg,.text-button svg,.icon-button svg{display:block}.primary-button{background:var(--gold);color:#101c2c}.primary-button:hover{filter:brightness(1.08)}.secondary-button{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.danger-button{background:var(--red);color:#fff}.text-button{color:var(--gold);background:0 0;min-height:34px;padding-inline:.35rem}.icon-button{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;padding:0}.large-button{min-height:52px}button:disabled{opacity:.55;cursor:not-allowed}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--navy);height:100dvh;color:var(--cream);z-index:40;border-right:1px solid #ffffff14;flex-direction:column;padding:1.15rem .9rem;display:flex;position:sticky;top:0}.brand-lockup{border-bottom:1px solid #ffffff1a;align-items:center;min-height:92px;padding:.25rem .65rem 1.1rem;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:128px;height:auto;max-height:68px}.brand-lockup .logo-dark{display:block!important}.brand-lockup .logo-light{display:none!important}.main-nav{gap:.3rem;padding-block:1.25rem;display:grid;overflow-y:auto}.nav-link{color:#c5ced9;border-radius:11px;align-items:center;gap:.8rem;min-height:49px;padding:.7rem .85rem;font-size:.92rem;font-weight:700;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#101c2c;background:var(--gold)}.sidebar-footer{border-top:1px solid #ffffff1a;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.7rem;margin-top:auto;padding:.85rem .55rem .2rem;display:grid}.sidebar-footer strong,.sidebar-footer small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-footer strong{font-size:.82rem}.sidebar-footer small{color:#9aa7b7;font-size:.7rem}.sidebar-footer .text-button{grid-column:2;justify-content:flex-start;width:fit-content;font-size:.75rem}.user-avatar{background:var(--gold);width:38px;height:38px;color:var(--navy);border-radius:50%;grid-row:1/3;place-items:center;font-weight:900;display:grid}.workspace{min-width:0}.topbar{z-index:30;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);align-items:center;gap:1rem;height:72px;padding:0 clamp(1rem,3vw,2.25rem);display:flex;position:sticky;top:0}.topbar-title{min-width:0;margin-right:auto}.topbar-title span,.topbar-title small{display:block}.topbar-title span{font-weight:900}.topbar-title small{color:var(--muted);font-size:.72rem}.mobile-menu{display:none}.page-content{width:min(100%,1480px);margin-inline:auto;padding:clamp(1.1rem,3vw,2.25rem)}.page-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex}.page-heading p{color:var(--muted);margin:0}.heading-actions{flex-wrap:wrap;gap:.65rem;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px var(--shadow)}.metric-card{gap:.55rem;padding:1.15rem;display:grid}.metric-card-header{color:var(--muted);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:750;display:flex}.metric-card-header span{width:38px;height:38px;color:var(--gold);background:var(--gold-soft);border-radius:10px;place-items:center;display:grid}.metric-value{letter-spacing:-.035em;font-size:clamp(1.45rem,3vw,2rem);font-weight:900}.metric-note{color:var(--muted);font-size:.75rem}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:1rem;display:grid}.dashboard-status-panel{margin-bottom:1rem}.production-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.production-status-metric{border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;min-height:92px;padding:1rem;display:flex}.production-status-metric:nth-child(4n){border-right:0}.production-status-metric:nth-last-child(-n+4){border-bottom:0}.production-status-metric span{color:var(--muted);font-size:.78rem;font-weight:800}.production-status-metric strong{color:var(--gold);font-size:1.65rem}.sales-target-card{margin-bottom:1rem}.sales-target-card .panel-header>div:first-child h2{align-items:center;gap:.55rem;display:flex}.sales-target-card .panel-header svg{color:var(--gold)}.target-form{align-items:end;gap:.65rem;display:flex}.target-form label{min-width:180px}.target-form input{min-height:42px;padding-block:.55rem}.target-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.2rem;display:grid}.target-progress{gap:.65rem;display:grid}.target-progress>div:first-child{grid-template-columns:1fr auto;align-items:end;gap:.1rem 1rem;display:grid}.target-progress span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:800}.target-progress strong{grid-area:1/2/3;font-size:1.45rem}.target-progress small{color:var(--muted)}.progress-track{background:var(--surface-3);border-radius:999px;height:11px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--green));height:100%;display:block}.target-progress p{margin:0;font-size:.78rem;font-weight:800}.money-positive{color:var(--green)}.money-negative{color:var(--red)}.target-empty{color:var(--muted);margin:0;padding:0 1.2rem 1.2rem}.panel{min-width:0;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:1.05rem 1.15rem;display:flex}.panel-header h2{margin:0}.panel-body{padding:1.15rem}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}.empty-state svg{width:2rem;height:2rem;color:var(--gold);margin-bottom:.6rem}.alert-list{display:grid}.alert-row{border-bottom:1px solid var(--border);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:grid}.alert-row:last-child{border-bottom:0}.alert-dot{background:var(--amber);border-radius:50%;width:9px;height:9px}.alert-row strong,.alert-row small{display:block}.alert-row small{color:var(--muted)}.data-toolbar{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.search-field{flex:1;max-width:560px;position:relative}.search-field svg{color:var(--muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-field input{padding-left:2.65rem}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.86rem}.data-table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);white-space:nowrap;padding:.8rem 1rem;font-size:.69rem}.data-table td{border-top:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:.9rem 1rem}.data-table tbody tr:hover{background:var(--gold-soft)}.data-table td:first-child{font-weight:800}.row-link{color:var(--gold);font-weight:800}.status{background:var(--surface-3);border-radius:999px;align-items:center;padding:.28rem .58rem;font-size:.7rem;font-weight:850;display:inline-flex}.status.green{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.status.amber{color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, transparent)}.status.red{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.form-grid>label{align-content:start}.form-grid .full{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:.65rem;margin-top:1.25rem;display:flex}.content-stack{gap:1rem;margin-top:1rem;display:grid}.detail-value{margin-top:.25rem;display:block}.receiving-grid{gap:1rem;margin-bottom:1rem;display:grid}.receiving-line{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;padding:1rem}.receiving-line legend{color:var(--gold);padding:0 .4rem;font-weight:900}.field-help{color:var(--muted);font-size:.72rem;font-weight:500}.required{position:relative}.required:after{content:"*";color:var(--red);line-height:1;position:absolute;top:0;right:.15rem}.checkbox-label{grid-template-columns:22px 1fr;align-self:end;align-items:center;min-height:48px}.checkbox-label input{width:20px;height:20px;min-height:20px;accent-color:var(--gold)}.summary-strip{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;padding:.9rem 1.1rem;display:flex}.summary-strip div{gap:.12rem;display:grid}.summary-strip small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.summary-strip strong{font-size:.95rem}.table-subtext{color:var(--muted);font-size:.72rem;font-weight:500;display:block}.order-line{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(130px,1fr)) 44px;align-items:start;gap:.75rem;padding:1rem 0;display:grid}.order-line>label{align-content:start}.order-line>.icon-button{align-self:start;margin-top:1.72rem}.order-line:first-of-type{padding-top:0}.order-line:last-of-type{border-bottom:0}.order-total{gap:.6rem;width:min(100%,470px);margin:1.25rem 0 0 auto;display:grid}.order-total>div,.order-detail-total>div{justify-content:space-between;gap:1rem;display:flex}.order-total span,.order-detail-total span{color:var(--muted)}.order-total .grand-total{border-top:1px solid var(--border);margin-top:.35rem;padding-top:.75rem;font-size:1.2rem}.money-paid,.money-unpaid{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;min-height:28px;padding:.22rem .55rem;font-weight:850;display:inline-flex}.money-paid{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.money-unpaid{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.approval-box{border:1px solid color-mix(in srgb, var(--amber) 55%, var(--border));background:color-mix(in srgb, var(--amber) 8%, var(--surface));border-radius:13px;margin-top:1.25rem;padding:1rem}.approval-box>p{color:var(--muted);margin:.25rem 0 1rem}.pos-page-heading{margin-bottom:.8rem}.pos-kiosk{background:var(--bg)}.pos-fullscreen-gate{z-index:1200;text-align:center;background:var(--bg);color:var(--text);align-content:center;place-items:center;gap:.75rem;padding:2rem;display:grid;position:fixed;inset:0}.pos-fullscreen-gate>svg{width:64px;height:64px;color:var(--gold);margin-bottom:.5rem}.pos-fullscreen-gate h1,.pos-fullscreen-gate p{margin:0}.pos-fullscreen-gate p{max-width:520px;color:var(--muted)}.pos-fullscreen-gate button{margin-top:.8rem}.pos-kiosk-active{z-index:1100;background:var(--bg);color:var(--text);padding:.75rem;position:fixed;inset:0;overflow:auto}.pos-kiosk-active .pos-page-heading{display:none}.pos-kiosk-active .pos-shell{height:calc(100dvh - 1.5rem);min-height:calc(100dvh - 1.5rem)}.pos-kiosk-active .pos-product-grid{max-height:calc(100dvh - 225px)}.pos-kiosk-active .pos-cart{max-height:calc(100dvh - 1.5rem);top:0}.pos-fullscreen-exit{z-index:1210;border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);opacity:.55;cursor:pointer;box-shadow:var(--shadow);border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;top:.35rem;right:.35rem}.pos-fullscreen-exit:hover{opacity:1;color:var(--red)}.pos-fullscreen-exit svg{width:15px;height:15px}.pos-shell{grid-template-columns:minmax(0,1.6fr) minmax(360px,.75fr);gap:1rem;min-height:calc(100dvh - 180px);display:grid}.pos-products,.pos-cart{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 10px 30px var(--shadow);border-radius:18px;overflow:hidden}.pos-products{padding:1rem}.pos-customer{grid-template-columns:1fr auto;align-items:end;gap:.7rem;margin-bottom:.75rem;display:grid}.pos-add-customer{min-height:48px}.pos-search{margin-bottom:.75rem;position:relative}.pos-search svg{color:var(--muted);position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.pos-search input{padding-left:2.7rem;font-size:1rem}.pos-categories{scrollbar-width:thin;gap:.55rem;padding:.1rem 0 .85rem;display:flex;overflow-x:auto}.pos-categories button{border:1px solid var(--border);background:var(--surface-2);min-height:46px;color:var(--text);cursor:pointer;border-radius:12px;flex:none;padding:.65rem 1rem;font-weight:850}.pos-categories button.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.pos-product-grid{grid-template-columns:repeat(3,minmax(130px,1fr));gap:.7rem;max-height:calc(100dvh - 390px);padding-right:.25rem;display:grid;overflow-y:auto}.pos-product{text-align:left;border:1px solid color-mix(in srgb, var(--blue) 28%, var(--border));background:color-mix(in srgb, var(--blue) 9%, var(--surface-2));min-height:132px;color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;padding:.85rem;transition:transform .1s,filter .1s;display:flex}.pos-product:active{transform:scale(.97)}.pos-product:hover{filter:brightness(1.08)}.pos-product>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;font-weight:850}.pos-product strong{margin-top:.4rem;line-height:1.2}.pos-product small{color:var(--muted);margin-top:.2rem}.pos-product b{color:var(--gold);margin-top:auto;padding-top:.6rem}.pos-product.tone-1{background:color-mix(in srgb, var(--green) 10%, var(--surface-2))}.pos-product.tone-2{background:color-mix(in srgb, var(--amber) 11%, var(--surface-2))}.pos-product.tone-3{background:color-mix(in srgb, var(--red) 8%, var(--surface-2))}.pos-product.tone-4{background:color-mix(in srgb, #9a79db 10%, var(--surface-2))}.pos-product.tone-5{background:color-mix(in srgb, #45b8bd 10%, var(--surface-2))}.pos-cart{flex-direction:column;max-height:calc(100dvh - 105px);display:flex;position:sticky;top:88px}.pos-cart-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.pos-cart-title>div{align-items:center;gap:.55rem;display:flex}.pos-cart-title h2{margin:0}.pos-cart-title>span{color:var(--muted);font-size:.8rem}.pos-cart-lines{flex:1;min-height:180px;overflow-y:auto}.pos-cart-line{border-bottom:1px solid var(--border);grid-template-columns:minmax(120px,1fr) 36px 26px 36px;align-items:center;gap:.45rem;padding:.8rem;display:grid}.pos-cart-line>div:first-child{min-width:0}.pos-cart-line>div strong,.pos-cart-line>div small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pos-cart-line>div small{color:var(--muted);font-size:.7rem}.pos-qty-button,.pos-remove{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;display:grid}.pos-qty-button svg,.pos-remove svg{width:16px}.pos-cart-line>b{text-align:center}.pos-cart-line label{color:var(--muted);grid-column:1/3;grid-template-columns:auto 1fr;align-items:center;gap:.4rem;font-size:.7rem;display:grid}.pos-cart-line label input{min-height:38px;padding:.4rem .55rem}.pos-line-total{text-align:right}.pos-remove{color:var(--red)}.pos-empty-cart{text-align:center;min-height:240px;color:var(--muted);align-content:center;place-items:center;display:grid}.pos-empty-cart svg{width:42px;height:42px;margin-bottom:.7rem}.pos-empty-cart p{margin:.2rem 0;font-size:.8rem}.pos-checkout{border-top:1px solid var(--border);background:var(--surface-2);padding:1rem}.pos-discount{grid-template-columns:1fr 1fr;align-items:end;gap:.5rem;display:grid}.pos-discount label{grid-template-columns:1fr 86px;align-items:center;display:grid}.pos-discount input,.pos-discount select{min-height:42px;padding:.5rem}.pos-total{justify-content:space-between;align-items:end;margin:1rem 0;display:flex}.pos-total>span{color:var(--muted);text-transform:uppercase;font-weight:800}.pos-total>strong{font-size:2rem;line-height:1}.pos-total small{font-size:.7rem}.pos-checkout .approval-box{gap:.55rem;margin:.75rem 0;display:grid}.pos-checkout .approval-box input{min-height:40px;padding:.5rem}.pos-pay-button{background:var(--green);color:#082418;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:64px;font-size:1rem;font-weight:900;display:flex}.pos-pay-button:disabled{opacity:.5}.pos-customer-modal{z-index:1300;background:#050a12b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.pos-customer-modal>.panel{width:min(100%,620px);box-shadow:0 30px 100px #00000073}.pos-customer-modal .muted{margin:1rem 0 0}.payment-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.payment-link-form{grid-template-columns:minmax(150px,.7fr) auto;align-items:end;gap:.75rem;display:grid}.payment-link-form .form-error,.payment-link-success{grid-column:1/-1}.payment-link-success{background:color-mix(in srgb, var(--green) 10%, var(--surface));color:var(--green);border-radius:11px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;font-weight:800;display:flex}.customer-payment-panel{margin-top:1rem}.customer-payment-panel .panel-header>div{display:grid}.customer-payment-panel .panel-header h2{margin:0}.payment-result{text-align:center;justify-items:center}.payment-result>svg{width:64px;height:64px}.result-paid{color:var(--green)}.result-failed{color:var(--red)}.result-pending{color:var(--amber)}.panel-header h2:has(svg){align-items:center;gap:.55rem;display:flex}.panel-header h2 svg{color:var(--gold)}.order-detail-total{border-top:1px solid var(--border);gap:.65rem;width:min(100%,430px);margin-left:auto;padding:1.15rem;display:grid}.order-detail-total>div:last-child{color:var(--gold);font-size:1.2rem}.work-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px var(--shadow);padding:1.15rem}.work-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.work-card h2{margin-bottom:.25rem}.work-card p{color:var(--muted);margin:0}.work-card-meta{border-block:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:.65rem 1rem;margin:1rem 0;padding:.75rem 0;font-size:.8rem;display:flex}.work-card-meta>span{align-items:center;gap:.4rem;display:inline-flex}.worker-mode .work-card{border-width:2px}.worker-mode .worker-action{font-size:1rem}.assignment-form{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}details summary{list-style:none}details summary::-webkit-details-marker{display:none}.timeline{padding:1rem 1.2rem;display:grid}.timeline-event{grid-template-columns:16px 1fr;gap:.7rem;padding-bottom:1rem;display:grid;position:relative}.timeline-event:before{content:"";background:var(--border);width:2px;position:absolute;top:12px;bottom:-2px;left:5px}.timeline-event:last-child:before{display:none}.timeline-event>span{background:var(--gold);z-index:1;border-radius:50%;width:12px;height:12px;margin-top:.25rem}.timeline-event strong,.timeline-event small{display:block}.timeline-event small{color:var(--muted)}.spaced-panel{margin-top:1rem}.station-token{background:color-mix(in srgb,var(--green) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));border-radius:12px;gap:.45rem;margin-top:1rem;padding:1rem;display:grid}.station-token code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;color:var(--green);font-size:.85rem}.station-token.compact{z-index:5;background:var(--surface);max-width:360px;box-shadow:0 10px 30px var(--shadow);padding:.45rem;position:absolute}.station-setup{text-align:center;max-width:620px;margin:3rem auto;padding:2rem}.station-setup>svg{width:52px;height:52px;color:var(--gold)}.station-setup form{grid-template-columns:1fr auto;gap:.75rem;display:grid}.station-kiosk{gap:1rem;display:grid}.scan-result{text-align:center;border:2px solid var(--border);background:var(--surface);border-radius:22px;align-content:center;place-items:center;min-height:360px;padding:2rem;display:grid}.scan-result>svg{width:84px;height:84px;margin-bottom:1rem}.scan-result h1{font-size:clamp(2rem,6vw,4rem)}.scan-result h2{margin-bottom:.8rem}.scan-ready>svg{color:var(--gold)}.scan-success{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface))}.scan-success>svg{color:var(--green)}.scan-error{border-color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--surface))}.scan-error>svg{color:var(--red)}.scan-transition{align-items:center;gap:1rem;font-size:1.15rem;display:flex}.scan-input{width:100%;max-width:720px;margin:auto}.scan-input input{text-align:center;min-height:64px;font-size:1.2rem}.queue-list{display:grid}.queue-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.queue-row small{color:var(--muted);display:block}.queue-row>div:last-child{text-align:right}.label-sheet{justify-content:center;gap:8mm;display:grid}.production-label{color:#000;background:#fff;border:1px dashed #aaa;grid-template-rows:auto 1fr auto;width:75mm;height:50mm;padding:3mm;font-family:Arial,sans-serif;display:grid;overflow:hidden}.production-label header{border-bottom:.5mm solid #000;grid-template-columns:1fr auto;padding-bottom:1mm;font-size:8pt;display:grid}.production-label header strong{grid-column:1/-1;font-size:12pt}.production-label header b{text-align:right}.production-label main{grid-template-columns:1fr 25mm;align-items:center;min-height:0;display:grid}.production-label main h2{text-transform:uppercase;margin:0;font-size:11pt}.production-label main p{margin:1mm 0;font-size:7.5pt}.production-label main small{font-size:6.5pt;font-weight:700;display:block}.production-label main img{width:25mm;height:25mm}.production-label footer{text-align:center;border-top:.3mm solid #000;font-size:10pt;font-weight:900}.production-label{page:production-label;color:#050505;background:#fff;border:1px dashed #999;grid-template-columns:27mm minmax(0,1fr);gap:2.2mm;width:75mm;height:50mm;padding:2.4mm;font-family:Arial,sans-serif;display:grid;overflow:hidden}.label-qr{border-right:.45mm solid #111;align-content:center;justify-items:center;min-width:0;padding-right:1.8mm;display:grid}.label-qr img{width:24mm;height:24mm;image-rendering:pixelated;display:block}.label-qr small{letter-spacing:.12em;margin-top:.6mm;font-size:6.5pt;font-weight:900}.label-content{flex-direction:column;min-width:0;line-height:1.08;display:flex}.label-brand{letter-spacing:.06em;border-bottom:.3mm solid #111;justify-content:space-between;align-items:center;padding-bottom:.7mm;font-size:6.2pt;font-weight:900;display:flex}.label-brand span{letter-spacing:0;font-size:6pt}.label-order-number{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:1mm;font-size:12pt;line-height:1;display:block;overflow:hidden}.label-customer{text-overflow:ellipsis;white-space:nowrap;margin-top:.7mm;font-size:7.5pt;font-weight:700;overflow:hidden}.label-customer-meta{direction:ltr;margin-top:.35mm;font-size:6.5pt;font-weight:800}.label-highlight{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.2mm;margin-top:1mm;display:grid}.label-highlight b{color:#fff;background:#000;padding:1mm 1.3mm;font-size:10pt;line-height:1}.label-highlight strong{overflow-wrap:anywhere;font-size:7.5pt}.label-garment{text-overflow:ellipsis;white-space:nowrap;margin:1mm 0 0;font-size:6.8pt;font-weight:800;overflow:hidden}.label-bottom{white-space:nowrap;border-top:.3mm solid #111;justify-content:space-between;align-items:center;gap:.7mm;margin-top:auto;padding-top:.8mm;font-size:5.8pt;font-weight:800;display:flex}.label-bottom span:last-child{font-size:6pt}.label-payment{font-size:5.4pt;font-weight:900}.label-payment.unpaid{color:#b91c1c}.label-payment.partial{color:#9a6700}.label-payment.paid{color:#087443}.label-urgent{color:#fff;background:#000;padding:.6mm .8mm}.invoice-edit-lines{gap:.7rem;margin-bottom:.8rem;display:grid}.invoice-edit-line{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(110px,.65fr)) auto;align-items:end;gap:.6rem;padding:.8rem;display:grid}.invoice-edit-summary{background:var(--gold-soft);border-radius:10px;justify-content:flex-end;gap:1.5rem;margin:1rem 0;padding:.8rem;display:flex}.invoice-edit-summary span{color:var(--muted);font-size:.75rem;display:grid}.invoice-edit-summary strong{color:var(--text);font-size:1rem}.production-stage-form{grid-template-columns:minmax(155px,1fr) auto;gap:.4rem;min-width:250px;display:grid}.production-stage-form select{min-height:40px;padding:.45rem .55rem}.production-stage-form button{min-height:40px}.production-stage-form .form-error,.production-stage-form .form-success{grid-column:1/-1;margin:0;padding:.35rem .45rem;font-size:.7rem}.invoice-screen{padding-bottom:3rem}.auto-print-status{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.2rem;display:grid}.auto-print-status>svg{width:32px;height:32px;color:var(--gold)}.auto-print-status strong,.auto-print-status span{display:block}.auto-print-status span{color:var(--muted);font-size:.8rem}.auto-print-status.compact{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:1rem}.print-frame{border:0;width:1100px;height:1200px;position:fixed;top:0;left:-10000px}.invoice-actions{justify-content:flex-end;width:min(100%,210mm);margin:0 auto 1rem;display:flex}.invoice-paper{color:#182234;background:#fff;width:min(100%,210mm);min-height:297mm;margin:0 auto;padding:14mm;font-family:Arial,Segoe UI,sans-serif;box-shadow:0 18px 60px #00000038}.invoice-header{border-bottom:3px solid #b58a52;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1rem;display:flex}.invoice-logo{object-fit:contain;object-position:left top;width:105px;height:78px}.invoice-header p{color:#647083;margin:.15rem 0;font-size:10px}.invoice-title{text-align:right;display:grid}.invoice-title span{letter-spacing:.18em;color:#101c2c;font-size:24px;font-weight:900}.invoice-title strong{color:#b58a52;font-size:18px}.invoice-title b{margin-top:.45rem;font-size:12px}.invoice-meta{grid-template-columns:1.7fr 1fr 1fr;gap:1.4rem;padding:1rem 0;display:grid}.invoice-meta>div{flex-direction:column;gap:.15rem;display:flex}.invoice-meta small{color:#7c8479;text-transform:uppercase;letter-spacing:.06em;margin-top:.28rem;font-size:9px}.invoice-meta strong{font-size:12px}.invoice-meta span{color:#596678;font-size:10px}.invoice-table{border-collapse:collapse;width:100%;font-size:10px}.invoice-table th{color:#fff;text-align:left;text-transform:uppercase;background:#101c2c;padding:8px 6px;font-size:9px}.invoice-table th span{color:#d8bd97;font-size:9px}.invoice-table td{border-bottom:1px solid #e2e4e7;padding:9px 6px}.invoice-table th:not(:nth-child(2)),.invoice-table td:not(:nth-child(2)){text-align:right}.invoice-table th:first-child,.invoice-table td:first-child{text-align:center}.invoice-bottom{grid-template-columns:1fr minmax(250px,.8fr);gap:2rem;padding-top:1.2rem;display:grid}.invoice-notes{background:#f5f1e9;border-radius:8px;align-self:start;padding:.75rem}.invoice-notes small{color:#7c8479;font-weight:800}.invoice-notes p{margin:.3rem 0 0;font-size:10px}.invoice-totals{gap:.45rem;display:grid}.invoice-totals>div{justify-content:space-between;gap:1rem;font-size:10px;display:flex}.invoice-grand{color:#fff;background:#101c2c;margin-top:.25rem;padding:.7rem;font-size:13px!important}.invoice-footer{color:#6d7887;border-top:1px solid #d9dce0;justify-content:space-between;margin-top:3rem;padding-top:.75rem;font-size:9px;display:flex}.invoice-tracking{border-top:1px solid #d9dce0;margin-top:1rem;padding-top:.8rem}.invoice-tracking-heading{color:#647083;justify-content:space-between;gap:1rem;font-size:9px;display:flex}.invoice-tracking-heading strong{color:#101c2c;font-size:10px}.invoice-tracking-codes{flex-wrap:wrap;gap:.7rem;margin-top:.55rem;display:flex}.invoice-tracking-code{align-items:center;gap:.45rem;min-width:140px;display:flex}.invoice-tracking-code img{width:54px;height:54px}.invoice-tracking-code strong,.invoice-tracking-code span{font-size:8px;display:block}.invoice-tracking-code span{color:#647083}.tracking-page{background:radial-gradient(circle at 50% 0, var(--gold-soft), transparent 35%), var(--bg);place-items:center;min-height:100dvh;padding:1rem;display:grid}.tracking-card{border:1px solid var(--border);background:var(--surface);width:min(100%,680px);box-shadow:0 24px 80px var(--shadow);border-radius:24px;padding:clamp(1.25rem,5vw,2.5rem)}.tracking-brand{color:var(--gold);letter-spacing:.1em;align-items:center;gap:.55rem;margin-bottom:1.8rem;font-weight:900;display:flex}.tracking-brand svg{width:32px;height:32px}.tracking-reference{color:var(--muted)}.tracking-current{background:var(--gold-soft);border-radius:14px;align-items:center;gap:.9rem;margin:1.4rem 0;padding:1rem;display:flex}.tracking-current>svg{width:34px;height:34px;color:var(--gold)}.tracking-current small,.tracking-current strong{display:block}.tracking-current small{color:var(--muted)}.tracking-current strong{font-size:1.25rem}.tracking-details{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.85rem;display:flex}.tracking-steps{gap:0;margin:1.6rem 0;padding:0;list-style:none;display:grid}.tracking-steps li{min-height:54px;color:var(--muted);grid-template-columns:34px 1fr;align-items:center;gap:.7rem;display:grid;position:relative}.tracking-steps li:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:39px;bottom:-15px;left:16px}.tracking-steps li>span{border:2px solid var(--border);background:var(--surface-2);z-index:1;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.75rem;font-weight:900;display:grid}.tracking-steps li.complete,.tracking-steps li.current{color:var(--text)}.tracking-steps li.complete>span{border-color:var(--green);color:var(--green)}.tracking-steps li.current>span{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 5px var(--gold-soft)}.tracking-steps svg{width:18px;height:18px}.tracking-payment{border:1px solid var(--border);border-left:5px solid var(--muted);background:var(--surface-2);border-radius:12px;justify-content:space-between;gap:1rem;margin:0 0 1.2rem;padding:.85rem 1rem;display:flex}.tracking-payment>div{gap:.15rem;display:grid}.tracking-payment>div:last-child{text-align:right}.tracking-payment small{color:var(--muted);font-size:.72rem}.tracking-payment strong{font-size:1rem}.tracking-payment.paid{border-left-color:var(--green)}.tracking-payment.partial{border-left-color:var(--amber)}.tracking-payment.unpaid{border-left-color:var(--red)}.tracking-payment.unpaid>div:first-child strong{color:var(--red)}.report-filter{align-items:end;max-width:650px}.report-filter label{min-width:170px}.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.statement{gap:.65rem;padding:1rem 1.15rem;display:grid}.statement-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.55rem;display:flex}.statement-row.strong{border-bottom-width:2px;font-weight:900}.statement-row.grand{background:var(--gold-soft);color:var(--gold);border:0;border-radius:10px;padding:.75rem;font-size:1.05rem}.attendance-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);align-items:center;gap:1rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.attendance-hero>div:first-child{gap:.35rem;display:grid}.attendance-hero>div:first-child svg{width:2.2rem;height:2.2rem;color:var(--gold)}.attendance-hero>div:first-child span{color:var(--muted)}.attendance-hero>div:first-child strong{font-size:1.5rem}.attendance-button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:92px;font-size:1.2rem;font-weight:900;display:flex}.attendance-button.in{background:var(--green);color:#071a12}.attendance-button.out{background:var(--gold);color:var(--navy)}.attendance-complete{background:color-mix(in srgb,var(--green) 12%,var(--surface));min-height:92px;color:var(--green);border-radius:16px;justify-content:center;align-items:center;gap:.6rem;font-weight:900;display:flex}.worker-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.worker-action{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.7rem;min-height:82px;font-weight:900;display:flex}.worker-action.primary{background:var(--gold);color:var(--navy)}.nav-scrim{display:none}@media (max-width:1080px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.production-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-status-metric:nth-child(2n){border-right:0}.production-status-metric:nth-last-child(-n+4){border-bottom:1px solid var(--border)}.production-status-metric:nth-last-child(-n+2){border-bottom:0}.order-line{grid-template-columns:1.5fr .5fr 1fr 44px}.pos-shell{grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr)}.pos-product-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.workflow-grid{grid-template-columns:1fr}}@media (max-width:760px){html{font-size:16px}.app-shell{display:block}.sidebar{width:min(84vw,300px);transition:transform .2s;position:fixed;left:0;transform:translate(-105%);box-shadow:20px 0 50px #0006}.sidebar-open{transform:translate(0)}.nav-scrim{z-index:35;background:#0000008c;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:inline-flex}.topbar{height:64px;padding-inline:.85rem}.topbar-title small{display:none}.page-content{padding:1rem .8rem 6rem}.page-heading{flex-direction:column;align-items:stretch}.target-form{flex-direction:column;align-items:stretch;width:100%}.target-comparison{grid-template-columns:1fr}.sales-target-card .panel-header{flex-direction:column;align-items:stretch}.heading-actions .primary-button,.heading-actions .secondary-button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:.7rem}.metric-card{padding:.9rem}.metric-value{font-size:1.35rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.order-line{border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:.8rem;padding:1rem}.order-line>label:first-child{grid-column:1/-1}.order-line>.icon-button{grid-column:1/-1;justify-self:end;margin-top:0}.work-card-grid,.finance-grid,.attendance-hero{grid-template-columns:1fr}.invoice-paper{min-height:0;padding:8mm}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-bottom{grid-template-columns:1fr}.data-toolbar{flex-direction:column;align-items:stretch}.pos-shell{flex-direction:column;display:flex}.pos-customer{grid-template-columns:1fr}.pos-product-grid{grid-template-columns:repeat(2,minmax(120px,1fr));max-height:none}.pos-cart{max-height:none;position:static}.pos-cart-lines{max-height:430px}.pos-product{min-height:120px}.workflow-step-row{grid-template-columns:30px 1fr}.workflow-step-row code,.workflow-step-row>.inline-actions{grid-column:2}.workflow-add-form{grid-template-columns:1fr}.workflow-add-form .form-error,.workflow-add-form .form-success{grid-column:auto}.payment-choice-grid,.payment-link-form{grid-template-columns:1fr}.payment-link-form .form-error,.payment-link-success{grid-column:auto}.invoice-edit-line{grid-template-columns:1fr 1fr}.invoice-edit-line>label:first-child{grid-column:1/-1}.invoice-edit-line .danger-button{grid-column:1/-1;justify-self:end}.invoice-edit-summary{justify-content:space-between}.production-stage-form{min-width:min(100%,320px)}.search-field{max-width:none}.table-wrap.mobile-cards{overflow:visible}.mobile-cards .data-table thead{display:none}.mobile-cards .data-table,.mobile-cards .data-table tbody,.mobile-cards .data-table tr,.mobile-cards .data-table td{width:100%;display:block}.mobile-cards .data-table tr{border-top:1px solid var(--border);padding:.75rem}.mobile-cards .data-table td{white-space:normal;border:0;justify-content:space-between;gap:1rem;padding:.32rem .2rem;display:flex}.mobile-cards .data-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}}@media (max-width:420px){.metric-grid{grid-template-columns:1fr}.login-card{padding:1.35rem}.worker-actions{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.no-print{display:none!important}.app-shell{display:block}.page-content{width:100%;padding:0}body{color:#000;background:#fff}@page{size:A4;margin:0}.invoice-paper{width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:14mm}.labels-screen .label-sheet{display:block}.labels-screen .production-label{break-after:page;border:0;margin:0}.labels-screen .production-label:last-child{break-after:auto}:is(html:has(.labels-screen),body:has(.labels-screen)){background:#fff;width:75mm;margin:0!important;padding:0!important}body:has(.labels-screen) .page-content{width:75mm;margin:0;padding:0}.labels-screen{width:75mm;margin:0;padding:0}@page production-label{size:75mm 50mm;margin:0}}.station-kiosk-locked{z-index:1000;overscroll-behavior:none;touch-action:none;isolation:isolate;background-color:var(--bg,#f2f0ea);width:100vw;height:100dvh;color:var(--text,#152236);grid-template-rows:minmax(0,1fr) auto minmax(0,.7fr);padding:clamp(.65rem,2vw,1.4rem);position:fixed;inset:0;overflow:hidden}.station-kiosk-locked .station-queue{pointer-events:none;-webkit-user-select:none;user-select:none}.station-kiosk-locked .scan-result{height:100%;min-height:0;padding:1rem}.station-kiosk-locked .station-queue{min-height:0;overflow:hidden}.station-kiosk-locked .queue-list{max-height:100%;overflow:hidden}.scan-input-status{text-align:center;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:800}:is(html:has(.station-kiosk-locked),body:has(.station-kiosk-locked)){overscroll-behavior:none;touch-action:none;overflow:hidden}.station-disconnect{z-index:1002;position:fixed;bottom:.65rem;right:.65rem}.station-disconnect-trigger{background:color-mix(in srgb,var(--muted) 18%,transparent);width:26px;height:26px;color:var(--muted);opacity:.45;cursor:pointer;border:0;border-radius:50%}.station-disconnect form{border:1px solid var(--border);background:var(--surface);width:min(340px,100vw - 2rem);box-shadow:var(--shadow);border-radius:14px;gap:.75rem;padding:1rem;display:grid}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.workflow-step-list{display:grid}.workflow-step-row{border-top:1px solid var(--border);grid-template-columns:34px minmax(180px,1fr) minmax(130px,.6fr) auto;align-items:center;gap:.7rem;padding:.75rem 1rem;display:grid}.workflow-step-row form{align-items:center;gap:.45rem;display:flex}.workflow-step-row input{min-height:40px;padding:.5rem .65rem}.workflow-step-row code{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem}.workflow-sequence{background:var(--gold-soft);width:30px;height:30px;color:var(--gold);border-radius:50%;place-items:center;font-weight:900;display:grid}.danger-icon{color:var(--red)}.workflow-add-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:.7rem;display:grid}.workflow-add-form .form-error,.workflow-add-form .form-success{grid-column:1/-1}.station-workflow-form{align-items:center;gap:.35rem;display:flex}.station-workflow-form select{min-width:220px;min-height:38px;padding:.4rem}.import-form{gap:1rem;display:grid}.import-dropzone{border:2px dashed var(--border);background:var(--surface-2);text-align:center;border-radius:16px;align-content:center;place-items:center;min-height:210px;padding:1.5rem}.import-dropzone>svg{width:44px;height:44px;color:var(--gold)}.import-dropzone input{max-width:520px}.import-errors{background:color-mix(in srgb,var(--red) 8%,var(--surface));color:var(--red);border-radius:12px;margin:0;padding:1rem 1rem 1rem 2.2rem;font-size:.82rem}.invoice-title b{overflow-wrap:anywhere;font-size:24px;font-weight:900}.invoice-meta .invoice-mobile{direction:ltr;font-size:14px;font-weight:900}.invoice-totals .invoice-grand{font-weight:900;font-size:15px!important}.invoice-totals .invoice-unpaid{color:#b91c1c;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff1f2;border:2px solid #b91c1c;padding:.55rem .7rem;font-size:15px;font-weight:900}.invoice-grand>span,.invoice-unpaid>span{align-self:center;font-size:11px}.invoice-grand>strong,.invoice-unpaid>strong{white-space:nowrap;font-weight:900}.business-insights{margin:1rem 0}.business-insights .finance-grid{margin-top:1rem}.insight-bars{gap:1rem;max-height:330px;padding:1.25rem;display:grid;overflow:auto}.insight-bar>div:first-child{justify-content:space-between;gap:1rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.insight-bar strong{white-space:nowrap}.insight-track{background:var(--surface-2);border-radius:8px;height:9px;overflow:hidden}.insight-track span{border-radius:inherit;height:100%;display:block}.insight-note{color:var(--muted);padding:0 1.25rem 1rem;font-size:.8rem}.insight-legend{gap:1rem;padding:1rem 1.25rem 0;font-size:.85rem;display:flex}.insight-legend span:first-child{color:var(--gold)}.insight-legend span:last-child{color:var(--red)}.insight-trend{gap:1rem;height:250px;padding:1rem 1.25rem;display:flex;overflow-x:auto}.insight-month{text-align:center;flex:1;min-width:64px}.insight-month small{color:var(--muted);font-size:.7rem}.insight-columns{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:5px;height:180px;display:flex}.insight-columns>div{border-radius:4px 4px 0 0;width:20px;min-height:2px}.insight-columns>div:focus{outline:2px solid var(--text);outline-offset:2px}.employee-app{padding:1rem;max-width:760px;margin:auto;padding-bottom:3rem}.employee-app header{padding:1rem 0}.employee-app header>span{color:var(--gold);letter-spacing:.12em;font-weight:900}.employee-app header>small{float:right}.employee-app h1{margin:.8rem 0;font-size:1.8rem}.employee-app h1 span{color:var(--muted);font-size:1.25rem;display:block}.employee-app nav{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.employee-entry,.employee-invoice{margin-bottom:1rem;padding:1.25rem}.employee-entry h2{margin:1rem 0;font-size:1.1rem}.employee-entry label{gap:.45rem;font-weight:700;display:grid}.employee-entry input{min-height:60px;font-size:1.5rem}.employee-customer{background:var(--surface-2);border-radius:12px;padding:1rem;font-size:1.2rem;font-weight:800}.employee-jobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.75rem 0;display:grid}.employee-jobs button{border:2px solid var(--border);background:var(--surface-2);min-height:112px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;border-radius:16px;align-content:center;place-items:center;gap:.5rem;padding:1rem;display:grid}.employee-jobs button svg{width:36px;height:36px;color:var(--gold)}.employee-jobs button.selected{border-color:var(--gold);background:var(--gold-soft)}.employee-amounts{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.employee-main-button{justify-content:center;width:100%;min-height:64px;margin:.8rem 0;font-size:1.1rem}.employee-paid{color:var(--green);text-align:center;padding:1.5rem;font-size:1.4rem;font-weight:900}.employee-app footer{text-align:center;color:var(--muted)}.employee-invoice h2{font-size:1.7rem}
