:root{--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg:#f4f6fb;--bg-elevated:#fff;--bg-muted:#eef1f8;--bg-sidebar:#0f172a;--bg-sidebar-hover:#ffffff0f;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-dark:#f8fafc;--text-on-dark-muted:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#eef2ff;--accent-glow:#6366f159;--border:#e2e8f0;--border-strong:#cbd5e1;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 4px 12px #0f172a0f;--shadow-md:0 12px 32px #0f172a14;--shadow-lg:0 24px 48px #0f172a1a;--sidebar-width:260px;--app-topbar-h:56px;--transition:.2s cubic-bezier(.4, 0, .2, 1);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}html,body,#root{min-height:100%}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #6366f11f, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #0ea5e914, transparent), var(--bg);margin:0;overflow-x:clip}#root{width:100%;min-height:100vh;overflow-x:clip}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}a{color:var(--accent)}select{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:12px 40px 12px 16px}select:hover{border-color:var(--border-strong)}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (width<=820px){:root{font-size:14px}}.app-layout{min-height:100vh;display:flex}.sidebar{z-index:100;width:var(--sidebar-width);height:100dvh;padding:24px 16px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));background:var(--bg-sidebar);border-right:1px solid #ffffff0f;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-brand{align-items:center;gap:14px;padding:8px 12px 28px;display:flex}.brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent) 0%, #818cf8 100%);color:#fff;width:44px;height:44px;box-shadow:0 8px 24px var(--accent-glow);place-items:center;font-size:1.25rem;font-weight:800;display:grid}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-text strong{color:var(--text-on-dark);letter-spacing:-.02em;font-size:1rem;font-weight:700}.brand-text span{color:var(--text-on-dark-muted);font-size:.75rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sidebar-nav .nav-link{border-radius:var(--radius-md);color:var(--text-on-dark-muted);transition:background var(--transition), color var(--transition);align-items:center;gap:12px;padding:12px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.nav-icon{opacity:.7;text-align:center;width:20px;font-size:.85rem}.sidebar-nav .nav-link:hover{background:var(--bg-sidebar-hover);color:var(--text-on-dark)}.sidebar-nav .nav-link.active{color:#fff;background:#6366f133;box-shadow:inset 0 0 0 1px #6366f159}.sidebar-nav .nav-link.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid #ffffff14;padding-top:16px}.sidebar-credit{letter-spacing:.02em;color:#f8fafc;text-align:center;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f159 0%,#4f46e540 100%);border:1px solid #a5b4fc73;margin:0 0 14px;padding:12px;font-size:.82rem;font-weight:800;line-height:1.4;box-shadow:0 4px 20px #0003}.sidebar-logout{justify-content:center;width:100%;color:var(--text-on-dark-muted)!important;border-color:#ffffff1f!important}.sidebar-logout:hover{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef444440!important}.main-wrapper{margin-left:var(--sidebar-width);min-width:0;padding:28px 32px 48px;padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));padding-bottom:max(48px, env(safe-area-inset-bottom));flex:1}.page-content{gap:24px;max-width:1280px;display:grid}.app-topbar{display:none}.app-topbar-inner{max-width:1280px;min-height:var(--app-topbar-h);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 16px;display:flex}.app-topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.app-topbar-titles{flex-direction:column;gap:0;min-width:0;display:flex}.app-topbar-title{letter-spacing:-.02em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.app-topbar-tagline{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:600}.brand-logo--topbar{flex-shrink:0;width:38px;height:38px;font-size:1.05rem}.app-topbar-menu-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);width:44px;height:44px;box-shadow:var(--shadow-xs);cursor:pointer;transition:background var(--transition), border-color var(--transition);flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;padding:10px;display:flex}.app-topbar-menu-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.app-topbar-menu-btn span{background:var(--text);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.app-topbar-menu-btn.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.app-topbar-menu-btn.is-open span:nth-child(2){opacity:0}.app-topbar-menu-btn.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar-overlay{z-index:350;cursor:pointer;background:#0f172a7a;border:none;margin:0;padding:0;animation:.2s sidebarOverlayIn;position:fixed;inset:0}@keyframes sidebarOverlayIn{0%{opacity:0}to{opacity:1}}.dashboard-panel,.form-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px 32px}.panel-header,.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.panel-header>div:first-child{flex:1;min-width:0}.panel-header .panel-count{color:var(--accent);letter-spacing:-.02em;margin-top:10px;font-size:.95rem;font-weight:700}.dashboard-panel h2,.form-panel h2{letter-spacing:-.03em;color:var(--text);font-size:1.5rem;font-weight:700}.dashboard-panel>p,.panel-header p,.panel-heading p{color:var(--text-secondary);margin-top:6px;font-size:.9rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:28px 0 16px;font-size:.8rem;font-weight:700}.stats-grid{gap:16px;display:grid}.stats-grid-6{grid-template-columns:repeat(2,1fr)}@media (width>=768px){.stats-grid-6{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.stats-grid-6{grid-template-columns:repeat(6,1fr)}}.stats-grid article{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition);padding:20px;position:relative;overflow:hidden}.stats-grid article:before{content:"";background:linear-gradient(90deg, var(--accent), #a5b4fc);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stats-grid article:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stats-grid article:hover:before{opacity:1}.stats-grid p{color:var(--text-muted);font-size:.8rem;font-weight:600}.stats-grid strong{letter-spacing:-.03em;color:var(--text);margin-top:8px;font-size:1.65rem;font-weight:800;display:block}button{cursor:pointer;touch-action:manipulation;border:none}.button{border-radius:var(--radius-md);transition:background var(--transition), color var(--transition), box-shadow var(--transition), transform .15s ease;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:linear-gradient(135deg, var(--accent) 0%, #818cf8 100%);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.button.primary:hover{box-shadow:0 8px 24px var(--accent-glow)}.button.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong)}.button.secondary:hover{background:var(--bg-muted);border-color:var(--border-strong)}.button.ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.button.ghost:hover{background:var(--bg-muted);color:var(--text)}.button.small{padding:7px 12px;font-size:.8rem}.button.danger{color:#dc2626;border-color:#fecaca}.button.danger:hover{background:#fef2f2}.button.full{width:100%}.button-row,.toolbar-actions,.login-actions{flex-wrap:wrap;gap:12px;display:flex}.button-row{justify-content:flex-end;margin-top:24px}a.button{text-decoration:none}label{color:var(--text-secondary);gap:8px;font-size:.8rem;font-weight:600;display:grid}input,textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:12px 16px}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:100px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.full-width{grid-column:1/-1}.measurements-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:16px;display:grid}.summary-box{background:linear-gradient(135deg, var(--accent-soft) 0%, #f8fafc 100%);border-radius:var(--radius-lg);border:1px solid #c7d2fe;padding:20px}.summary-box p{color:var(--text-muted);font-size:.75rem;font-weight:600}.summary-box strong{color:var(--accent);letter-spacing:-.02em;margin:4px 0 12px;font-size:1.35rem;font-weight:800;display:block}.tabs{background:var(--bg-muted);border-radius:var(--radius-lg);flex-wrap:wrap;gap:8px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.tab-button{border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;padding:10px 18px;font-size:.875rem;font-weight:600}.tab-button:hover{color:var(--text)}.tab-button.active{background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow-xs)}.data-table{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;font-size:.9rem;display:grid}.table-row:last-child{border-bottom:none}.table-header{background:var(--bg-muted);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:700}.table-row.cols-4{grid-template-columns:1.2fr 1fr 1fr 1.2fr}.table-row.cols-5{grid-template-columns:.7fr 1fr 1fr 1.4fr 1.4fr}.table-row.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.table-row.cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}@media (width>=1025px) and (width<=1320px){.data-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-row.cols-6{min-width:720px}.table-row.cols-7{min-width:840px}.payment-table .table-row.payment-row-grid{min-width:800px}}.table-link{color:inherit;transition:background var(--transition);text-decoration:none}.table-link:hover{background:var(--accent-soft)}.action-btns{flex-wrap:wrap;gap:6px;display:flex}.search-row,.search-section{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-row>input:not(.search-field-input),.search-section>input:not(.search-field-input){flex:1;min-width:220px}.search-row .search-field-wrap,.search-section .search-field-wrap,.search-section-stacked .search-field-wrap{flex:1;min-width:200px}.status-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-filters-block{border-top:1px solid var(--border);gap:14px;margin-top:32px;padding-top:28px}.filter-chips-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:10px;margin:0;font-size:.72rem;font-weight:800;display:flex}.filter-chips-label-icon{color:var(--accent);opacity:.9;display:flex}.filter-chips-prominent .chip-filter{background:var(--bg-elevated);box-shadow:var(--shadow-xs);border-width:2px;border-radius:999px;align-items:center;gap:9px;padding:12px 22px;font-size:.9rem;font-weight:700;display:inline-flex}.chip-icon{opacity:.88;align-items:center;display:inline-flex}.filter-chips-prominent .chip-filter.active .chip-icon{opacity:1}.filter-chips-prominent .chip-filter:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-soft)}.filter-chips-prominent .chip-filter.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 18px #6366f166}.chip{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:600}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.status-badge{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-red{color:#dc2626;background:#fef2f2}.status-orange{color:#ea580c;background:#fff7ed}.status-blue{color:#2563eb;background:#eff6ff}.status-green{color:#16a34a;background:#f0fdf4}.pay-badge{border-radius:var(--radius-sm);padding:4px 10px;font-size:.72rem;font-weight:700}.pay-paid{color:#16a34a;background:#f0fdf4}.pay-partial{color:#ea580c;background:#fff7ed}.pay-unpaid{color:#dc2626;background:#fef2f2}.muted{color:var(--text-muted);font-size:.875rem}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.page-message{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-hover);margin:16px 0 0;padding:12px 16px;font-size:.875rem;font-weight:600}.page-message.error{color:#dc2626;background:#fef2f2}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);padding:48px 24px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.detail-grid .full-width{grid-column:1/-1}.fit-options{flex-wrap:wrap;align-items:center;gap:20px;margin:20px 0;display:flex}.checkbox-label{color:var(--text);align-items:center;gap:8px;font-weight:500;display:flex}.checkbox-label input{width:18px;height:18px;accent-color:var(--accent)}.custom-fields{background:var(--bg-muted);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:24px;padding:20px}.payment-status-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width>=769px){.payment-table .table-row.payment-row-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) repeat(3,minmax(0,.88fr)) minmax(152px,1.45fr);align-items:center;column-gap:10px}}.payment-block{border-bottom:1px solid var(--border);padding:16px 0 20px}.manage-payment-btn--inline{min-width:0;padding:8px 12px;font-size:.78rem;font-weight:700}.manage-payment-form{margin-top:16px}.manage-payment-form label{flex-direction:column;gap:8px;display:flex}.manage-payment-actions{align-items:flex-end;padding-top:8px}.payment-form-inline{background:var(--bg-muted);border-radius:var(--radius-md);margin-top:12px;padding:16px}.reports-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.report-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.report-card h3{font-size:1.1rem;font-weight:700}.report-stats{gap:12px;margin:20px 0;display:grid}.report-stats div{justify-content:space-between;align-items:center;display:flex}.export-actions{margin-top:16px}.report-date-field{color:var(--text-secondary);flex-direction:column;gap:6px;margin:12px 0 4px;font-size:.85rem;display:flex}.report-date-field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);max-width:220px;color:var(--text);padding:8px 10px}.report-order-list{margin-top:12px;font-size:.85rem}.report-order-list h4{margin:0 0 8px;font-size:.9rem}.report-order-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.report-order-list li{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:1fr 1.2fr auto auto;gap:8px;padding:8px 10px;display:grid}.print-only{display:none}.reports-print-sheet{color:#111;padding:24px}.reports-print-sheet h2{margin:20px 0 8px;font-size:1.1rem}.forgot-box{background:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:20px;padding:16px;font-size:.875rem}.login-shell{grid-template-columns:1fr 1fr;align-items:stretch;min-height:100vh;display:grid}.login-hero{color:var(--text-on-dark);background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);flex-direction:column;justify-content:center;padding:48px 56px;display:flex}.brand-logo--lg{width:56px;height:56px;margin-bottom:28px;font-size:1.5rem}.login-hero h2{letter-spacing:-.03em;font-size:2rem;font-weight:800}.login-hero>p{max-width:360px;color:var(--text-on-dark-muted);margin-top:12px;font-size:1rem;line-height:1.6}.login-features{gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.login-features li{color:#c7d2fe;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.login-features li:before{content:"✓";color:#fff;background:#6366f159;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:grid}.login-shell .login-card{box-shadow:none;border:none;border-radius:0;flex-direction:column;justify-content:center;margin:auto;display:flex}.login-shell:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 20% 40%,#6366f126,#0000),radial-gradient(50% 40% at 80% 60%,#0ea5e91a,#0000);position:fixed;inset:0}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shadow-lg);padding:40px 36px;position:relative}.brand-block{margin-bottom:32px}.brand-subtitle{background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:.7rem;font-weight:700;display:inline-block}.login-card h1{letter-spacing:-.03em;font-size:1.75rem;font-weight:800}.brand-copy{color:var(--text-secondary);margin-top:8px;font-size:.9rem}.login-form{gap:20px;display:grid}.login-actions{flex-direction:column}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.search-section-stacked{flex-direction:column;gap:12px;width:100%;display:flex}.search-input-full,.search-row-full input,.search-row-full{width:100%}.search-row-with-period{flex-wrap:wrap;align-items:flex-end;gap:14px 18px}.search-row-with-period .search-field-wrap{flex:1;min-width:200px}.orders-filters-top{flex-wrap:wrap;align-items:flex-end;gap:16px 20px;display:flex}.period-toolbar{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.period-toolbar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:800;display:block}.period-toolbar-select{min-width:200px;font-size:.9rem;font-weight:600}.filter-select-wrap{width:100%;position:relative}.filter-select-icon{z-index:1;color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-select-wrap:focus-within .filter-select-icon{color:var(--accent)}.filter-select-wrap .period-toolbar-select,.filter-select-wrap select{padding-left:44px}.icon-svg{flex-shrink:0;display:block}.icon-svg-sm{width:15px;height:15px}.search-field-wrap{border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);min-width:200px;box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);flex:1;align-items:stretch;display:flex}.search-field-wrap:hover{border-color:#a5b4fc}.search-field-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 8px 24px #6366f11f}.search-field-icon{color:var(--text-muted);flex-shrink:0;align-items:center;padding-left:16px;display:flex}.search-field-wrap:focus-within .search-field-icon{color:var(--accent)}.search-field-input{border-radius:0 var(--radius-lg) var(--radius-lg) 0;flex:1;width:auto;min-width:0;padding:15px 18px 15px 10px;font-size:1.02rem;font-weight:500;box-shadow:none!important;background:0 0!important;border:none!important}.search-field-input:focus{outline:none;box-shadow:none!important}.search-field-input::placeholder{color:var(--text-muted);font-weight:400}.search-input-full.search-field-wrap{width:100%}.field-hint{margin-top:6px;font-size:.8rem;font-weight:500;display:block}.field-hint a{color:var(--accent)}.measurement-form .tabs-measure{width:100%;max-width:100%}.tab-panel{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.tab-hint{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem}.measure-block{margin-bottom:20px}.measure-block-title{color:var(--text);margin-bottom:12px;font-size:.85rem;font-weight:700}.measure-select-label{max-width:320px;color:var(--text-secondary);gap:8px;margin-bottom:20px;font-size:.8rem;font-weight:600;display:grid}.checkbox-group{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:20px;margin:16px 0 20px;padding:14px 18px;display:flex}.custom-fields-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.custom-fields-header h4{font-size:.9rem;font-weight:700}.custom-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;display:grid}.print-page{max-width:100%;margin:0 auto;padding:24px}.print-landscape .print-document{max-width:none}.print-toolbar{gap:12px;margin-bottom:24px;display:flex}.print-document{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:40px}.print-header h1{font-size:1.25rem;font-weight:700}.print-meta-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.print-section-inline{margin-bottom:16px}.print-measure-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.print-measure-cell{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:8px 10px}.print-measure-cell .label{margin-bottom:4px;display:block}.print-line{margin-top:20px;font-size:1rem}.print-table{border-collapse:collapse;width:100%}.print-table td{border-bottom:1px solid var(--border);padding:10px 0}.print-table .total-row td{font-weight:700}.print-sign{margin-top:48px}@media (width<=1024px){.app-topbar{z-index:300;background:var(--bg-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding-top:env(safe-area-inset-top);display:block;position:fixed;top:0;left:0;right:0}.sidebar{z-index:400;width:min(300px,100vw - 20px);max-width:100%;box-shadow:var(--shadow-lg);padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:16px;transition:transform .28s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-brand{flex-direction:row;align-items:center;padding-bottom:24px}.sidebar-nav .nav-link{justify-content:flex-start;padding:12px 14px}.sidebar-credit{padding:10px 8px;font-size:.72rem}.sidebar-logout{font-size:inherit;padding:11px 20px}.sidebar-logout:after{content:none}.main-wrapper{padding:24px 16px 32px;padding-top:max(24px, calc(var(--app-topbar-h) + env(safe-area-inset-top) + 18px));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(32px, env(safe-area-inset-bottom));margin-left:0!important}}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-hero{text-align:center;align-items:center;padding:40px 28px}.login-hero>p{margin-left:auto;margin-right:auto}.login-features{text-align:left}}@media (width<=768px){.form-grid,.measurements-grid,.pricing-grid,.reports-grid,.detail-grid,.table-row.cols-4,.table-row.cols-5,.table-row.cols-6,.table-row.cols-7{grid-template-columns:1fr}.dashboard-panel,.form-panel{padding:20px}.panel-header{flex-direction:column}.panel-header .header-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.panel-header .header-actions .button,.panel-header .header-actions a.button{flex:1;justify-content:center;min-width:min(100%,160px)}.button-row{flex-direction:column}.button-row .button{width:100%}}@media (width<=480px){.dashboard-panel,.form-panel{border-radius:var(--radius-lg);padding:14px 12px}.dashboard-panel h2,.form-panel h2{font-size:1.22rem;line-height:1.25}.panel-header,.panel-heading{gap:12px;margin-bottom:20px}.panel-header .panel-count{font-size:.88rem}.stats-grid-6{gap:10px}.stats-grid-6 article{padding:12px 14px}.filter-chips-prominent .chip-filter{gap:6px;padding:10px 14px;font-size:.82rem}.search-field-input{padding:13px 14px 13px 8px;font-size:.95rem}.data-table .table-row{font-size:.88rem}.action-btns{gap:8px}.action-btns .button.small{min-height:40px;padding:8px 12px}.print-page{padding:16px 12px}.login-shell{min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(20px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left))}.login-card{padding:28px 20px}.login-hero{padding:28px 20px 36px}}@media (width<=380px){.main-wrapper{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}.print-slip-wrap{background:var(--bg-muted);flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.print-slip{width:100%;max-width:380px;box-shadow:var(--shadow-sm);background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:20px 22px}.print-slip-wrap.print-landscape .print-slip{max-width:520px}.print-slip-wrap.print-measurement-pad .print-slip{box-sizing:border-box;width:5in;max-width:5in;min-height:8in}.print-slip-wrap.print-order .print-slip{max-width:420px}.print-slip-wrap.print-order .slip-section-title{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:.5rem 0 .35rem;font-size:.7rem;font-weight:700}.detail-grid-wide{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.detail-notes{color:#334155;margin:.75rem 0 0;font-size:.95rem}.customer-related-section{margin-top:28px}.customer-related-section .section-title{margin:0}.customer-related-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.customer-related-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.customer-related-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.customer-related-link{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);min-width:min(100%,240px);color:inherit;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);flex:1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.customer-related-link:hover{background:var(--accent-soft);box-shadow:var(--shadow-xs);border-color:#c7d2fe}.customer-related-main{flex-direction:column;gap:4px;min-width:0;display:flex}.customer-related-main strong{color:var(--text);font-size:.95rem;font-weight:700}.customer-related-meta{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.customer-related-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.customer-related-chevron{color:var(--text-muted);flex-shrink:0;font-size:1.1rem;font-weight:700}.customer-related-actions{align-items:center;display:flex}.customer-related-row .customer-related-actions .button{height:100%;min-height:48px}.empty-state-compact{padding:24px 16px}.empty-state-compact .button{margin-top:12px}.app-loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:24px;display:flex}.slip-header{text-align:center;border-bottom:2px solid #0f172a;margin-bottom:14px;padding-bottom:12px}.slip-brand{letter-spacing:.02em;font-size:1.1rem;font-weight:800}.slip-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:600}.slip-row{border-bottom:1px dotted #e2e8f0;justify-content:space-between;gap:12px;padding:6px 0;font-size:.85rem;display:flex}.slip-row-highlight .slip-value{color:#0f172a;font-weight:700}.slip-label{color:var(--text-muted);flex-shrink:0}.slip-value{text-align:right;word-break:break-word;font-weight:600}.slip-divider{border:none;border-top:1px solid #e2e8f0;margin:10px 0}.slip-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:8px 0 6px;font-size:.7rem;font-weight:700}.slip-measure-rows{grid-template-columns:repeat(2,1fr);gap:4px 12px;font-size:.8rem;display:grid}.slip-measure-item{justify-content:space-between;gap:8px;display:flex}.slip-notes,.slip-sign-line{color:var(--text-secondary);margin-top:10px;font-size:.8rem}.slip-notes-urdu{text-align:right;font-size:.95rem;line-height:1.6}.voice-notes-row{align-items:stretch;gap:10px;display:flex}.voice-notes-textarea{resize:vertical;flex:1;min-height:0}.voice-mic-btn{border-color:var(--border-strong);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:10px 8px;display:flex}.voice-mic-btn--active{color:#b91c1c;background:#ef444414;border-color:#ef4444}.voice-mic-icon{font-size:1.25rem;line-height:1}.voice-mic-label{text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.slip-footer{text-align:center;color:var(--text-muted);border-top:1px solid #e2e8f0;margin-top:14px;padding-top:10px;font-size:.7rem}.slip-credit{letter-spacing:.04em;color:#475569;margin-top:8px;font-size:.78rem;font-weight:700}.measurement-form-easy .measure-step-basic{gap:20px;margin-bottom:24px;display:grid}.measurement-form-easy .measure-sections{gap:14px}.measure-extra-block{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.measure-accordion{margin-bottom:12px}.measure-accordion summary{padding:12px 16px}.compact-measure-grid{gap:12px;padding:12px 16px 16px}@media (width>=640px){.measurement-form-easy .measure-step-basic{grid-template-columns:1fr 1fr}}.measure-type-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.8rem;font-weight:700}.type-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.type-card{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);text-align:center;transition:all var(--transition);padding:14px 10px;font-size:.8rem;font-weight:700}.type-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.measure-sections{flex-direction:column;gap:10px;display:flex}.garment-measure-block{flex-direction:column;gap:8px;display:flex}.measure-accordion-design{margin-top:0}.design-options-grid .compact-field select{width:100%}.select-field-inline{max-width:240px;margin-bottom:8px}.measure-accordion{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.measure-accordion summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;font-weight:700;list-style:none;display:flex}.measure-accordion summary::-webkit-details-marker{display:none}.accordion-chevron:after{content:"▼";color:var(--text-muted);font-size:.65rem}.measure-accordion[open] .accordion-chevron:after{content:"▲"}.compact-measure-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 14px;display:grid}@media (width>=640px){.compact-measure-grid{grid-template-columns:repeat(3,1fr)}}.compact-field{flex-direction:column;gap:4px;display:flex}.field-label-prominent,.form-label-block>.field-label-prominent,.compact-field .field-label-prominent,.measure-section-title{color:var(--text);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.form-label-block{flex-direction:column;gap:6px;display:flex}.form-label-block.form-label-inline{max-width:280px}label.form-label-block{font-weight:inherit;gap:6px}.compact-field{gap:6px}.compact-field span.field-label-prominent{margin-bottom:4px}.input-error{background:#fef2f2!important;border-color:#dc2626!important}.field-error{color:#dc2626;font-size:.8rem;font-weight:600}.has-error .field-hint{display:none}.compact-field input{padding:10px 12px;font-size:.95rem}.toggle-pills,.fit-options-simple{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.pill{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:all var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.pill-prominent{border-width:2px;padding:12px 20px;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #0f172a0f}.pill-prominent.active{box-shadow:0 0 0 1px #6366f159,0 4px 14px #6366f12e}.pill input{display:none}.measure-more{margin-top:16px}.measure-more summary{color:var(--text-secondary);font-size:.85rem}.measure-save-row{background:linear-gradient(transparent, var(--bg-elevated) 24%);padding:16px 0;position:sticky;bottom:0}@media (width<=1024px){.data-table{background:0 0;border:none;border-radius:0;overflow:visible}.data-table .table-header{display:none}.data-table .table-row:not(.table-header){border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-xs);flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px;padding:16px;display:flex}.data-table .table-row.table-link{color:inherit;transition:border-color var(--transition), box-shadow var(--transition);text-decoration:none}.data-table .table-row.table-link:hover{box-shadow:var(--shadow-sm);background:var(--accent-soft);border-color:#c7d2fe}.data-table .table-row>span{word-break:break-word;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;min-width:0;display:flex}.data-table .table-row>span[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;min-width:5.5rem;color:var(--text-muted);flex:none;font-size:.7rem;font-weight:700}.data-table .table-row>span.action-btns:before{display:none}.data-table .action-btns{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.data-table .action-btns .button{justify-content:center;width:100%}.data-table .payment-status-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.data-table .payment-status-actions .manage-payment-btn{justify-content:center;width:100%}.payment-table .payment-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-xs);border-bottom:none;margin-bottom:12px;padding:16px}.payment-table .payment-block .table-row:not(.table-header){box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0}.payment-table .payment-form-inline{margin-top:12px}.tabs{width:100%;max-width:100%}.tab-button{flex:1;min-width:0;padding:10px;font-size:.78rem}.orders-filters-top{flex-direction:column;align-items:stretch;width:100%}.orders-filters-top .period-toolbar,.orders-filters-top .filter-select-wrap{width:100%}.period-toolbar-select{width:100%;min-width:0}.search-row-with-period{flex-direction:column;align-items:stretch}.search-row-with-period .period-toolbar,.search-row-with-period .search-field-wrap{width:100%;min-width:0}.toolbar-actions{flex-direction:column;width:100%}.toolbar-actions .button{justify-content:center;width:100%}.type-cards{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.summary-box{grid-column:1/-1}.compact-measure-grid,.design-options-grid{grid-template-columns:1fr}.select-field-inline{width:100%;max-width:none}.pent-addon-row{flex-direction:column;align-items:stretch}.pent-addon-row .pill{justify-content:center;width:100%}.header-actions{width:100%}.header-actions .button,.header-actions a.button{flex:1;min-width:min(100%,140px)}}@media (width<=768px){.type-cards,.pricing-grid,.measurements-grid,.detail-grid,.detail-grid-wide,.reports-grid,.manage-payment-form{grid-template-columns:1fr}.manage-payment-actions{align-items:stretch}.manage-payment-actions .button{width:100%}}@media (width<=480px){.data-table .table-row:not(.table-header),.payment-table .payment-block{padding:14px 12px}.tab-button{padding:9px 8px;font-size:.72rem}}@media print{@page{size:landscape;margin:8mm}@page measurement-pad{size:5in 8in;margin:.15in}.print-slip-wrap.print-measurement-pad{page:measurement-pad}body{background:#fff}.sidebar,.sidebar-overlay,.app-topbar,.no-print,.print-toolbar{display:none!important}.main-wrapper{margin:0;padding:0}.print-slip-wrap{background:#fff;min-height:auto;padding:0}.print-slip{max-width:100%;box-shadow:none;border:none;padding:0}.print-slip-wrap.print-measurement-pad .print-slip{width:100%;max-width:none;min-height:auto}.print-only{display:block!important}.reports-panel .no-print{display:none!important}.reports-print-sheet{padding:0}.report-print-header h1{margin:0 0 4px;font-size:1.4rem}}.backup-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:8px;display:grid}.backup-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.backup-card h3{margin:0;font-size:1rem}.backup-card p{color:var(--text-secondary);flex:1;margin:0;font-size:.9rem}.backup-card .button{align-self:flex-start}.backup-message{border-radius:var(--radius-md);margin:0 0 16px;padding:12px 16px;font-size:.9rem;font-weight:600}.backup-message-ok{background:var(--accent-soft);color:var(--accent-hover);border:1px solid #6366f140}.backup-message-err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.backup-meta{margin-top:8px;font-size:.85rem}.backup-list-section{margin-bottom:28px}.backup-list-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.backup-list-head h3{margin:0;font-size:1rem}.backup-count{color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.backup-empty{text-align:center;background:var(--bg-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:28px 24px}.backup-empty p{margin:0 0 6px}.backup-file-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.backup-file-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.backup-file-item:hover{box-shadow:var(--shadow-xs);border-color:#6366f159}.backup-file-item.is-busy{opacity:.75;pointer-events:none}.backup-file-info{flex:220px;align-items:flex-start;gap:14px;min-width:0;display:flex}.backup-file-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-hover);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:flex}.backup-file-text{flex-direction:column;gap:3px;min-width:0;display:flex}.backup-file-date{color:var(--text);font-size:.95rem;font-weight:700}.backup-file-name{color:var(--text-muted);word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}.backup-file-meta{color:var(--text-secondary);font-size:.8rem;font-weight:600}.backup-file-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.button.small{white-space:nowrap;padding:7px 14px;font-size:.8rem}@media (width<=640px){.backup-file-item{flex-direction:column;align-items:stretch}.backup-file-actions{width:100%}.backup-file-actions .button{flex:auto;justify-content:center}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.customer-search-select{position:relative}.customer-search-select .customer-search-trigger{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-elevated);width:100%;color:var(--text);cursor:text;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:12px 40px 12px 16px}.customer-search-list{z-index:40;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);max-height:240px;box-shadow:var(--shadow-sm);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.customer-search-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:.9rem;font-weight:500;display:block}.customer-search-option:hover,.customer-search-option.is-selected{background:var(--bg-muted)}.customer-search-empty,.customer-search-more{color:var(--text-muted);padding:10px 16px;font-size:.85rem}.pent-addon-toggles{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f114 0%,#0f172a0a 100%);border:1px solid #6366f133;margin:16px 0;padding:16px 18px}.pent-addon-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 10px;font-size:.75rem;font-weight:700}.pent-addon-row{flex-wrap:wrap;gap:12px;display:flex}.pent-sub-tabs-wrap{margin-top:8px}.pent-sub-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pent-sub-tab{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:10px 16px;font-size:.9rem;font-weight:600}.pent-sub-tab:hover{border-color:var(--accent);color:var(--accent)}.pent-sub-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.pent-sub-tab-panel{min-height:120px}.compact-field-design .yes-no-field{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.yes-no-option{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.yes-no-option.is-checked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.yes-no-option input{width:1rem;height:1rem;accent-color:var(--accent)}.customer-form-panel--new{max-width:1100px}.customer-form-panel .panel-heading-compact{margin-bottom:16px}.customer-form-panel .panel-heading-compact h2{font-size:1.35rem}.customer-form-panel .panel-heading-compact p{color:var(--text-muted);font-size:.85rem}.customer-fields-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 14px}.customer-fields-compact label{gap:5px;font-size:.75rem}.customer-fields-compact input{padding:9px 12px;font-size:.9rem}.customer-field-address{grid-column:span 3}.customer-field-notes{grid-column:span 2}.customer-serial-hint{margin:-4px 0 8px}.customer-form-actions{margin-top:16px}.onboard-steps{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;margin-top:6px;font-size:.85rem;font-weight:600;display:flex}.onboard-step:after{content:"→";color:var(--border-strong);margin-left:16px;font-weight:400}.onboard-step:last-child:after{content:none}.onboard-step.done{color:var(--accent-hover)}.onboard-step.active{color:var(--text)}@media (width<=960px){.customer-fields-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-field-serial,.customer-field-address,.customer-field-notes{grid-column:1/-1}}@media (width<=560px){.customer-fields-compact{grid-template-columns:1fr 1fr}}