@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#41b143;--color-primary-dark:#338c36;--color-primary-light:#5fcb61;--color-primary-muted:#41b1431f;--color-navy:#162369;--color-navy-light:#263594;--color-black:#fff;--color-surface:#fff;--color-surface-2:#f3f4f6;--color-surface-3:#e5e7eb;--color-border:#e1e3e8;--color-border-light:#ecedf1;--color-white:#1a1f36;--color-text:#1f2430;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-success:#22c55e;--color-success-muted:#22c55e1f;--color-warning:#f59e0b;--color-warning-muted:#f59e0b1f;--color-error:#ef4444;--color-error-muted:#ef44441f;--font-display:"Barlow Condensed", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.02em;--tracking-wide:.04em;--tracking-widest:.15em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--transition-fast:.15s ease;--transition-base:.25s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--navbar-height:72px;--sidebar-width:250px}.app-shell{min-height:100dvh;display:flex}.app-topbar{height:56px;z-index:var(--z-sticky);padding:0 var(--space-4);background:var(--color-navy);border-bottom:1px solid var(--color-navy-light);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-topbar-logo{height:26px;display:block}.app-topbar-btn{color:#fff;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.app-topbar-btn:active{background:#ffffff1f}.app-drawer-overlay{z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0009;position:fixed;inset:0}.app-drawer-overlay.is-open{opacity:1;pointer-events:auto}.app-sidebar{background:var(--color-navy);border-right:1px solid var(--color-navy-light);width:260px;max-width:82vw;padding:var(--space-5) 0;transition:transform var(--transition-base);z-index:var(--z-modal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar-brand{padding:0 var(--space-5);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.app-sidebar-brand img{height:28px;display:block}.app-sidebar-close{color:#ffffffb3;background:0 0;border:none;font-size:1.3rem;display:none}.app-nav{padding:0 var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.app-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ffffffbf;font-size:var(--text-sm);font-weight:var(--font-medium);min-height:44px;text-decoration:none;display:flex}.app-nav-link.active{color:var(--color-primary-light);background:#ffffff1a}.app-nav-link:active:not(.active){background:#ffffff0f}.app-nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:1.1rem}.app-sidebar-footer{padding:var(--space-4) var(--space-5) 0;margin-top:var(--space-4);border-top:1px solid #ffffff26}.app-user-name{font-size:var(--text-sm);color:#fff;margin:0 0 2px}.app-user-role{font-size:var(--text-xs);color:var(--color-primary-light);margin:0 0 var(--space-3)}.app-sidebar-footer .btn-outline{color:#fff;border-color:#ffffff4d}.app-sidebar-footer .btn-outline:active{background:#ffffff14}.app-main{min-width:0;padding:calc(56px + var(--space-4)) var(--space-4) var(--space-8);flex:1}@media (width>=768px){.app-topbar{display:none}.app-sidebar{z-index:auto;flex-shrink:0;position:sticky;transform:none}.app-drawer-overlay{display:none}.app-main{padding:var(--space-8) var(--space-8) var(--space-10)}}.page-header{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.page-title{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,1.9rem);font-weight:var(--font-extrabold);color:var(--color-white);letter-spacing:var(--tracking-tight);margin:0;line-height:1.1}.page-title small{color:var(--color-text-muted);font-size:var(--text-lg);font-weight:var(--font-medium)}@media (width>=640px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;min-height:44px;transition:transform var(--transition-fast), opacity var(--transition-fast), background var(--transition-fast);border:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none}.btn-danger{border:1px solid var(--color-error);color:var(--color-error);background:0 0}.btn-danger-solid{background:var(--color-error);color:#fff}.btn-sm{padding:var(--space-2) var(--space-4);min-height:36px;font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-block{width:100%}.filter-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-tab{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;min-height:38px}.filter-tab.active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.list{gap:var(--space-3);flex-direction:column;display:flex}.list-item{gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:inherit;transition:border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.list-item:active{border-color:var(--color-primary)}.list-item-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-item-title{color:var(--color-white);font-weight:var(--font-semibold)}.list-item-sub{color:var(--color-text-muted);font-size:var(--text-sm)}.list-item-meta{color:var(--color-text-faint);font-size:var(--text-xs)}@media (width>=640px){.list-item{flex-direction:row;align-items:center}}.badge{font-size:11px;font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;padding:4px 12px;display:inline-flex}.badge-blue{color:#1d4ed8;background:#2563eb1a}.badge-purple{color:#7e22ce;background:#9333ea1a}.badge-yellow{color:#b45309;background:#d977061f}.badge-green{color:#15803d;background:#16a34a1f}.badge-red{color:#b91c1c;background:#dc26261a}.badge-gray{color:#4b5563;background:#6b72801f}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-semibold)}.form-full{grid-column:1/-1}.form-actions{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column-reverse;display:flex}.form-error{color:var(--color-error);font-size:var(--text-sm);margin:var(--space-3) 0 0}.form-row-inline{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.form-row-nowrap{gap:var(--space-2);flex-wrap:nowrap;align-items:center;display:flex}.form-row-nowrap input[type=text],.form-row-nowrap input:not([type]){flex:auto;min-width:0}@media (width>=560px){.form-grid-2{grid-template-columns:1fr 1fr}.form-actions{flex-direction:row;justify-content:flex-end}}@media (width>=720px){.form-grid-3{grid-template-columns:1fr 1fr 1fr}}.modal-overlay{z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl,20px) var(--radius-2xl,20px) 0 0;padding:var(--space-6);width:100%;max-height:92vh;animation:.2s modal-slide-up;overflow-y:auto}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal-title{font-size:var(--text-xl);color:var(--color-white);font-family:var(--font-display);margin:0}@media (width>=640px){.modal-overlay{padding:var(--space-6);align-items:center}.modal{border-radius:var(--radius-xl);max-width:480px}.modal.modal-lg{max-width:640px}}.table-wrap{display:none}.table-cards{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=800px){.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:block;overflow-x:auto}.table-cards{display:none}table.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th{text-align:left;font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;padding:var(--space-4);letter-spacing:var(--tracking-wide)}.data-table td{padding:var(--space-4);border-top:1px solid var(--color-border);vertical-align:middle}}.section-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-bold);margin:0 0 var(--space-3)}.totals-row{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;padding:4px 0;display:flex}.totals-row.grand{font-weight:var(--font-bold);color:var(--color-white);font-size:var(--text-lg);border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3)}.wl-toolbar{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.wl-tool-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);min-height:38px}.wl-tool-btn.active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.wl-grid-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);--wl-cell:40px;overflow-x:auto}@media (width>=768px){.wl-grid-wrap{--wl-cell:64px}}.wl-grid{gap:3px;width:max-content;display:grid}.wl-cell{background:var(--color-surface-2);border:1px solid var(--color-border);cursor:default;border-radius:4px}.wl-cell-wall{background:#f8717159;border-color:#f87171}.wl-cell-aisle{background:#fbbf2438;border-style:dashed;border-color:#fbbf24}.wl-cell-shelf{cursor:pointer;background:#60a5fa38;border-color:#60a5fa}.wl-cell-shelf.has-stock{background:#4ade804d;border-color:#4ade80}.wl-cell-shelf.highlighted{animation:1.1s ease-in-out infinite alternate wl-pulse}.wl-search{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.wl-search input{max-width:320px}.wl-search-count{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.wl-search-clear{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);width:32px;height:32px;min-height:unset;border-radius:var(--radius-md);font-size:var(--text-lg);line-height:1}@keyframes wl-pulse{0%{box-shadow:0 0 4px 1px #fde047}to{box-shadow:0 0 14px 5px #facc15}}.wl-legend{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.wl-legend span{align-items:center;gap:6px;display:inline-flex}.wl-legend-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.wl-face-wrap{overflow-x:auto}.wl-face-table{border-collapse:separate;border-spacing:6px}.wl-face-label{color:var(--color-text-faint);font-size:var(--text-xs);padding-right:var(--space-2);white-space:nowrap}.wl-face-cell{width:44px;height:44px;min-height:unset;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold)}@media (width>=768px){.wl-face-cell{width:60px;height:60px;font-size:var(--text-base)}}.wl-face-cell.occupied{color:#4ade80;background:#4ade802e;border-color:#4ade80}.wl-face-cell.highlighted{animation:1.1s ease-in-out infinite alternate wl-pulse}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.mt-4{margin-top:var(--space-4)}.print-card{display:none}.print-firm{color:#444;margin:0 0 2px;font-size:12px}.print-header{border-bottom:2px solid #162369;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.print-firm-name{color:#162369;margin:0;font-size:22px;font-weight:800}.print-firm-name span{color:#41b143}.print-firm-sub{color:#444;margin:2px 0 0;font-size:11px}.print-firm-details{color:#444;text-align:right;font-size:11px}.print-firm-details p{margin:0 0 2px}.print-terms{margin:0 0 8px;font-size:13px}.print-terms p{margin:0 0 4px}.print-note{color:#444;font-size:11px;line-height:1.5}.print-title{margin:0 0 16px;font-size:20px}.print-meta{flex-wrap:wrap;gap:4px 24px;margin-bottom:20px;font-size:14px;display:flex}.print-section-label{text-transform:uppercase;letter-spacing:.05em;color:#444;margin:0 0 8px;font-size:11px;font-weight:700}.print-tasks{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.print-task{align-items:center;gap:10px;font-size:14px;display:flex}.print-checkbox{border:1px solid #000;flex-shrink:0;width:14px;height:14px;display:inline-block}.print-blank-line{vertical-align:middle;border-bottom:1px solid #000;width:220px;height:18px;display:inline-block}.print-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.print-table th,.print-table td{text-align:left;border:1px solid #000;padding:4px 8px}.print-table th{background:#eee}.print-table td.num,.print-table th.num{text-align:right;white-space:nowrap}.print-total-row td{font-weight:700}.print-group-row td{text-transform:uppercase;background:#f5f5f5;font-size:12px;font-weight:700}.print-signature-row{justify-content:space-between;margin-top:56px;display:flex}.print-signature-box{text-align:center;width:220px;font-size:12px}.dash-card{padding:var(--space-4) var(--space-5)}.dash-toggle{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin:calc(var(--space-2) * -1);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.dash-toggle.is-clickable:hover{background:var(--color-surface-2)}.dash-toggle.is-clickable:active{background:var(--color-surface-3)}.dash-toggle-title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);min-width:0;margin:0;display:flex}.dash-toggle-title span.dash-label{overflow-wrap:anywhere}.dash-chevron{color:var(--color-text-faint);flex-shrink:0;font-size:.65em;transition:transform .15s;display:inline-block}.dash-chevron.is-open{transform:rotate(90deg)}.dash-side{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.dash-body{margin-top:var(--space-3);max-height:360px;overflow-y:auto}.print-signature-line{border-top:1px solid #000;padding-top:4px}@media print{.no-print{display:none!important}.print-card{display:block}body{color:#000;background:#fff}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--color-black);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}#root{min-height:100dvh}a{color:inherit}input,select,textarea,button{font-family:var(--font-body);font-size:var(--text-base)}input,select,textarea{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--space-3);transition:border-color var(--transition-fast);outline:none;width:100%;min-height:44px;font-size:16px}textarea{min-height:unset}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}button{cursor:pointer;font-family:var(--font-body)}img{max-width:100%}