:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{background:#d9dde2;margin:0}#root{text-align:center;box-sizing:border-box;background:#d9dde2;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{color:#e2e8f0;background:#0f172a;min-height:100vh;display:flex}.sales-page{gap:20px;display:grid}.sales-hero{background:radial-gradient(circle at 85% 10%,#38bdf838,#0000 30%),linear-gradient(120deg,#172a38,#10202b 65%,#1c3b4c);border:1px solid #7dd3fc38;border-radius:18px;justify-content:space-between;gap:24px;padding:30px;display:flex;box-shadow:0 22px 50px #02081738}.sales-hero h1{color:#f8fafc;max-width:620px;margin:8px 0;font-size:clamp(28px,4vw,48px);line-height:1.03}.sales-hero p{color:#b9d4df;max-width:560px;margin:0}.sales-hero-stat{color:#b9d4df;border-left:1px solid #bae6fd40;align-content:center;min-width:150px;padding:18px;display:grid}.sales-hero-stat strong{color:#f8fafc;font-size:42px;line-height:1}.sales-hero-stat small{color:#7dd3fc}.sales-layout{grid-template-columns:minmax(0,.82fr) minmax(420px,1.38fr);align-items:start;gap:20px;display:grid}.sales-catalog-column,.sales-checkout-panel,.sales-service-section{background:#0f172ab8;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 14px 30px #02081724}.sales-catalog-column{padding:20px}.sales-section-title{color:#94a3b8;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.sales-section-title h2{color:#f8fafc;margin:5px 0 0}.sales-search-bar{background:#02081752;border:1px solid #94a3b840;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.sales-search-bar span{color:#7dd3fc;font-size:24px}.sales-search-bar input{color:#f8fafc;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.sales-search-bar kbd{color:#78909c;letter-spacing:.1em;font-size:10px}.sales-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.sales-product-card{text-align:left;color:#e2e8f0;cursor:pointer;background:linear-gradient(145deg,#1e293be6,#0f172abf);border:1px solid #94a3b82e;border-radius:12px;gap:8px;min-height:180px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.sales-product-card:hover{background:linear-gradient(145deg,#0e74906b,#0f172aeb);border-color:#38bdf8;transform:translateY(-3px)}.sales-product-category{color:#7dd3fc;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.sales-product-card h3{margin:0;font-size:15px;line-height:1.25}.sales-product-card strong{color:#f8fafc;font-size:20px}.sales-product-card small{color:#94a3b8}.sales-add{color:#67e8f9;align-self:end;font-size:12px;font-weight:700}.sales-empty,.sales-cart-empty{color:#94a3b8;gap:5px;padding:32px 18px;display:grid}.sales-empty strong{color:#e2e8f0}.sales-checkout-panel{padding:22px;position:sticky;top:20px}.sales-panel-heading,.sales-service-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.sales-panel-heading h2,.sales-service-heading h2{color:#f8fafc;margin:5px 0 0}.sales-cart-count,.queue-badge{color:#67e8f9;background:#22d3ee1f;border-radius:999px;padding:7px 9px;font-size:11px}.sales-field{color:#b9d4df;gap:7px;margin-top:18px;font-size:12px;display:grid}.sales-field input,.sales-field select,.sales-os-form input,.sales-os-form select{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#02081761;border:1px solid #94a3b840;border-radius:9px;outline:none;padding:11px 12px}.sales-cart-list{gap:4px;max-height:none;margin:14px 0;padding:2px 0;display:grid;overflow:visible}.sales-cart-item{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.sales-cart-list-dense .sales-cart-item{padding:3px 0;font-size:11px}.sales-cart-list-dense .sales-cart-item small{font-size:10px}.sales-cart-item div:first-child{gap:4px;min-width:0;display:grid}.sales-cart-item strong{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sales-cart-item small{color:#94a3b8}.sales-cart-controls{align-items:center;gap:6px;display:flex}.sales-cart-controls input{color:#fff;background:#0f172a;border:1px solid #94a3b840;border-radius:7px;width:48px;padding:6px}.sales-cart-controls button,.sales-modal-close{color:#fda4af;cursor:pointer;background:0 0;border:0;font-size:18px}.sales-totals{border-top:1px solid #94a3b833;border-bottom:1px solid #94a3b833;gap:9px;margin:18px 0;padding:14px 0;display:grid}.sales-totals div{color:#94a3b8;justify-content:space-between;font-size:13px;display:flex}.sales-totals strong{color:#e2e8f0}.sales-totals .sales-total-line{color:#f8fafc;margin-top:4px;font-size:18px}.sales-total-line strong{color:#67e8f9;font-size:24px}.sales-change-line{color:#b9d4df;background:#22d3ee1a;border-radius:8px;justify-content:space-between;margin-top:12px;padding:10px 12px;display:flex}.sales-change-line strong,.sales-receipt-change strong{color:#67e8f9}.sales-receipt-change{color:#526771;gap:4px;margin-bottom:18px;display:grid}.sales-finish-button{color:#06202b;width:100%;font:inherit;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:0;border-radius:10px;justify-content:space-between;margin-top:18px;padding:14px 16px;font-weight:800;display:flex}.sales-finish-button:disabled{opacity:.4;cursor:not-allowed}.sales-service-section{padding:22px}.sales-service-heading p{color:#94a3b8;margin:7px 0 0}.sales-os-form{grid-template-columns:1fr 1fr 1.4fr auto;gap:10px;margin-top:20px;display:grid}.sales-feedback{color:#67e8f9}.sales-modal-copy{color:#94a3b8}.sales-order-modal{background:#132330;border:1px solid #7dd3fc47;border-radius:16px;width:min(560px,100% - 32px);padding:24px;box-shadow:0 25px 70px #00000059}.sales-os-form-modal{grid-template-columns:1fr;gap:14px;display:grid}.sales-os-form-modal label{color:#b9d4df;gap:7px;font-size:12px;display:grid}.sales-os-form-modal .form-actions{justify-content:flex-end;margin-top:6px}.sales-receipt-modal{color:#10222c;text-align:center;background:#f8fafc;border-radius:16px;width:min(390px,100% - 32px);padding:30px;position:relative;box-shadow:0 25px 70px #00000059}.sales-receipt-modal h2{margin:8px 0}.sales-receipt-total{color:#087f9d;margin:18px 0;font-size:34px;font-weight:800}.pix-box{background:#e6f5f8;border-radius:12px;justify-items:center;gap:7px;margin:16px 0 22px;padding:16px;display:grid}.pix-box small{color:#47626c}.sales-modal-close{color:#526771;font-size:13px;position:absolute;top:14px;right:16px}.sales-receipt-modal .primary-button{width:100%}@media (width<=900px){.sales-layout{grid-template-columns:1fr}.sales-checkout-panel{position:static}.sales-os-form{grid-template-columns:1fr 1fr}}@media (width<=600px){.sales-hero{padding:22px;display:grid}.sales-hero-stat{border-top:1px solid #bae6fd40;border-left:0}.sales-os-form{grid-template-columns:1fr}.sales-catalog-column,.sales-checkout-panel,.sales-service-section{padding:16px}}.sidebar{background:linear-gradient(#111827 0%,#0f172a 100%);border-right:1px solid #94a3b829;width:260px;padding:24px 18px}.brand-block{align-items:center;gap:14px;margin-bottom:30px;display:flex}.brand-mark{color:#08111f;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.label-mini,.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7dd3fc;margin:0;font-size:10px}.brand-block h1,.topbar h2,.panel-header h2{color:#f8fafc;margin:4px 0 0}.nav-group{flex-direction:column;gap:10px;display:flex}.nav-group button,.primary-button,.secondary-button,.ghost-button{font:inherit;cursor:pointer;border:0;border-radius:12px}.nav-group button{text-align:left;color:#cbd5e1;background:#0f172a99;padding:12px 14px;transition:all .2s}.nav-group button:hover,.nav-group .nav-active{color:#f8fafc;background:linear-gradient(135deg,#0ea5e92e,#818cf82e);border:1px solid #7dd3fc66}.main-panel{flex:1;min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.user-pill{color:#dbeafe;background:#94a3b81a;border:1px solid #94a3b833;border-radius:999px;padding:10px 14px}.session-controls{align-items:center;gap:10px;display:flex}.logout-button{color:#fecaca;cursor:pointer;font:inherit;background:#7f1d1d40;border:1px solid #f8717159;border-radius:10px;padding:10px 14px}.portal-access-button,.portal-switch,.portal-back{color:#42677f;cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.social-login-divider{color:#71808b;align-items:center;gap:10px;margin:18px 0 10px;font-size:11px;display:flex}.social-login-divider:before,.social-login-divider:after{content:"";background:#c2cbd1;flex:1;height:1px}.social-login-buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.social-login-button{color:#35434e;text-align:center;border:1px solid #b7c2c9;border-radius:7px;padding:9px 6px;font-size:12px;font-weight:700;text-decoration:none}.social-login-button.google{background:#f3e4df}.social-login-button.microsoft{background:#dce9f1}.social-login-button.apple{background:#e3e5e6}.customer-portal-shell{box-sizing:border-box;background:#d9dde2;min-height:100vh;padding:32px}.customer-portal-card{box-sizing:border-box;background:#f5f7f8f0;border:1px solid #b8c2c9;border-radius:16px;width:min(480px,100%);margin:0 auto;padding:28px;box-shadow:5px 8px 20px #49545e2e}.customer-access-card{background:linear-gradient(135deg,#f4f7f9fa,#e9eff4f5);border:1px solid #94a3b859;width:min(980px,100%);padding:0;box-shadow:0 30px 80px #0f172a2e}.access-card-inner{grid-template-columns:1.1fr 1fr;min-height:680px;display:grid;overflow:hidden}.access-visual-panel{background:linear-gradient(145deg,#0d1f2d 0%,#1a3a52 35%,#2d5a7b 100%);border-radius:20px 0 0 20px;flex-direction:column;justify-content:center;gap:22px;padding:48px 42px;display:flex;position:relative;overflow:hidden}.access-visual-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#7dd3fc14,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-30%}.access-visual-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf80f,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-40%;left:-20%}.access-form-panel{background:linear-gradient(135deg,#fffffffa,#f8fafcf5);flex-direction:column;justify-content:center;padding:48px 42px;display:flex;position:relative}.access-form-header{border-bottom:2px solid #38bdf81a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.access-form-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.access-badge{color:#0369a1;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#0ea5e91f,#38bdf81f);border:1.5px solid #38bdf852;border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:8px 14px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #38bdf814}.access-visual-panel .portal-back{z-index:1;color:#bae6fd;opacity:1;cursor:pointer;background:#38bdf814;border:1px solid #7dd3fc4d;border-radius:8px;align-self:flex-start;padding:9px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.access-visual-panel .portal-back:hover{background:#38bdf826;border-color:#7dd3fc80;box-shadow:0 8px 16px #38bdf833}.access-visual-panel .eyebrow{z-index:1;color:#7dd3fc;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800;position:relative}.access-visual-panel h1{z-index:1;color:#f1f5f9;letter-spacing:-.01em;margin:0;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1.05;position:relative}.access-visual-panel .login-copy{z-index:1;color:#dbf4ffbf;max-width:30ch;margin:0;font-size:15px;font-weight:400;line-height:1.6;position:relative}.access-benefits{z-index:1;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid;position:relative}.access-benefits li{color:#bae6fd;padding-left:28px;font-size:14px;font-weight:500;line-height:1.5;position:relative}.access-benefits li:before{content:"●";color:#7dd3fc;font-size:6px;font-weight:700;position:absolute;top:3px;left:0}.access-form{gap:18px}.access-form label{color:#0f172a;letter-spacing:.02em;text-transform:uppercase;flex-direction:column;gap:10px;font-size:13px;font-weight:700;display:flex}.access-form input{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#ffffffd9;border:2px solid #94a3b840;border-radius:14px;padding:14px 16px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0f172a0f}.access-form input::placeholder{color:#94a3b899}.access-form input:hover{border-color:#38bdf880;box-shadow:0 6px 16px #38bdf81a}.access-form input:focus{background:#fffffff2;border-color:#0ea5e9b3;outline:none;box-shadow:0 0 0 5px #0ea5e926,0 8px 20px #0ea5e926}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.access-submit{letter-spacing:.06em;text-transform:uppercase;color:#08111f;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 50%,#0284c7 100%);border:0;border-radius:14px;width:100%;margin-top:12px;padding:15px 18px;font-size:14px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 28px #0ea5e947}.access-submit:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.access-submit:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0ea5e959}.access-submit:active{transform:translateY(0);box-shadow:0 6px 16px #0ea5e940}.portal-switch{color:#0369a1;cursor:pointer;background:#0ea5e914;border:1.5px solid #0ea5e940;border-radius:999px;align-self:center;margin-top:18px;padding:11px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.portal-switch:hover{background:#0ea5e926;border-color:#0ea5e966;box-shadow:0 6px 16px #0ea5e91a}.customer-portal-wide{width:min(1100px,100%)}.customer-portal-card h1{color:#27323c}.portal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}@media (width<=760px){.access-card-inner{grid-template-columns:1fr}.access-visual-panel{border-radius:16px 16px 0 0;padding:24px 22px 20px}.access-form-panel{padding:22px 18px 26px}.two-column-fields{grid-template-columns:1fr}}.portal-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px;display:grid}.portal-order-form{background:#e4e9ec;border:1px solid #c2cbd1;border-radius:10px;padding:18px}.portal-orders{gap:10px;display:grid}.portal-order-item{background:#f5f7f8;border:1px solid #c2cbd1;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.portal-order-item h3{color:#27323c;margin:5px 0;font-size:15px}.portal-order-item span{color:#71808b;font-size:12px}.portal-success{color:#276749;margin-top:16px;font-weight:700}.shipping-label-content{color:#27323c;border:1px dashed #315a73;gap:8px;margin-bottom:18px;padding:18px;display:grid}.shipping-label-content hr{border:0;border-top:1px solid #bdc8cf;width:100%}@media (width<=760px){.customer-portal-shell{padding:16px}.portal-grid{grid-template-columns:1fr}.portal-order-item{flex-direction:column;align-items:flex-start}}.login-shell{background:radial-gradient(circle at 100% 0,#0ea5e933,#0000 38%),#0f172a;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{box-sizing:border-box;background:#0f172ae6;border:1px solid #94a3b82e;border-radius:22px;width:min(420px,100%);padding:34px;box-shadow:0 24px 80px #02061773}.login-panel h1{color:#f8fafc;margin:10px 0;font-size:2rem}.login-copy{color:#94a3b8;margin-bottom:24px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:#dbeafe;flex-direction:column;gap:8px;display:flex}.login-form input{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#0f172a;border:1px solid #94a3b840;border-radius:10px;padding:12px}.form-error{color:#fca5a5}.stats-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:18px;margin-bottom:22px;display:grid}.metric-card{background:#0f172ab3;border:1px solid #94a3b826;border-radius:18px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.metric-card span{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.metric-card strong{color:#f8fafc;font-size:2rem}.metric-card small{color:#a5f3fc;font-size:11px}.content-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr);gap:22px;display:grid}.content-grid-stack{grid-template-columns:1fr}.active-module-view,.dashboard-view,.dashboard-content-grid{min-width:0}.dashboard-content-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr);gap:22px;display:grid}.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.module-section{scroll-margin-top:24px}.users-panel{min-height:180px}.user-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.primary-button,.secondary-button,.ghost-button{padding:10px 14px;transition:transform .2s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{color:#08111f;background:linear-gradient(135deg,#38bdf8,#818cf8);font-weight:700}.secondary-button{color:#e2e8f0;background:#94a3b81f}.ghost-button{color:#fca5a5;background:0 0;border:1px solid #f8717140}.form-panel{flex-direction:column;gap:20px;display:flex}.kanban-board{grid-template-columns:repeat(6,minmax(210px,1fr));gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-column{background:#02061747;border:1px solid #94a3b824;border-radius:14px;min-height:360px;padding:12px}.kanban-column-header,.kanban-card-top,.progress-editor-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.kanban-column-header{color:#bae6fd;margin-bottom:12px;font-size:13px}.kanban-column-header span{color:#7dd3fc;background:#38bdf824;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.kanban-cards{flex-direction:column;gap:10px;display:flex}.kanban-card{background:#0f172ad1;border:1px solid #94a3b829;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.kanban-card h3,.kanban-card p{margin:0}.kanban-card h3{color:#f8fafc;font-size:15px}.kanban-card p{color:#94a3b8;font-size:13px}.kanban-card-top span{color:#7dd3fc;font-size:11px}.kanban-card-actions{flex-wrap:wrap;gap:8px;display:flex}.kanban-card-actions button{padding:8px 10px;font-size:11px}.card-label-quantity{color:#94a3b8;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.card-label-quantity input{width:52px}.kanban-empty{color:#64748b;text-align:center;font-size:12px}.progress-editor{background:#082f4959;border:1px solid #38bdf84d;border-radius:16px;margin-top:20px;padding:18px}.progress-editor h3{color:#f8fafc;margin:4px 0 0}.order-composition{background:#e5e9ec;border:1px solid #bdc5cc;border-radius:9px;gap:14px;padding:14px;display:grid}.composition-block{gap:8px;display:grid}.composition-title{color:#354b5b;text-transform:uppercase;font-size:13px;font-weight:700}.service-submenu{background:#eef0f2;border:1px solid #c3cbd1;border-radius:6px}.service-submenu summary{color:#42677f;cursor:pointer;padding:8px 10px;font-weight:700}.service-submenu summary span{float:right;color:#71808b;font-weight:400}.selection-row{color:#35434e;border-top:1px solid #d1d7dc;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:grid}.selection-row strong{color:#315a73;white-space:nowrap}.part-quantity{width:46px;padding:4px}.order-totals{color:#53616d;border-top:1px solid #b9c2c9;flex-wrap:wrap;gap:14px;padding-top:8px;font-size:13px;display:flex}.approved-total{color:#244f68}.entity-form{flex-direction:column;gap:18px;display:flex}.form-actions,.table-actions{flex-wrap:wrap;gap:10px;display:flex}.table-actions .secondary-button,.table-actions .ghost-button{padding:7px 10px;font-size:12px}.label-quantity-input{box-sizing:border-box;color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b840;border-radius:8px;width:64px;padding:7px 8px}.print-layer{display:none}.print-preview-backdrop{z-index:30;background:#1d283294;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.print-preview{background:#eef1f3;border:1px solid #aeb8c0;border-radius:16px;width:min(980px,100%);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 24px 70px #1e2a3459}.print-preview-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.print-preview-toolbar h2{color:#27323c;margin:5px 0}.print-preview-toolbar p{color:#647582;font-size:13px}.print-preview .print-layer{background:#cbd1d7;width:100%;padding:12px;display:block;overflow-x:auto}.print-preview .print-sheet{break-inside:avoid;page-break-inside:avoid;background:#fff;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);width:200mm;height:300mm;min-height:300mm;margin:0 auto 18px;display:grid;box-shadow:0 5px 14px #3a444d33}.print-preview .print-label{box-sizing:border-box;color:#111827;background:#fff;border:.25mm solid #111827;width:100mm;min-width:100mm;height:150mm;min-height:150mm;padding:8mm;font-family:Arial,sans-serif;overflow:hidden}.print-preview .label-brand{color:#0369a1;letter-spacing:.08em;font-size:10pt;font-weight:700}.print-preview .label-protocol{color:#020617;margin-top:3mm;font-size:24pt;font-weight:900;line-height:1;display:block}.print-preview .label-rule{background:#111827;height:.4mm;margin:3mm 0}.print-preview .label-row{overflow-wrap:anywhere;flex-direction:column;gap:.7mm;margin-bottom:2.2mm;display:flex}.print-preview .label-row span{color:#475569;text-transform:uppercase;font-size:7pt}.print-preview .label-row strong{font-size:9pt;line-height:1.08}.print-preview .label-footer{color:#475569;margin-top:4mm;font-size:8pt}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label{color:#dbeafe;flex-direction:column;gap:8px;font-size:14px;display:flex}.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#0f172ae6;border:1px solid #94a3b833;border-radius:10px;padding:10px 12px}.form-grid textarea{resize:vertical;min-height:96px}.full-width{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;color:#e2e8f0;border-bottom:1px solid #94a3b81f;padding:12px 10px}th{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.status-pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.status-pill.ok{color:#bbf7d0;background:#22c55e24}.status-pill.risk{color:#fecaca;background:#ef44441f}.status-pill.neutral{color:#bfdbfe;background:#60a5fa1f}.checklist-list{flex-direction:column;gap:12px;display:flex}.check-item{background:#0f172a80;border:1px solid #94a3b81f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.check-label-wrap{align-items:center;gap:10px;display:flex}.check-bullet{color:#7dd3fc;background:#3b82f61f;border-radius:10px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-grid}.check-label{color:#e2e8f0}.check-controls{align-items:center;gap:10px;display:flex}.check-controls select,.add-item-row input{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b833;border-radius:10px;padding:10px 12px}.add-item-row{margin-top:18px}.add-item-row input{box-sizing:border-box;width:100%}.side-panel{flex-direction:column;gap:18px;display:flex}.tech-list{flex-direction:column;gap:12px;display:flex}.tech-item{background:#0f172a8c;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.tech-name-wrap{flex-direction:column;gap:3px;display:flex}.tech-name-wrap span{color:#93c5fd;font-size:12px}.tech-badge{color:#bfdbfe;background:#3b82f624;border-radius:999px;padding:8px 10px;font-size:12px}.status-box{background:#1e293bb3;border:1px solid #94a3b81f;border-radius:16px;margin-top:auto;padding:16px}.status-box p{color:#dbeafe;margin:10px 0 14px}.panel-subtitle{color:#607383;margin:6px 0 0;font-size:13px}.orders-list{flex-direction:column;gap:10px;display:flex}.order-row{cursor:pointer;background:linear-gradient(145deg,#f5f7f8,#dfe4e8);border:1px solid #c1c9d0;border-radius:12px;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) auto minmax(290px,1.3fr);align-items:center;gap:16px;padding:16px;display:grid;box-shadow:3px 3px 8px #4f5a6424,-2px -2px 6px #ffffffb3}.order-row h3{color:#263d4c;margin:5px 0 3px;font-size:15px}.order-row>div:first-child>span,.order-assignee strong{color:#61717d;font-size:12px}.order-assignee{flex-direction:column;gap:5px;display:flex}.order-row .table-actions{justify-content:flex-end}.empty-state{color:#71808b;text-align:center;border:1px dashed #aeb9c1;border-radius:12px;padding:32px}.modal-backdrop{z-index:20;background:#1d283294;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{background:#eef1f3;border:1px solid #aeb8c0;border-radius:16px;width:min(920px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #1e2a3459}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header h2{color:#27323c;margin:5px 0 0}.modal-section{background:#e4e9ec;border:1px solid #c2cbd1;border-radius:9px;gap:10px;padding:14px;display:grid}.checklist-modal-list{gap:7px;display:grid}.checklist-modal-row{color:#35434e;border-top:1px solid #cbd3d8;grid-template-columns:minmax(0,1fr) 140px auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.checklist-modal-row select,.checklist-add-input{box-sizing:border-box;color:#35434e;width:100%;font:inherit;background:#f7f9fa;border:1px solid #b7c2c9;border-radius:7px;padding:8px 10px}.checklist-modal-row .ghost-button{padding:7px 9px;font-size:11px}.selection-row span{flex-direction:column;gap:3px;display:flex}.selection-row small{color:#71808b;font-size:10px}.selection-row-selected{background:#d7e8f0}.services-picker{max-height:280px;padding-right:6px;overflow-y:auto}.service-search{box-sizing:border-box;color:#35434e;width:100%;font:inherit;background:#f7f9fa;border:1px solid #b7c2c9;border-radius:7px;padding:9px 10px}.table-link{color:#315a73;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.details-tabs{border-bottom:1px solid #c4cdd3;gap:8px;margin-bottom:20px;display:flex}.details-tabs button{color:#607383;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 12px}.details-tabs .tab-active{color:#183d56;border-bottom-color:#477b9c;font-weight:700}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hardware-modal{width:min(920px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.hardware-modal .panel-subtitle{max-width:760px;margin:0 0 20px}.hardware-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-top:18px;display:grid}.hardware-modal-grid label,.hardware-save-fields label{color:#35434e;gap:7px;min-width:0;font-size:12px;font-weight:700;display:grid}.hardware-modal-grid label:nth-child(4),.hardware-modal-grid label:nth-child(12),.hardware-modal-grid label:nth-child(13){grid-column:span 2}.hardware-modal-grid input,.hardware-custom-add input,.hardware-save-fields input{box-sizing:border-box;width:100%;min-width:0}.hardware-custom-fields{color:#35434e;border-top:1px solid #cbd5dc;gap:12px;margin-top:22px;padding-top:18px;display:grid}.hardware-custom-add{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end;gap:10px;display:grid}.hardware-custom-row{background:#f5f7f8;border:1px solid #d4dde2;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.hardware-custom-row strong{overflow-wrap:anywhere}.hardware-save-fields{border-top:1px solid #cbd5dc;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-top:22px;padding-top:18px;display:grid}.hardware-modal-message{color:#28566f;margin:14px 0 0;font-size:13px;font-weight:700}.details-grid>div,.details-grid>label{color:#35434e;flex-direction:column;gap:5px;display:flex}.details-grid p{white-space:pre-wrap}.details-progress{align-items:center;gap:12px;display:flex}.phase-section{background:#e2e8eb;border:1px solid #bdc8cf;border-radius:10px;margin-bottom:20px;padding:14px}.phase-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.phase-section-header h3{color:#263d4c;margin:5px 0 0}.phase-feedback{color:#276749;font-size:12px;font-weight:700}.phase-buttons{flex-wrap:wrap;gap:8px;display:flex}.phase-button{color:#486170;cursor:pointer;font:inherit;background:#f4f7f8;border:1px solid #aebbc3;border-radius:8px;padding:9px 11px;font-size:12px}.phase-button:hover:not(:disabled){background:#d5e6ef;border-color:#477b9c}.phase-button:disabled{cursor:wait;opacity:.65}.phase-button.phase-active{color:#fff;background:#315f7b;border-color:#315f7b;font-weight:700}.history-list{gap:10px;display:grid}.history-item{background:#e4e9ec;border-left:3px solid #477b9c;padding:12px}.history-item span,.history-item p{color:#647582;margin-top:4px;font-size:12px;display:block}.role-selector{color:#35434e;border:1px solid #b7c2c9;border-radius:8px;flex-wrap:wrap;gap:8px 14px;min-width:0;display:flex}.role-selector legend{color:#607383;padding:0 5px;font-size:12px}.role-selector label{flex-direction:row;align-items:center;gap:5px;font-size:12px;display:flex}.dashboard-orders-panel{min-width:0}.dashboard-order-list{gap:10px;display:grid}.dashboard-order-item{border-bottom:1px solid #ccd3d8;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.dashboard-order-item>div{flex-direction:column;gap:4px;display:flex}.dashboard-order-item span:not(.status-pill){color:#647582;font-size:12px}.promotion-controls{color:#35434e;background:#e4e9ecd1;border:1px solid #c2cbd1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.promotion-toggle,.promotion-margin{align-items:center;gap:6px;font-weight:700;display:inline-flex}.promotion-margin input{color:#35434e;background:#f7f9fa;border:1px solid #b7c2c9;border-radius:6px;width:48px;padding:5px 6px}.promotion-hint{color:#71808b}.stock-carousel{align-items:stretch;gap:10px;min-height:168px;display:flex}.stock-carousel-track{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.stock-carousel-card{background:#f5f7f8e6;border:1px solid #bdc8cf;border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:2px 3px 7px #535e6821}.stock-card-category{color:#477b9c;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.stock-carousel-card h3{overflow-wrap:anywhere;color:#263d4c;margin:0;font-size:14px}.stock-carousel-card>strong{overflow-wrap:anywhere;color:#71808b;font-size:11px}.stock-card-footer{color:#35434e;justify-content:space-between;gap:8px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.promotion-badge{color:#fff;background:#477b9c;padding:4px 24px;font-size:10px;font-weight:800;position:absolute;top:10px;right:-25px;transform:rotate(35deg)}.carousel-arrow{color:#315a73;cursor:pointer;background:#e6eaed;border:1px solid #b7c2c9;border-radius:8px;width:34px;font-size:26px}.carousel-arrow:disabled{cursor:default;opacity:.45}@media (width<=1120px){.order-row{grid-template-columns:minmax(160px,1fr) minmax(130px,.8fr) auto}.order-row .table-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=980px){.app-shell{flex-direction:column}.sidebar{border-bottom:1px solid #94a3b829;border-right:0;width:100%;padding:16px}.brand-block{margin-bottom:16px}.nav-group{flex-direction:row;padding-bottom:4px;overflow-x:auto}.nav-group button{white-space:nowrap;flex:none}.main-panel{padding:20px 16px}.content-grid,.dashboard-content-grid,.stats-grid,.form-grid,.user-access-grid,.inventory-summary{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:14px}.session-controls{flex-wrap:wrap;justify-content:flex-end}.check-item{flex-direction:column;align-items:flex-start}.check-controls{width:100%}.check-controls select,.check-controls .ghost-button{flex:1}}@media (width<=560px){.topbar{flex-direction:column}.session-controls{justify-content:stretch;width:100%}.session-controls .user-pill,.session-controls .logout-button{flex:1}.user-pill{text-align:center;align-self:stretch}.panel{border-radius:16px;padding:16px}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}.form-grid{gap:12px}.modal-backdrop{padding:8px}.modal-panel{max-height:calc(100vh - 16px);padding:16px}.checklist-modal-row{grid-template-columns:1fr auto}.checklist-modal-row select{grid-column:1/2}.checklist-modal-row .ghost-button{grid-area:1/2/3}.dashboard-order-item{flex-direction:column;align-items:flex-start}.stock-carousel-track,.details-grid{grid-template-columns:1fr}.details-wide{grid-column:auto}th,td{white-space:nowrap;padding:10px 8px}}.app-shell{color:#26313b;isolation:isolate;background:#d9dde2;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#d9dde2b8,#d9dde2b8),url(/circuit-board.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.main-panel{z-index:0;position:relative}.sidebar>*,.main-panel>*{z-index:1;position:relative}.sidebar{box-sizing:border-box;background:linear-gradient(145deg,#eef1f4 0%,#c5cbd2 52%,#aeb6bf 100%);border-right:1px solid #aab2bb;flex:0 0 236px;width:236px;padding:22px 14px;box-shadow:10px 0 24px #3c454e33,inset -2px 0 #ffffff8c}.brand-block{background:linear-gradient(145deg,#e9edf0,#c0c7ce);border-radius:12px;margin-bottom:24px;padding:10px;box-shadow:4px 4px 9px #5b656f38,-3px -3px 8px #ffffffb8}.brand-block h1,.topbar h2,.panel-header h2{color:#27323c}.brand-mark{color:#f4f7f9;background:linear-gradient(145deg,#3e6f91,#24465f);border-radius:10px;box-shadow:inset 2px 2px 3px #ffffff40,3px 3px 7px #414b5447}.label-mini,.eyebrow{color:#42677f}.nav-group{gap:7px}.nav-group button{color:#34414c;background:linear-gradient(145deg,#e5e9ec,#c2c9d0);border:1px solid #75808b52;min-height:42px;position:relative;box-shadow:3px 3px 6px #57626c33,-2px -2px 5px #ffffffb3}.nav-group button:hover,.nav-group .nav-active{color:#183d56;background:linear-gradient(145deg,#fff,#cbd2d8);border-color:#6e9bb9;box-shadow:inset 2px 2px 4px #7987933d,2px 2px 5px #57626c2e}.nav-group .nav-active:before{content:"";background:#477b9c;border-radius:0 4px 4px 0;width:4px;position:absolute;top:7px;bottom:7px;left:-1px}.main-panel{background:#d9dde2c7;padding:30px 34px}.topbar{border-bottom:1px solid #b9c0c7;padding-bottom:18px}.user-pill{color:#34414c;background:#e8ebee;border-color:#b8c0c8;box-shadow:inset 1px 1px 2px #fffc}.logout-button{color:#874a4a;background:#e8dede;border-color:#c79e9e}.stats-grid{margin-bottom:26px}.metric-card{background:#e9ecef;border-color:#c1c8cf;border-radius:10px;box-shadow:2px 3px 7px #5a656f29}.metric-card.blue{background:#dce8ef}.metric-card.amber{background:#eee8d8}.metric-card.green{background:#dcebe1}.metric-card.red{background:#f0dddd}.metric-card.cyan{background:#d9f2f4}.metric-card span{color:#53616d}.metric-card strong{color:#27323c}.panel{background:0 0;border:0;border-radius:0;padding:0}.form-panel,.order-workspace{gap:18px}.entity-form,.kanban-board,.table-wrap,.checklist-panel,.side-panel,.users-panel,.inventory-view,.progress-editor{background:0 0}.form-grid input,.form-grid select,.form-grid textarea,.check-controls select,.add-item-row input,.label-quantity-input,.card-label-quantity input{color:#26313b;background:#eef0f2;border-color:#b5bdc5;border-radius:6px;box-shadow:inset 1px 1px 3px #4c57621f}.form-grid label,.check-label,th,td{color:#35434e}th{color:#42677f;border-bottom-color:#aeb7bf}td{border-bottom-color:#c1c8ce}.kanban-column{background:#cbd1d7;border-color:#bdc5cc;border-radius:9px;min-height:360px;box-shadow:inset 1px 1px 2px #ffffff8c,2px 3px 7px #535e6824}.kanban-column-header{color:#354b5b}.kanban-column-header span{color:#42677f;background:#e8ecef}.kanban-card{background:#f0f2f3;border-color:#c1c8cf;border-radius:7px;box-shadow:2px 3px 5px #4b555f29}.kanban-card h3{color:#26313b}.kanban-card p,.kanban-card-top span,.card-label-quantity{color:#667580}.progress-editor{background:#d4e1e8;border-color:#9eb6c6;border-radius:10px}.side-panel,.status-box,.tech-item{color:#35434e;background:#e9ecef;border-color:#c1c8cf}.tech-item{border:1px solid #c1c8cf;box-shadow:2px 3px 6px #555f6921}.tech-name-wrap span,.status-box p{color:#667580}.tech-badge{color:#31556d;background:#d5e2e9}.primary-button{color:#fff;background:linear-gradient(145deg,#557f99,#315a73);border-radius:7px;box-shadow:2px 3px 5px #39495438}.secondary-button{color:#3b4b57;background:#e6eaed;border:1px solid #b8c1c8}.ghost-button{color:#8b4e4e;border-color:#c99d9d}.sidebar{flex:0 0 248px;width:248px}.brand-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:168px;padding:18px 12px;display:flex}.brand-mark{width:64px;height:64px;font-size:20px;overflow:hidden}.brand-mark img{object-fit:contain;background:#fff;width:100%;height:100%}.brand-block h1{overflow-wrap:anywhere;max-width:190px;font-size:20px}.settings-nav-button{margin-top:12px;text-align:center!important;color:#42677f!important;box-shadow:none!important;background:0 0!important;border-top:1px solid #aeb7bf!important}.brand-settings-modal{width:min(620px,100%)}.brand-settings-preview{color:#27323c;background:#e4e9ec;border:1px solid #c2cbd1;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex}.brand-settings-preview img,.brand-settings-preview span{color:#fff;object-fit:contain;background:#315a73;border-radius:10px;place-items:center;width:56px;height:56px;font-size:18px;font-weight:800;display:grid}@media (width<=980px){.sidebar{flex-basis:auto;width:100%}.brand-block{min-height:0}.sidebar{flex:none;width:100%}}@media (width<=720px){.hardware-modal-grid,.hardware-save-fields{grid-template-columns:1fr}.hardware-modal-grid label:nth-child(4),.hardware-modal-grid label:nth-child(12),.hardware-modal-grid label:nth-child(13){grid-column:auto}.hardware-custom-add,.hardware-custom-row{grid-template-columns:1fr}}@media print{@page{size:100mm 150mm;margin:0}html,body,#root{background:#fff;width:100mm;min-width:100mm;height:150mm;min-height:150mm;margin:0;padding:0}.app-shell{display:none!important}.print-preview-backdrop{background:#fff;padding:0;display:block;position:static}.print-preview{width:100mm;max-height:none;box-shadow:none;border:0;padding:0;overflow:visible}.print-preview-toolbar{display:none!important}.print-layer{width:100mm;display:block!important}.print-sheet{break-inside:avoid;page-break-inside:avoid;page-break-after:always;width:100mm;height:150mm;min-height:150mm;display:block}.print-label{box-sizing:border-box;color:#111827;page-break-inside:avoid;background:#fff;border:.25mm solid #111827;width:100mm;min-width:100mm;height:150mm;min-height:150mm;padding:8mm;font-family:Arial,sans-serif;overflow:hidden}.label-brand{color:#0369a1;letter-spacing:.08em;font-size:10pt;font-weight:700}.label-protocol{margin-top:3mm;font-size:24pt;font-weight:900;line-height:1;display:block}.label-rule{background:#111827;height:.3mm;margin:3mm 0}.label-row{overflow-wrap:anywhere;flex-direction:column;gap:.7mm;margin-bottom:2.2mm;display:flex}.label-row span{color:#475569;text-transform:uppercase;font-size:7pt}.label-row strong{font-size:9pt;line-height:1.08}.label-footer{color:#475569;margin-top:4mm;font-size:8pt}}