:root{--bg-primary:#f5f3ee;--bg-secondary:#ffffff;--bg-card:rgba(255,255,255,0.92);--bg-card-hover:#faf9f6;--bg-input:#ffffff;--bg-sidebar:#17201d;--surface-raised:#ffffff;--surface-soft:#eeebe4;--surface-muted:#e8e5de;--surface-strong:#202925;--accent:#ed6a3f;--accent-hover:#d95731;--accent-strong:#b83f20;--accent-glow:rgba(237,106,63,0.2);--accent-subtle:rgba(237,106,63,0.1);--accent-soft:#fff0e9;--secondary:#536d5f;--secondary-soft:#e7eee9;--success:#2f8f62;--success-bg:#e5f5ec;--warning:#bc7a16;--warning-bg:#fff3d8;--danger:#c84949;--danger-bg:#fde9e7;--info:#3d7092;--info-bg:#e5f1f7;--text-primary:#1c2421;--text-secondary:#5f6964;--text-muted:#8b938f;--text-inverse:#f8faf9;--border:#dedbd4;--border-hover:#c9c5bc;--border-accent:rgba(237,106,63,0.38);--radius-xs:7px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-xs:0 1px 2px rgba(24,33,29,0.04);--shadow-sm:0 6px 18px rgba(24,33,29,0.06);--shadow-md:0 16px 38px rgba(24,33,29,0.1);--shadow-lg:0 28px 70px rgba(20,29,25,0.16);--sidebar-width:284px;--sidebar-collapsed:88px;--header-height:76px;--transition-fast:150ms cubic-bezier(0.2,0.8,0.2,1);--transition-normal:260ms cubic-bezier(0.2,0.8,0.2,1);--transition-slow:440ms cubic-bezier(0.16,1,0.3,1);color-scheme:light}:root[data-theme=dark]{--bg-primary:#111714;--bg-secondary:#1a221e;--bg-card:rgba(27,35,31,0.94);--bg-card-hover:#222c27;--bg-input:#161e1a;--bg-sidebar:#0b100e;--surface-raised:#1c2521;--surface-soft:#222b27;--surface-muted:#2a342f;--surface-strong:#f1f4f2;--accent:#ff8055;--accent-hover:#ff9774;--accent-strong:#ffb29a;--accent-glow:rgba(255,128,85,0.22);--accent-subtle:rgba(255,128,85,0.13);--accent-soft:rgba(255,128,85,0.13);--secondary:#8eb09d;--secondary-soft:rgba(116,164,137,0.14);--success:#70c99b;--success-bg:rgba(65,151,105,0.18);--warning:#e5b458;--warning-bg:rgba(184,123,31,0.18);--danger:#ef8585;--danger-bg:rgba(189,68,68,0.18);--info:#77b6d9;--info-bg:rgba(64,130,168,0.18);--text-primary:#edf2ef;--text-secondary:#aab5af;--text-muted:#78847e;--border:#303a35;--border-hover:#46524b;--border-accent:rgba(255,128,85,0.42);--shadow-xs:0 1px 2px rgba(0,0,0,0.18);--shadow-sm:0 8px 24px rgba(0,0,0,0.18);--shadow-md:0 20px 44px rgba(0,0,0,0.28);--shadow-lg:0 34px 80px rgba(0,0,0,0.42);color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%}html{background:var(--bg-primary);scroll-behavior:smooth}body{background:radial-gradient(circle at 86% 0,rgba(237,106,63,.07),transparent 27rem),var(--bg-primary);color:var(--text-primary);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent);color:white}:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 48%,transparent);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.mobile-only{display:none!important}.eyebrow{color:var(--text-muted);display:block;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.homa-logo{align-items:center;color:var(--text-primary);display:inline-flex;gap:12px;min-width:0}.homa-logo.is-inverse{color:white}.homa-logo-mark{align-items:center;background:linear-gradient(145deg,#ff8b62,#e35730 72%);border:1px solid rgba(255,255,255,.2);border-radius:13px;box-shadow:0 9px 26px rgba(218,80,40,.24),inset 0 1px 0 rgba(255,255,255,.25);color:white;display:inline-flex;flex:0 0 40px;height:40px;justify-content:center;position:relative;transform:rotate(-3deg)}.homa-logo-mark:after{border:1px solid rgba(255,255,255,.18);border-radius:9px;content:"";inset:4px;position:absolute}.homa-logo-mark span{font-size:19px;font-weight:900;letter-spacing:-.08em;margin-left:-1px;position:relative;z-index:1}.homa-logo-copy{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap}.homa-logo-copy strong{font-size:22px;font-weight:850;letter-spacing:-.055em}.homa-logo-copy small{color:var(--text-muted);font-size:9px;font-weight:650;letter-spacing:.08em;margin-top:5px;text-transform:uppercase}.homa-logo.is-inverse .homa-logo-copy small{color:#829189}.app-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100vh}.app-loading p{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.loading-track{background:var(--surface-muted);border-radius:999px;height:4px;overflow:hidden;width:180px}.loading-track span{animation:loadingSlide 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--accent),#ffb15e);border-radius:inherit;display:block;height:100%;width:42%}.app-shell{min-height:100vh}.sidebar{background:var(--bg-sidebar);border-right:1px solid rgba(255,255,255,.07);color:white;display:flex;flex-direction:column;height:100dvh;inset:0 auto 0 0;position:fixed;transition:width var(--transition-slow),transform var(--transition-slow);width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-head{align-items:center;display:flex;flex:0 0 var(--header-height);gap:12px;justify-content:space-between;padding:16px 18px 14px 22px}.brand-link{border-radius:var(--radius-sm);display:inline-flex;min-width:0}.header-icon,.sidebar-collapse{align-items:center;background:transparent;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#a8b3ad;cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:38px}.sidebar-collapse:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:white;transform:translateY(-1px)}.sidebar-nav{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:7px 14px 20px;scrollbar-color:#435048 transparent;scrollbar-width:thin}.nav-section+.nav-section{margin-top:20px}.nav-section-label{color:#68766f;font-size:9px;font-weight:800;letter-spacing:.17em;margin:0 0 7px 12px;text-transform:uppercase}.nav-section-links{display:flex;flex-direction:column;gap:3px}.sidebar-link{align-items:center;border:1px solid transparent;border-radius:12px;color:#9aa7a0;display:flex;gap:11px;min-height:48px;padding:7px 10px;position:relative;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.sidebar-link:before{background:var(--accent);border-radius:0 4px 4px 0;content:"";height:18px;left:-15px;opacity:0;position:absolute;transform:scaleY(.4);transition:opacity var(--transition-normal),transform var(--transition-normal);width:3px}.sidebar-link:hover{background:rgba(255,255,255,.055);color:#eef3f0;transform:translateX(2px)}.sidebar-link.active{background:linear-gradient(100deg,rgba(237,106,63,.19),rgba(237,106,63,.08));border-color:rgba(255,128,85,.15);color:white}.sidebar-link.active:before{opacity:1;transform:scaleY(1)}.sidebar-link-icon{align-items:center;display:inline-flex;flex:0 0 28px;justify-content:center}.sidebar-link.active .sidebar-link-icon{color:#ff8b64}.sidebar-link-copy{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.sidebar-link-copy strong{font-size:13px;font-weight:690}.sidebar-link-copy small,.sidebar-link-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link-copy small{color:#6f7c75;font-size:10px;margin-top:3px}.sidebar-link.active .sidebar-link-copy small{color:#b6bfb9}.sidebar-link-arrow{color:#748179}.sidebar.collapsed .sidebar-head{justify-content:center;padding-inline:14px}.sidebar.collapsed .sidebar-collapse{bottom:82px;left:25px;position:absolute}.sidebar.collapsed .nav-section+.nav-section{border-top:1px solid rgba(255,255,255,.06);margin-top:10px;padding-top:10px}.sidebar.collapsed .sidebar-link{justify-content:center;padding-inline:8px}.sidebar.collapsed .sidebar-link:before{left:-15px}.sidebar-foot{border-top:1px solid rgba(255,255,255,.075);flex:0 0 auto;padding:14px;position:relative}.system-status{align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;gap:10px;margin-bottom:9px;padding:10px 11px}.status-pulse{background:#6bd59b;border-radius:50%;box-shadow:0 0 0 4px rgba(107,213,155,.1);flex:0 0 7px;height:7px}.system-status div{display:flex;flex-direction:column;line-height:1.2}.system-status strong{color:#cbd4cf;font-size:10px;font-weight:700}.system-status small{color:#64716a;font-size:9px;margin-top:3px}.sidebar-user{align-items:center;background:transparent;border:0;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:10px;padding:7px;text-align:left;transition:background var(--transition-fast);width:100%}.sidebar-user:hover{background:rgba(255,255,255,.055)}.avatar,.header-avatar{align-items:center;background:linear-gradient(145deg,#f59a72,#d95b35);border:1px solid rgba(255,255,255,.16);border-radius:11px;color:white;display:inline-flex;flex:0 0 37px;font-size:11px;font-weight:800;height:37px;justify-content:center}.sidebar-user-copy{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.sidebar-user-copy strong{color:#eef2f0;font-size:12px}.sidebar-user-copy small,.sidebar-user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy small{color:#76837c;font-size:9px;margin-top:4px;text-transform:capitalize}.rotate-180{transform:rotate(180deg)}.profile-popover{animation:popIn var(--transition-normal) both;background:var(--surface-raised);border:1px solid var(--border);border-radius:15px;bottom:72px;box-shadow:var(--shadow-lg);color:var(--text-primary);left:16px;overflow:hidden;padding:7px;position:fixed;width:248px;z-index:160}.profile-popover-head{border-bottom:1px solid var(--border);display:flex;flex-direction:column;margin-bottom:5px;padding:10px}.profile-popover-head strong{font-size:13px}.profile-popover-head span{color:var(--text-muted);font-size:10px;margin-top:3px}.profile-popover button{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:9px;padding:9px 10px;text-align:left;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.profile-popover button:hover{background:var(--surface-soft);color:var(--text-primary)}.workspace{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)}.sidebar-is-collapsed .workspace{margin-left:var(--sidebar-collapsed)}.workspace-header{align-items:center;background:color-mix(in srgb,var(--bg-primary) 83%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;height:var(--header-height);justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:60}.workspace-heading{align-items:center;display:flex;gap:12px}.workspace-heading>div{display:flex;flex-direction:column}.workspace-heading strong{font-size:15px;font-weight:760;letter-spacing:-.02em;margin-top:3px}.workspace-actions{align-items:center;display:flex;gap:8px}.command-trigger{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;gap:9px;height:40px;margin-right:4px;padding:0 9px 0 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);width:220px}.command-trigger:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.command-trigger span{flex:1 1;font-size:11px;text-align:left}kbd{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:inherit;font-size:9px;padding:3px 6px;white-space:nowrap}.workspace-header .header-icon{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}.workspace-header .header-icon:hover{background:var(--surface-raised);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.has-indicator{position:relative}.has-indicator:after{background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;content:"";height:8px;position:absolute;right:7px;top:7px;width:8px}.header-avatar{border:0;cursor:pointer;margin-left:2px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.header-avatar:hover{box-shadow:0 0 0 4px var(--accent-glow);transform:translateY(-1px)}.main-content{min-height:calc(100vh - var(--header-height))}.command-overlay{align-items:flex-start;animation:fadeIn .16s ease both;background:rgba(10,15,12,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;inset:0;justify-content:center;padding:12vh 20px 20px;position:fixed;z-index:1000}.command-dialog{animation:commandIn var(--transition-slow) both;background:var(--surface-raised);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:590px;overflow:hidden;width:100%}.command-search{align-items:center;border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;gap:12px;padding:16px 18px}.command-search input{background:transparent;border:0;color:var(--text-primary);flex:1 1;font-size:15px;outline:0}.command-search input::placeholder{color:var(--text-muted)}.command-results{max-height:430px;overflow-y:auto;padding:10px}.command-results>p{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.14em;margin:6px 8px 8px;text-transform:uppercase}.command-results button{align-items:center;background:transparent;border:0;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:11px;padding:9px;text-align:left;transition:background var(--transition-fast),transform var(--transition-fast);width:100%}.command-results button:hover{background:var(--surface-soft);transform:translateX(2px)}.command-results button>span{align-items:center;background:var(--accent-soft);border-radius:10px;color:var(--accent);display:inline-flex;flex:0 0 38px;height:38px;justify-content:center}.command-results button>div{display:flex;flex:1 1;flex-direction:column;line-height:1.2}.command-results button strong{font-size:12px}.command-results button small{color:var(--text-muted);font-size:10px;margin-top:4px}.command-results button em{color:var(--text-muted);font-size:9px;font-style:normal;font-weight:700;text-transform:uppercase}.command-empty{color:var(--text-muted);font-size:13px;padding:32px;text-align:center}.top-bar{align-items:flex-end;background:transparent;border:0;display:flex;gap:20px;justify-content:space-between;padding:32px 32px 0;position:relative}.top-bar:before{background:linear-gradient(90deg,var(--accent),transparent);border-radius:999px;bottom:-16px;content:"";height:2px;left:32px;opacity:.38;position:absolute;width:42px}.top-bar h1{font-size:clamp(24px,2.2vw,34px);font-weight:820;letter-spacing:-.045em;line-height:1.1;margin:0}.top-bar h1:first-letter{color:var(--accent)}.top-bar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.page-content{animation:pageIn .42s var(--transition-slow) both;padding:38px 32px 46px}.page-content>*{animation:revealUp .46s var(--transition-slow) both}.page-content>:nth-child(2){animation-delay:55ms}.page-content>:nth-child(3){animation-delay:95ms}.page-content>:nth-child(4){animation-delay:125ms}.btn{align-items:center;border:1px solid transparent;border-radius:11px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:720;gap:7px;justify-content:center;min-height:40px;padding:9px 15px;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(145deg,#f27a51,var(--accent));border-color:color-mix(in srgb,var(--accent) 80%,#fff);box-shadow:0 7px 18px rgba(215,82,45,.17);color:#fff}.btn-primary:hover{background:linear-gradient(145deg,#f98b65,var(--accent-hover));box-shadow:0 10px 25px rgba(215,82,45,.24);color:#fff}.btn-secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);border-color:var(--danger);color:white}.btn-danger:hover{filter:brightness(1.06);color:white}.btn-success{background:var(--success);border-color:var(--success);color:white}.btn-success:hover{filter:brightness(1.06);color:white}.btn-sm{font-size:11px;min-height:34px;padding:6px 11px}.btn-icon{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-fast);width:36px}.btn-icon:hover{border-color:var(--border-accent);color:var(--accent);transform:translateY(-1px)}.input,.select,.textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-xs);color:var(--text-primary);font-size:12px;min-height:42px;padding:9px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-hover)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:0}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.select{cursor:pointer;padding-right:28px}.textarea{min-height:96px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label,.form-label{color:var(--text-secondary);font-size:10px;font-weight:760;letter-spacing:.035em}.form-group h4{font-size:12px;margin:0}.form-group hr{border:0;border-top:1px solid var(--border);width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:22px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{border-color:color-mix(in srgb,var(--border-hover) 78%,var(--accent));box-shadow:var(--shadow-sm)}.card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.card-header h2{font-size:15px;font-weight:780;letter-spacing:-.025em;margin:0}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-xs);min-height:138px;overflow:hidden;padding:20px;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.stat-card:after{background:linear-gradient(135deg,transparent,var(--accent-subtle));border-radius:50%;content:"";height:100px;position:absolute;right:-40px;top:-46px;width:100px}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.stat-card .stat-icon{align-items:center;background:var(--accent-soft);border-radius:10px;color:var(--accent);display:flex;font-size:17px;height:34px;justify-content:center;margin-bottom:14px;width:34px}.stat-card .stat-value{font-size:29px;font-weight:840;letter-spacing:-.055em;line-height:1}.stat-card .stat-label{color:var(--text-secondary);font-size:10px;font-weight:680;letter-spacing:.025em;margin-top:8px}.stat-card.success .stat-icon{background:var(--success-bg);color:var(--success)}.stat-card.success .stat-value{color:var(--success)}.stat-card.warning .stat-icon{background:var(--warning-bg);color:var(--warning)}.stat-card.warning .stat-value{color:var(--warning)}.stat-card.danger .stat-icon{background:var(--danger-bg);color:var(--danger)}.stat-card.danger .stat-value{color:var(--danger)}.badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:9px;font-weight:780;gap:5px;letter-spacing:.035em;line-height:1;min-height:24px;padding:5px 9px;text-transform:capitalize;white-space:nowrap}.badge:before{background:currentColor;border-radius:50%;content:"";height:5px;opacity:.72;width:5px}.badge-success{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.badge-warning{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.badge-danger{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.badge-info{background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 20%,transparent);color:var(--info)}.badge-neutral{background:var(--surface-soft);border-color:var(--border);color:var(--text-secondary)}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:17px;overflow:auto;scrollbar-width:thin}table{border-collapse:separate;border-spacing:0;min-width:720px;width:100%}th{background:color-mix(in srgb,var(--surface-soft) 68%,var(--bg-card));border-bottom:1px solid var(--border);color:var(--text-muted);font-size:9px;font-weight:820;letter-spacing:.09em;padding:12px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}td{border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--text-secondary);font-size:11px;padding:13px 14px;transition:background var(--transition-fast),color var(--transition-fast);vertical-align:middle}td strong{color:var(--text-primary);font-weight:720}tbody tr{transition:transform var(--transition-fast)}tbody tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}tbody tr:last-child td{border-bottom:0}.modal-backdrop,.modal-overlay{align-items:center;animation:fadeIn .18s ease both;background:rgba(12,18,15,.56);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:modalIn var(--transition-slow) both;background:var(--surface-raised);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:min(90vh,820px);max-width:680px;overflow:hidden;width:100%}.modal form{display:flex;flex:1 1;flex-direction:column;min-height:0}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex:0 0 auto;justify-content:space-between;padding:18px 21px}.modal-header h2{font-size:16px;letter-spacing:-.025em;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:21px}.modal-footer{background:var(--bg-primary);border-top:1px solid var(--border);flex:0 0 auto;gap:9px;justify-content:flex-end;padding:14px 21px}.modal-footer,.toast{align-items:center;display:flex}.toast{animation:toastIn var(--transition-slow) both;background:var(--surface-strong);border:1px solid var(--border);border-radius:13px;bottom:24px;box-shadow:var(--shadow-lg);color:var(--bg-primary);font-size:11px;font-weight:700;max-width:min(390px,calc(100vw - 32px));min-height:46px;padding:12px 16px;position:fixed;right:24px;z-index:2000}.toast-success{background:var(--success);color:white}.toast-danger,.toast-error{background:var(--danger);color:white}.login-error{background:var(--danger-bg);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);border-radius:11px;color:var(--danger);font-size:11px;padding:10px 12px}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:28px;text-align:center}.empty-state h3{color:var(--text-secondary);font-size:13px;margin:0}.empty-state p{font-size:11px;margin:6px 0 0}.spinner{animation:spin .75s linear infinite;border-radius:50%;border:3px solid var(--surface-muted);border-top-color:var(--accent);display:inline-block;height:22px;width:22px}.loading-page{justify-content:center;min-height:60vh}.loading-page,.toolbar{align-items:center;display:flex}.toolbar{flex-wrap:wrap;gap:9px;margin-bottom:20px}.qty-stepper{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.qty-stepper button{align-items:center;background:var(--surface-soft);border:0;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:700;height:34px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:34px}.qty-stepper button:hover{background:var(--accent-soft);color:var(--accent)}.qty-stepper .qty-value{background:var(--bg-input);border:0;border-inline:1px solid var(--border);color:var(--text-primary);font-size:11px;font-weight:800;height:34px;text-align:center;width:47px}.qty-quick{display:flex;gap:5px;margin-left:6px}.qty-quick button{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:9px;font-weight:740;padding:5px 8px;transition:all var(--transition-fast)}.qty-quick button:hover{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;transition:all var(--transition-normal)}.item-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.item-card-image{align-items:center;background:var(--surface-soft);display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.item-card-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.item-card:hover .item-card-image img{transform:scale(1.045)}.item-card-content{padding:14px}.overview-topbar{align-items:flex-end}.overview-topbar>div:first-child{max-width:680px}.overview-topbar .eyebrow{color:var(--accent);margin-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:12px;margin:9px 0 0}.overview-metrics{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-xs);min-height:174px;overflow:hidden;padding:19px;position:relative;transition:all var(--transition-normal)}.metric-card:after{background:linear-gradient(135deg,transparent,var(--accent-subtle));border-radius:50%;content:"";height:120px;position:absolute;right:-58px;top:-55px;width:120px}.metric-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.metric-card-head{align-items:center;display:flex;justify-content:space-between}.metric-card-head>span{align-items:center;background:var(--surface-soft);border-radius:10px;color:var(--text-secondary);display:flex;height:36px;justify-content:center;width:36px}.metric-card-head em{color:var(--text-muted);font-size:8px;font-style:normal;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.metric-card>strong{display:block;font-size:34px;font-weight:850;letter-spacing:-.065em;line-height:1;margin-top:21px}.metric-card>p{color:var(--text-secondary);font-size:10px;font-weight:690;margin:7px 0 0}.metric-card>small{align-items:center;color:var(--text-muted);display:flex;font-size:9px;gap:5px;margin-top:13px}.metric-card.metric-accent{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 66%,var(--bg-card)),var(--bg-card));border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.metric-card.metric-accent .metric-card-head>span{background:var(--accent);color:white}.metric-card.metric-accent>strong{color:var(--accent-strong)}.metric-card.metric-success .metric-card-head>span{background:var(--success-bg);color:var(--success)}.metric-card.metric-success>strong{color:var(--success)}.overview-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);margin-bottom:18px}.overview-grid .card,.recent-orders-card{padding:20px}.card-header>div .eyebrow{margin-bottom:5px}.card-header>div h2{margin:0}.card-header>a{align-items:center;color:var(--text-secondary);display:flex;font-size:9px;font-weight:740;gap:4px}.card-header>a:hover{color:var(--accent)}.pipeline-list{display:flex;flex-direction:column;gap:14px}.pipeline-row>div:first-child{align-items:center;display:flex;gap:8px;margin-bottom:7px}.pipeline-row>div:first-child>span{border-radius:50%;height:7px;width:7px}.pipeline-row strong{color:var(--text-secondary);font-size:10px;font-weight:680}.pipeline-row em{color:var(--text-primary);font-size:10px;font-style:normal;font-weight:800;margin-left:auto}.pipeline-track{background:var(--surface-soft);border-radius:999px;height:6px;overflow:hidden}.pipeline-track span{border-radius:inherit;display:block;height:100%;min-width:0;transition:width .7s var(--transition-slow)}.pipeline-note{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:13px;color:var(--accent);display:flex;gap:11px;margin-top:19px;padding:11px 13px}.pipeline-note>div{display:flex;flex-direction:column;line-height:1.25}.pipeline-note strong{color:var(--text-primary);font-size:10px}.pipeline-note small{color:var(--text-secondary);font-size:8px;margin-top:3px}.quick-actions-list{display:flex;flex-direction:column;gap:4px}.quick-actions-list>a{align-items:center;border-radius:12px;color:var(--text-primary);display:flex;gap:10px;padding:8px;transition:background var(--transition-fast),transform var(--transition-fast)}.quick-actions-list>a:hover{background:var(--surface-soft);transform:translateX(2px)}.quick-actions-list>a>div{display:flex;flex:1 1;flex-direction:column;line-height:1.2}.quick-actions-list strong{font-size:10px}.quick-actions-list small{color:var(--text-muted);font-size:8px;margin-top:4px}.quick-actions-list>a>svg{color:var(--text-muted)}.quick-action-icon{align-items:center;background:var(--surface-soft);border-radius:10px;color:var(--text-secondary);display:flex;height:37px;justify-content:center;width:37px}.quick-action-icon.warm{background:var(--accent-soft);color:var(--accent)}.quick-action-icon.green{background:var(--success-bg);color:var(--success)}.quick-action-icon.blue{background:var(--info-bg);color:var(--info)}.recent-orders-card{overflow:hidden}.live-chip{align-items:center;background:var(--success-bg);border-radius:999px;color:var(--success);display:flex;font-size:8px;font-weight:740;gap:6px;padding:6px 9px}.live-chip span{animation:softPulse 1.8s ease-in-out infinite;background:var(--success);border-radius:50%;height:6px;width:6px}.recent-order-list{display:flex;flex-direction:column}.recent-order-row{align-items:center;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--text-primary);display:grid;gap:12px;grid-template-columns:38px minmax(180px,1fr) 100px 110px 18px;min-height:58px;padding:8px 2px;transition:background var(--transition-fast),padding var(--transition-fast)}.recent-order-row:hover{background:var(--bg-card-hover);padding-inline:8px}.order-monogram{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:10px;color:var(--accent);display:flex;font-size:11px;font-weight:820;height:34px;justify-content:center;width:34px}.recent-order-main{display:flex;flex-direction:column;line-height:1.2;min-width:0}.recent-order-main strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-order-main small{color:var(--text-muted);font-size:8px;margin-top:4px}.recent-order-date{align-items:center;color:var(--text-secondary);display:flex;font-size:9px;gap:6px}.recent-order-arrow{color:var(--text-muted);opacity:0;transform:translateX(-4px);transition:all var(--transition-fast)}.recent-order-row:hover .recent-order-arrow{opacity:1;transform:translateX(0)}.row-skeleton{animation:skeletonPulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-soft),var(--surface-muted),var(--surface-soft));background-size:220% 100%;border-radius:11px;height:48px;margin-top:8px}.icon-spin{animation:spin .8s linear infinite}.order-summary-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;overflow:hidden}.order-summary-strip>div{align-items:center;display:grid;gap:2px 10px;grid-template-columns:36px auto;padding:15px 17px;position:relative}.order-summary-strip>div+div{border-left:1px solid var(--border)}.order-summary-strip>div>span{align-items:center;background:var(--surface-soft);border-radius:10px;color:var(--text-secondary);display:flex;grid-row:1/3;height:35px;justify-content:center;width:35px}.order-summary-strip>div:nth-child(2)>span{background:var(--accent-soft);color:var(--accent)}.order-summary-strip>div:nth-child(3)>span{background:var(--success-bg);color:var(--success)}.order-summary-strip>div:nth-child(4)>span{background:var(--danger-bg);color:var(--danger)}.order-summary-strip strong{font-size:19px;font-weight:820;letter-spacing:-.04em;line-height:1}.order-summary-strip small{color:var(--text-muted);font-size:8px;font-weight:680}.order-list-card{padding:0}.order-list-card:hover{box-shadow:var(--shadow-xs);transform:none}.order-list-toolbar{align-items:center;display:flex;gap:12px;padding:14px}.search-field{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:11px;color:var(--text-muted);display:flex;flex:0 1 280px;gap:8px;height:38px;padding:0 10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.search-field input{background:transparent;border:0;color:var(--text-primary);flex:1 1;font-size:10px;min-width:0;outline:0}.search-field button{align-items:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;display:flex;padding:0}.status-tabs{align-items:center;display:flex;flex:1 1;gap:4px;overflow-x:auto}.status-tabs button{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;font-size:9px;font-weight:710;gap:6px;padding:7px 9px;text-transform:capitalize;transition:all var(--transition-fast);white-space:nowrap}.status-tabs button span{align-items:center;background:var(--surface-soft);border-radius:999px;display:flex;font-size:8px;height:18px;justify-content:center;min-width:18px;padding:0 5px}.status-tabs button:hover{color:var(--text-primary)}.status-tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.status-tabs button.active span{background:var(--accent);color:white}.filter-result{align-items:center;color:var(--text-muted);display:flex;font-size:9px;gap:5px;white-space:nowrap}.order-list-card .table-container{border:0;border-radius:0 0 19px 19px;border-top:1px solid var(--border)}.order-cell{gap:9px}.order-cell,.order-cell>span{align-items:center;display:flex}.order-cell>span{background:var(--accent-soft);border-radius:9px;color:var(--accent);font-size:9px;font-weight:820;height:32px;justify-content:center;width:32px}.order-cell>div,.vendor-cell{display:flex;flex-direction:column;line-height:1.15}.order-cell small,.vendor-cell small{align-items:center;color:var(--text-muted);display:flex;font-size:8px;gap:4px;margin-top:4px}.delivery-type{color:var(--text-secondary);font-size:9px;font-weight:690;text-transform:capitalize}.muted-unit{color:var(--text-muted);font-size:8px}.row-actions{gap:5px;justify-content:flex-end}.row-actions,.row-more{align-items:center;display:flex}.row-more{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;height:31px;justify-content:center;transition:all var(--transition-fast);width:31px}.row-more:hover{background:var(--danger-bg);color:var(--danger)}.row-chevron{color:var(--text-muted);opacity:.45}.cancel-dialog{max-width:520px}.cancel-warning{align-items:flex-start;background:var(--danger-bg);border:1px solid color-mix(in srgb,var(--danger) 18%,transparent);border-radius:13px;color:var(--danger);display:flex;gap:10px;margin-bottom:18px;padding:13px}.cancel-warning>div{display:flex;flex-direction:column}.cancel-warning strong{color:var(--text-primary);font-size:11px}.cancel-warning p{color:var(--text-secondary);font-size:9px;line-height:1.5;margin:5px 0 0}.date-control{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:11px;color:var(--text-muted);display:flex;gap:7px;height:35px;padding:0 9px}.date-control input{background:transparent;border:0;color:var(--text-secondary);font-size:10px;outline:0}.production-hero{background:linear-gradient(115deg,var(--bg-sidebar),#27332d);border:0;color:white;margin-bottom:16px;overflow:hidden;padding:20px;position:relative}.production-hero:after{border:1px solid rgba(255,255,255,.06);border-radius:50%;content:"";height:240px;position:absolute;right:-80px;top:-120px;width:240px}.production-hero:hover{border-color:transparent;box-shadow:var(--shadow-sm)}.production-hero>div:first-child{align-items:center;display:flex;gap:14px;position:relative;z-index:1}.production-icon{align-items:center;background:var(--accent);border-radius:14px;box-shadow:0 10px 28px rgba(211,74,36,.24);display:flex;height:52px;justify-content:center;width:52px}.production-hero>div:first-child>div{display:flex;flex-direction:column}.production-hero .eyebrow{color:#88978f}.production-hero strong{font-size:21px;letter-spacing:-.035em;margin-top:2px}.production-hero p{color:#9eaaa4;font-size:9px;margin:3px 0 0}.production-progress{background:rgba(255,255,255,.1);border-radius:999px;height:5px;margin-top:16px;overflow:hidden;position:relative;z-index:1}.production-progress span{background:linear-gradient(90deg,var(--accent),#ffb35f);border-radius:inherit;display:block;height:100%;transition:width .8s var(--transition-slow)}.metric-card.metric-danger .metric-card-head>span{background:var(--danger-bg);color:var(--danger)}.metric-card.metric-danger>strong{color:var(--danger)}.production-table-card{padding:0}.production-table-card>.card-header{padding:19px 20px 0}.production-table-card .table-container{border:0;border-radius:0 0 19px 19px;border-top:1px solid var(--border)}.accent-number{color:var(--accent)!important;font-size:13px}.danger-number{color:var(--danger);font-weight:760}.dispatch-banner{align-items:center;background:linear-gradient(120deg,#1a2621,#26382f);border:1px solid rgba(255,255,255,.06);border-radius:20px;color:white;display:flex;justify-content:space-between;margin-bottom:16px;min-height:150px;overflow:hidden;padding:24px 30px;position:relative}.dispatch-banner:after{background:radial-gradient(circle,rgba(237,106,63,.22),transparent 65%);content:"";height:260px;position:absolute;right:-20px;top:-120px;width:260px}.dispatch-banner>div,.dispatch-banner>svg{position:relative;z-index:1}.dispatch-banner>svg{color:#607269}.dispatch-live{align-items:center;color:#ff9a77;display:flex;font-size:9px;font-weight:800;gap:7px;letter-spacing:.12em;text-transform:uppercase}.dispatch-banner h2{font-size:23px;letter-spacing:-.04em;margin:10px 0 0}.dispatch-banner p{color:#9ba9a2;font-size:10px;margin:7px 0 0}.dispatch-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.depot-readiness-list{display:flex;flex-direction:column}.depot-readiness-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:11px;min-height:66px;padding:9px 0}.depot-icon{align-items:center;background:var(--surface-soft);border-radius:10px;color:var(--text-secondary);display:flex;height:36px;justify-content:center;width:36px}.depot-readiness-main{display:flex;flex:1 1;flex-direction:column;gap:8px}.depot-readiness-main>div:first-child{align-items:center;display:flex;justify-content:space-between}.depot-readiness-main strong{font-size:10px}.depot-readiness-main em{color:var(--text-muted);font-size:8px;font-style:normal}.depot-readiness-main .pipeline-track span{background:linear-gradient(90deg,var(--accent),#f6a35f)}.dispatch-action-grid{display:grid;gap:7px;grid-template-columns:1fr 1fr}.dispatch-action-grid>a{align-items:flex-start;background:var(--surface-soft);border:1px solid transparent;border-radius:13px;color:var(--accent);display:grid;gap:8px;grid-template-columns:1fr auto;min-height:105px;padding:13px;transition:all var(--transition-normal)}.dispatch-action-grid>a:hover{background:var(--accent-soft);border-color:var(--border-accent);transform:translateY(-2px)}.dispatch-action-grid>a>svg:first-child{grid-column:1/3}.dispatch-action-grid>a>div{display:flex;flex-direction:column}.dispatch-action-grid strong{color:var(--text-primary);font-size:10px}.dispatch-action-grid small{color:var(--text-muted);font-size:8px;margin-top:3px}.dispatch-action-grid>a>svg:last-child{color:var(--text-muted)}.tally-status-banner{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;display:flex;gap:14px;margin-bottom:16px;min-height:98px;padding:18px 20px}.tally-status-banner>span:first-child{align-items:center;background:var(--success-bg);border-radius:13px;color:var(--success);display:flex;height:48px;justify-content:center;width:48px}.tally-status-banner.disconnected>span:first-child{background:var(--warning-bg);color:var(--warning)}.tally-status-banner>div{display:flex;flex:1 1;flex-direction:column}.tally-status-banner h2{font-size:15px;letter-spacing:-.025em;margin:4px 0 0}.tally-status-banner p{color:var(--text-secondary);font-size:9px;margin:4px 0 0}.company-metric{font-size:19px!important;line-height:1.15!important;margin-top:24px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.sync-log-list{display:flex;flex-direction:column}.sync-log-list>div{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;min-height:54px}.sync-dot{background:var(--text-muted);border-radius:50%;height:7px;width:7px}.sync-dot.synced{background:var(--success);box-shadow:0 0 0 4px var(--success-bg)}.sync-dot.failed{background:var(--danger);box-shadow:0 0 0 4px var(--danger-bg)}.sync-log-list>div>div{display:flex;flex:1 1;flex-direction:column;line-height:1.2}.sync-log-list strong{font-size:10px}.sync-log-list small{color:var(--text-muted);font-size:8px;margin-top:4px}.tv-loading{align-items:center;background:#101613;color:white;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100dvh}.tv-loading p{color:#829189;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.factory-board{background:radial-gradient(circle at 90% 0,rgba(237,106,63,.12),transparent 30%),#101613;color:white;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:18px 20px 20px}.factory-board-header{border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto;justify-content:space-between;padding-bottom:15px}.board-summary,.board-summary>span,.factory-board-brand,.factory-board-controls,.factory-board-header{align-items:center;display:flex}.factory-board-divider{background:rgba(255,255,255,.12);height:34px;margin:0 18px;width:1px}.factory-board-brand>div:last-child{display:flex;flex-direction:column;line-height:1.15}.factory-board-brand>div:last-child span{color:#74827a;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.factory-board-brand>div:last-child strong{font-size:14px;margin-top:5px}.factory-board-controls{gap:12px}.board-summary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.board-summary>span{color:#8d9b93;gap:6px;padding:8px 11px}.board-summary>span+span{border-left:1px solid rgba(255,255,255,.07)}.board-summary svg{color:#ff8b64}.board-summary strong{color:white;font-size:12px}.board-summary small{font-size:8px}.board-day-switch{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:11px;display:flex;padding:3px}.board-day-switch button{background:transparent;border:0;border-radius:8px;color:#77857d;cursor:pointer;font-size:9px;font-weight:760;padding:7px 10px;transition:all var(--transition-fast)}.board-day-switch button.active{background:var(--accent);box-shadow:0 6px 16px rgba(220,82,42,.22);color:white}.board-refresh{align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#9aa7a0;cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.factory-board-status{align-items:center;color:#77857d;display:flex;flex:0 0 auto;font-size:9px;justify-content:space-between;padding:11px 3px}.factory-board-status>div,.factory-board-status>span{align-items:center;display:flex;gap:8px}.factory-board-status strong{color:#b7c0bb;font-size:9px}.factory-item-grid{display:grid;flex:1 1;gap:8px;grid-auto-rows:minmax(64px,1fr);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));min-height:0;overflow:hidden}.factory-item{align-items:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.065);border-radius:13px;display:flex;gap:10px;min-height:0;opacity:.35;overflow:hidden;padding:6px;transition:all var(--transition-normal)}.factory-item.is-active{background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-color:rgba(255,128,85,.25);box-shadow:inset 3px 0 0 var(--accent);opacity:1}.factory-item.is-complete{border-color:rgba(100,207,151,.26);box-shadow:inset 3px 0 0 #64cf97}.factory-item-image{align-items:center;background:#28342e;border-radius:10px;color:#718079;display:flex;flex:0 0 50px;font-size:17px;font-weight:820;height:50px;justify-content:center;overflow:hidden}.factory-item-image img{height:100%;object-fit:cover;width:100%}.factory-item-copy{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.factory-item-copy strong{font-size:clamp(10px,.9vw,13px)}.factory-item-copy small,.factory-item-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factory-item-copy small{color:#718079;font-size:8px;margin-top:5px;text-transform:capitalize}.factory-item-quantity{align-items:center;background:rgba(237,106,63,.15);border:1px solid rgba(255,128,85,.16);border-radius:10px;display:flex;flex:0 0 62px;flex-direction:column;height:50px;justify-content:center}.factory-item-quantity strong{font-size:19px;letter-spacing:-.05em;line-height:1}.factory-item-quantity span{color:#c68f7d;font-size:7px;font-weight:740;margin-top:3px;text-transform:uppercase}.factory-item.is-complete .factory-item-quantity{background:rgba(82,179,126,.14);border-color:rgba(100,207,151,.16)}.factory-item.is-complete .factory-item-quantity span{color:#83c9a3}.login-page{background:#151d1a;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);min-height:100dvh;overflow:hidden;position:relative}.login-page:before{background:radial-gradient(circle,rgba(237,106,63,.18),transparent 65%);content:"";filter:blur(10px);height:560px;left:-170px;position:absolute;top:-210px;width:560px}.login-story{align-items:flex-end;background:radial-gradient(circle at 75% 30%,rgba(237,106,63,.16),transparent 36%),linear-gradient(145deg,#19231f,#101613);color:white;display:flex;min-height:100dvh;overflow:hidden;padding:54px clamp(36px,6vw,96px);position:relative}.login-story:after,.login-story:before{border:1px solid rgba(255,255,255,.06);border-radius:50%;content:"";position:absolute}.login-story:before{height:520px;right:-220px;top:-120px;width:520px}.login-story:after{height:310px;right:-80px;top:12px;width:310px}.login-story-content{animation:revealUp .7s var(--transition-slow) both;max-width:600px;position:relative;z-index:1}.login-story .homa-logo{margin-bottom:clamp(80px,15vh,170px)}.login-kicker{align-items:center;color:#ffad8f;display:flex;font-size:10px;font-weight:800;gap:8px;letter-spacing:.14em;margin-bottom:18px;text-transform:uppercase}.login-kicker:before{background:var(--accent);border-radius:999px;content:"";height:2px;width:24px}.login-story h1{font-size:clamp(42px,5vw,74px);font-weight:820;letter-spacing:-.065em;line-height:.98;margin:0;max-width:680px}.login-story h1 span{color:#ff8b64}.login-story>.login-story-content>p{color:#9ba9a1;font-size:clamp(14px,1.4vw,18px);line-height:1.65;margin:24px 0 34px;max-width:520px}.login-signals{display:flex;flex-wrap:wrap;gap:10px}.login-signal{align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#c2cbc6;display:flex;font-size:10px;font-weight:650;gap:8px;padding:9px 12px}.login-signal svg{color:#ff8b64}.login-panel{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100dvh;padding:38px;position:relative}.login-card{animation:loginCardIn .62s var(--transition-slow) 90ms both;max-width:430px;width:100%}.login-card .card{background:transparent;border:0;box-shadow:none;padding:0}.login-brand{margin-bottom:30px;text-align:left}.login-brand .eyebrow{color:var(--accent);margin-bottom:9px}.login-brand h2{font-size:31px;font-weight:820;letter-spacing:-.05em;line-height:1.1;margin:0}.login-brand p{color:var(--text-secondary);font-size:12px;margin:9px 0 0}.login-form{display:flex;flex-direction:column;gap:16px}.password-field{position:relative}.password-field .input{padding-right:46px}.password-toggle{background:transparent;border:0;cursor:pointer;height:36px;justify-content:center;position:absolute;right:4px;top:3px;width:36px}.login-helper,.password-toggle{align-items:center;color:var(--text-muted);display:flex}.login-helper{font-size:10px;justify-content:space-between}.login-divider{align-items:center;color:var(--text-muted);display:flex;font-size:9px;font-weight:750;gap:10px;letter-spacing:.1em;margin:23px 0 13px;text-transform:uppercase}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.quick-login-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-login{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;gap:9px;padding:10px;text-align:left;transition:all var(--transition-fast)}.quick-login:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xs);color:var(--text-primary);transform:translateY(-1px)}.quick-login>span{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--accent);display:flex;flex:0 0 30px;height:30px;justify-content:center}.quick-login div{display:flex;flex-direction:column;line-height:1.15;min-width:0}.quick-login strong{font-size:10px}.quick-login small{color:var(--text-muted);font-size:8px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-footnote{color:var(--text-muted);font-size:9px;margin-top:24px;text-align:center}.notification-control{bottom:20px;position:fixed;right:20px;z-index:150}.notification-control .btn{border-radius:999px;box-shadow:var(--shadow-md)}.notification-active{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--success);display:flex;font-size:10px;font-weight:750;gap:7px;padding:9px 12px}.skip-link{background:var(--accent);border-radius:0 0 10px 10px;color:white;font-weight:750;left:18px;padding:10px 16px;position:fixed;top:-60px;transition:top var(--transition-fast);z-index:3000}.skip-link:focus{top:0}.sidebar-link-copy strong{font-size:14px}.sidebar-link-copy small{font-size:11px;line-height:1.3}.nav-more-toggle{align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#aeb8b2;cursor:pointer;display:flex;justify-content:space-between;margin-top:14px;min-height:46px;padding:9px 12px;transition:all var(--transition-fast);width:100%}.nav-more-toggle:hover{background:rgba(255,255,255,.08);color:white}.nav-more-toggle>span{align-items:center;display:flex;gap:10px}.nav-more-toggle strong{font-size:13px}.more-tools-navigation{animation:revealUp var(--transition-normal) both;border-top:1px solid rgba(255,255,255,.07);margin-top:12px;padding-top:16px}.sidebar-help{align-items:center;background:rgba(237,106,63,.1);border:1px solid rgba(255,128,85,.16);border-radius:12px;color:#ff9a78;cursor:pointer;display:flex;gap:10px;margin-bottom:9px;min-height:50px;padding:9px 11px;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-help:hover{background:rgba(237,106,63,.17);transform:translateY(-1px)}.sidebar-help>span{display:flex;flex-direction:column;line-height:1.2}.sidebar-help strong{color:#f6f8f7;font-size:12px}.sidebar-help small{color:#829189;font-size:10px;margin-top:4px}.header-help-button{align-items:center;background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:11px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;gap:7px;min-height:40px;padding:0 12px}.notification-popover{animation:popIn var(--transition-normal) both;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:18px;position:absolute;right:54px;text-align:center;top:62px;width:250px;z-index:160}.notification-popover>span{align-items:center;align-self:center;background:var(--surface-soft);border-radius:50%;color:var(--text-muted);display:flex;height:42px;justify-content:center;width:42px}.notification-popover strong{font-size:14px;margin-top:10px}.notification-popover p{color:var(--text-muted);font-size:12px;margin:4px 0 0}.page-guide{background:color-mix(in srgb,var(--info-bg) 68%,var(--bg-card));border-bottom:1px solid color-mix(in srgb,var(--info) 22%,var(--border));gap:13px;min-height:76px;padding:12px 32px;position:relative}.page-guide,.page-guide-icon{align-items:center;display:flex}.page-guide-icon{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;color:var(--info);flex:0 0 42px;height:42px;justify-content:center}.page-guide-copy{display:flex;flex:1 1;flex-direction:column;min-width:0}.page-guide-copy small{color:var(--info);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-guide-copy strong{font-size:14px;margin-top:1px}.page-guide-copy p{color:var(--text-secondary);font-size:12px;margin:1px 0 0}.page-guide-dismiss{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.page-guide-dismiss:hover{background:var(--surface-soft);color:var(--text-primary)}.help-overlay{animation:fadeIn .17s ease both;background:rgba(9,14,11,.48);inset:0;position:fixed;z-index:1400}.help-panel{animation:helpPanelIn var(--transition-slow) both;background:var(--surface-raised);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100dvh;margin-left:auto;max-width:440px;overflow-y:auto;padding:24px;width:min(100%,440px)}.help-panel-head{align-items:center;display:flex;gap:11px}.help-panel-head>span{align-items:center;background:var(--accent-soft);border-radius:11px;color:var(--accent);display:flex;height:42px;justify-content:center;width:42px}.help-panel-head>div{display:flex;flex:1 1;flex-direction:column}.help-panel-head small{color:var(--text-muted);font-size:10px;font-weight:750;text-transform:uppercase}.help-panel-head h2{font-size:22px;letter-spacing:-.035em;margin:1px 0 0}.help-panel-head>button{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.help-summary{color:var(--text-secondary);font-size:15px;line-height:1.65;margin:24px 0 18px}.help-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.help-steps li{align-items:flex-start;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:13px}.help-steps li>span{align-items:center;background:var(--accent);border-radius:50%;color:white;display:flex;flex:0 0 28px;font-size:12px;font-weight:800;height:28px;justify-content:center}.help-steps p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:3px 0 0}.help-terms{border-top:1px solid var(--border);margin-top:24px;padding-top:19px}.help-terms h3{font-size:13px;margin:0 0 11px}.help-terms>div{margin-top:10px}.help-terms strong{font-size:13px}.help-terms p{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.help-reassurance{align-items:flex-start;background:var(--success-bg);border-radius:13px;color:var(--success);display:flex;gap:10px;margin:24px 0 16px;padding:13px}.help-reassurance svg{flex:0 0 auto;margin-top:2px}.help-reassurance p{color:var(--text-secondary);font-size:12px;margin:0}.help-panel>.btn{min-height:48px}.welcome-overlay{align-items:center;animation:fadeIn .18s ease both;background:rgba(10,15,12,.64);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1600}.welcome-dialog{animation:modalIn var(--transition-slow) both;background:var(--surface-raised);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-lg);max-width:700px;padding:clamp(24px,4vw,40px);text-align:center;width:100%}.welcome-mark{align-items:center;background:var(--accent-soft);border-radius:17px;display:flex;height:58px;justify-content:center;margin:0 auto 16px;transform:rotate(-3deg);width:58px}.welcome-dialog .eyebrow,.welcome-mark{color:var(--accent)}.welcome-dialog h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.05em;margin:6px 0 8px}.welcome-dialog>p{color:var(--text-secondary);font-size:15px;line-height:1.65;margin:0 auto;max-width:560px}.welcome-lessons{display:grid;gap:11px;grid-template-columns:repeat(3,1fr);margin:28px 0;text-align:left}.welcome-lessons>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;display:grid;gap:6px;grid-template-columns:auto 1fr;padding:16px;position:relative}.welcome-lessons>div>span{align-items:center;background:var(--accent);border-radius:50%;color:white;display:flex;font-size:10px;font-weight:800;height:22px;justify-content:center;position:absolute;right:10px;top:10px;width:22px}.welcome-lessons svg{color:var(--accent)}.welcome-lessons strong{font-size:13px}.welcome-lessons p{color:var(--text-secondary);font-size:12px;grid-column:1/3;margin:2px 0 0}.welcome-actions{display:flex;gap:10px;justify-content:center}.friendly-error,.not-found-page,.section-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height));padding:40px 20px;text-align:center}.friendly-error>span,.not-found-page>span{align-items:center;background:var(--danger-bg);border-radius:18px;color:var(--danger);display:flex;height:64px;justify-content:center;margin-bottom:18px;width:64px}.not-found-page>span{background:var(--accent-soft);color:var(--accent);margin-top:52px}.friendly-error h1,.not-found-page h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.05em;margin:7px 0}.friendly-error>p:not(.eyebrow),.not-found-page>p:not(.eyebrow){color:var(--text-secondary);max-width:520px}.friendly-error>div{display:flex;gap:9px;margin-top:16px}.section-loading{gap:16px}.section-loading p{color:var(--text-secondary);font-size:14px}.btn{font-size:14px;min-height:44px;padding:10px 16px}.btn-sm{font-size:13px;min-height:40px;padding:8px 12px}.input,.select,.textarea{font-size:15px;min-height:46px;padding:10px 13px}.form-group{gap:8px}.form-group label,.form-label{color:var(--text-primary);font-size:13px}.card-header h2{font-size:18px}th{font-size:11px}td,th{padding:14px 16px}.toast,td{font-size:14px}.toast{min-height:52px}.order-create-page{margin:0 auto;max-width:1480px}.order-stepper{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px;overflow:hidden}.order-stepper button{align-items:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;display:flex;gap:11px;min-height:74px;padding:12px 18px;text-align:left}.order-stepper button+button{border-left:1px solid var(--border)}.order-stepper button:disabled{cursor:not-allowed}.order-stepper button.active{background:var(--accent-soft);color:var(--accent)}.order-stepper button.complete{color:var(--success)}.order-stepper button>span{align-items:center;background:var(--surface-soft);border-radius:50%;display:flex;flex:0 0 34px;font-size:13px;font-weight:850;height:34px;justify-content:center}.order-stepper button.active>span{background:var(--accent);color:white}.order-stepper button.complete>span{background:var(--success-bg)}.order-stepper button>div{display:flex;flex-direction:column}.order-stepper strong{color:currentColor;font-size:14px}.order-stepper small{color:var(--text-muted);font-size:11px;margin-top:2px}.order-step-card{animation:revealUp var(--transition-slow) both;background:var(--bg-card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-xs);padding:clamp(18px,2.5vw,30px)}.order-step-heading{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:13px;margin-bottom:24px;padding-bottom:19px}.order-step-heading>span{align-items:center;background:var(--accent);border-radius:12px;color:white;display:flex;flex:0 0 42px;font-size:17px;font-weight:850;height:42px;justify-content:center}.order-step-heading>div:nth-child(2){display:flex;flex:1 1;flex-direction:column}.order-step-heading h2{font-size:clamp(20px,2vw,26px);letter-spacing:-.035em;margin:0}.order-step-heading p{color:var(--text-secondary);font-size:13px;margin:3px 0 0}.customer-step-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.customer-picker,.delivery-details{min-width:0}.delivery-details{background:var(--surface-soft);border:1px solid var(--border);border-radius:17px;display:flex;flex-direction:column;gap:17px;padding:20px}.delivery-details h3{align-items:center;display:flex;font-size:16px;gap:8px;margin:0}.delivery-details h3 svg{color:var(--accent)}.field-help{color:var(--text-muted);font-size:11px}.large-search{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);display:flex;min-height:48px;padding:0 13px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.large-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.large-search input{background:transparent;border:0;color:var(--text-primary);flex:1 1;font-size:15px;min-width:0;outline:0;padding:11px}.customer-results{border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;margin-top:9px;max-height:360px;overflow-y:auto}.customer-results>button{align-items:center;background:var(--surface-raised);border:0;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;min-height:68px;padding:11px 13px;text-align:left;transition:background var(--transition-fast);width:100%}.customer-results>button+button{border-top:1px solid var(--border)}.customer-results>button:focus-visible,.customer-results>button:hover{background:var(--accent-soft)}.customer-results>button>span{align-items:center;background:var(--surface-soft);border-radius:10px;color:var(--accent);display:flex;flex:0 0 40px;height:40px;justify-content:center}.customer-results>button>div{display:flex;flex:1 1;flex-direction:column;min-width:0}.customer-results strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-results small{color:var(--text-muted);font-size:11px;margin-top:3px}.customer-results em{border-radius:999px;font-size:10px;font-style:normal;font-weight:800;padding:5px 8px;text-transform:capitalize}.credit-dot.open{background:var(--success-bg);color:var(--success)}.credit-dot.on_hold,.credit-dot.warning{background:var(--warning-bg);color:var(--warning)}.credit-dot.closed{background:var(--danger-bg);color:var(--danger)}.selected-customer{align-items:center;background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 28%,var(--border));border-radius:16px;display:flex;gap:13px;margin-top:18px;padding:15px}.selected-customer>span{align-items:center;background:var(--surface-raised);border-radius:11px;color:var(--success);display:flex;flex:0 0 44px;height:44px;justify-content:center}.selected-customer>div{display:flex;flex:1 1;flex-direction:column;min-width:0}.selected-customer small{color:var(--success);font-size:10px;font-weight:800;text-transform:uppercase}.selected-customer strong{font-size:15px}.selected-customer p{color:var(--text-secondary);font-size:11px;margin:2px 0 0}.delivery-choice{border:0;display:flex;flex-direction:column;gap:7px;margin:0;padding:0}.delivery-choice legend{color:var(--text-primary);font-size:13px;font-weight:760;margin-bottom:7px}.delivery-choice label{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:11px;cursor:pointer;display:flex;gap:9px;min-height:44px;padding:9px 11px}.delivery-choice label.selected{background:var(--accent-soft);border-color:var(--border-accent)}.delivery-choice input{accent-color:var(--accent);height:18px;width:18px}.delivery-choice span{font-size:13px}.clear-note,.clear-warning,.save-explanation{align-items:flex-start;background:var(--danger-bg);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));border-radius:14px;color:var(--danger);display:flex;gap:11px;margin-top:18px;padding:13px}.clear-note{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 24%,var(--border));color:var(--warning)}.clear-note svg,.clear-warning svg,.save-explanation svg{flex:0 0 auto;margin-top:2px}.clear-note strong,.clear-warning strong,.save-explanation strong{color:var(--text-primary);font-size:13px}.clear-note p,.clear-warning p,.save-explanation p{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.step-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;margin-top:24px;padding-top:18px}.step-actions .btn-primary{min-height:50px}.basket-count{align-items:center;background:var(--accent-soft);border-radius:12px;color:var(--accent);display:grid;gap:0 8px;grid-template-columns:auto auto;padding:9px 12px}.basket-count svg{grid-row:1/3}.basket-count strong{font-size:17px;line-height:1}.basket-count span{color:var(--text-secondary);font-size:9px}.product-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.product-tools .large-search{flex:1 1 300px}.category-chips{display:flex;flex:1 1 400px;gap:7px;overflow-x:auto;padding:3px}.category-chips button{background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;font-size:12px;font-weight:700;min-height:38px;padding:7px 13px}.category-chips button.active{background:var(--surface-strong);border-color:var(--surface-strong);color:var(--bg-primary)}.easy-product-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-height:min(52vh,610px);overflow-y:auto;padding:3px}.easy-product-grid article{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:15px;display:flex;gap:10px;justify-content:space-between;min-height:100px;padding:14px;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.easy-product-grid article:hover{border-color:var(--border-hover);transform:translateY(-1px)}.easy-product-grid article.selected{background:var(--accent-soft);border-color:var(--border-accent)}.easy-product-grid article>div:first-child{display:flex;flex:1 1;flex-direction:column;min-width:0}.easy-product-grid article small{color:var(--text-muted);font-size:10px;font-weight:750}.easy-product-grid article strong{font-size:14px;line-height:1.3;margin-top:3px}.easy-product-grid article span{color:var(--text-secondary);font-size:10px;margin-top:5px}.add-product-button{background:var(--accent);border:0;border-radius:11px;color:white;cursor:pointer;font-size:13px;font-weight:800;gap:4px;min-height:42px;padding:8px 11px}.add-product-button,.large-quantity{align-items:center;display:flex;flex:0 0 auto}.large-quantity{background:var(--surface-raised);border:1px solid var(--border-accent);border-radius:12px;overflow:hidden}.large-quantity button{align-items:center;background:transparent;border:0;color:var(--accent);cursor:pointer;display:flex;height:42px;justify-content:center;width:38px}.large-quantity button:hover{background:var(--accent-soft)}.large-quantity input{appearance:textfield;background:transparent;border:0;border-inline:1px solid var(--border);color:var(--text-primary);font-size:15px;font-weight:800;height:42px;outline:0;text-align:center;width:48px}.large-quantity input::-webkit-inner-spin-button{appearance:none}.simple-empty{color:var(--text-muted);padding:28px;text-align:center}.simple-empty strong{color:var(--text-primary);display:block;font-size:14px}.simple-empty p{font-size:12px;margin:4px auto 0;max-width:340px}.product-empty{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;min-height:180px;justify-content:center}.selection-summary{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;display:flex;gap:14px;justify-content:space-between;margin-top:16px;padding:13px 15px}.selection-summary>div:first-child{align-items:center;display:flex;gap:10px}.selection-summary svg{color:var(--accent)}.selection-summary>div:first-child span{display:flex;flex-direction:column}.selection-summary strong{font-size:13px}.selection-summary small{color:var(--text-muted);font-size:10px}.selection-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.selection-preview span{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:10px;padding:5px 8px}.review-grid{display:grid;gap:16px;grid-template-columns:.85fr 1.15fr}.review-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;overflow:hidden}.review-card-head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.review-card-head>div{align-items:center;display:flex;gap:8px}.review-card-head svg{color:var(--accent)}.review-card-head strong{font-size:14px}.review-card-head button{background:transparent;border:0;color:var(--accent);cursor:pointer;font-size:12px;font-weight:800}.review-card dl{display:flex;flex-direction:column;margin:0;padding:7px 16px 13px}.review-card dl>div{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:46px}.review-card dl>div:last-child{border-bottom:0}.review-card dt{color:var(--text-muted);font-size:11px}.review-card dd{font-size:13px;font-weight:700;margin:0;text-align:right}.review-products{max-height:310px;overflow-y:auto;padding:6px 16px}.review-products>div{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:50px}.review-products span{display:flex;flex-direction:column;font-size:13px}.review-products small{color:var(--text-muted);font-size:10px;margin-top:2px}.review-products strong{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--accent);display:flex;height:30px;justify-content:center;min-width:34px}.review-total{align-items:center;background:var(--surface-soft);display:flex;justify-content:space-between;padding:13px 16px}.review-total span{font-size:12px;font-weight:750}.review-total strong{color:var(--accent);font-size:20px}.review-notes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:18px}.review-notes label span{color:var(--text-muted);font-weight:500}.save-explanation{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 24%,var(--border));color:var(--success)}.final-actions>div,.order-form-loading{display:flex;gap:9px}.order-form-loading{align-items:center;flex-direction:column;justify-content:center;min-height:60vh}.order-form-loading strong{font-size:16px}.order-form-loading p{color:var(--text-muted);font-size:12px;margin:0}.friendly-inline-error{align-items:center;background:var(--danger-bg);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));border-radius:16px;color:var(--danger);display:flex;gap:13px;margin:32px;padding:18px}.friendly-inline-error>div{display:flex;flex:1 1;flex-direction:column}.friendly-inline-error strong{color:var(--text-primary);font-size:15px}.friendly-inline-error p{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.product-catalogue-page{margin:0 auto;max-width:1480px}.simple-summary{background:var(--surface-raised);border:1px solid var(--border);border-radius:17px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px;overflow:hidden}.simple-summary>div{align-items:center;display:flex;gap:11px;min-height:82px;padding:14px 18px}.simple-summary>div+div{border-left:1px solid var(--border)}.simple-summary svg{color:var(--accent)}.simple-summary>div>span{display:flex;flex-direction:column}.simple-summary strong{font-size:22px;line-height:1}.simple-summary small{color:var(--text-muted);font-size:11px;margin-top:4px}.simple-summary .needs-attention{background:var(--warning-bg)}.simple-summary .needs-attention svg{color:var(--warning)}.catalogue-toolbar{align-items:flex-end;display:grid;gap:11px;grid-template-columns:minmax(260px,1fr) 190px 160px;margin-bottom:18px}.catalogue-toolbar>label{color:var(--text-primary);display:flex;flex-direction:column;font-size:12px;font-weight:750;gap:6px}.catalogue-loading{align-items:center;color:var(--text-secondary);display:flex;gap:10px;justify-content:center;min-height:280px}.product-catalogue-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.product-catalogue-grid article{background:var(--surface-raised);border:1px solid var(--border);border-radius:17px;display:flex;flex-direction:column;min-height:190px;padding:16px;transition:all var(--transition-fast)}.product-catalogue-grid article:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-catalogue-grid article.inactive{opacity:.68}.product-card-top{align-items:flex-start;display:flex;gap:11px}.product-initial{align-items:center;background:var(--accent-soft);border-radius:12px;color:var(--accent);display:flex;flex:0 0 44px;font-size:18px;font-weight:850;height:44px;justify-content:center}.product-card-top>div{display:flex;flex:1 1;flex-direction:column;min-width:0}.product-card-top small{color:var(--text-muted);font-size:10px;font-weight:800}.product-card-top h2{font-size:15px;line-height:1.25;margin:2px 0 0}.product-card-top p{color:var(--text-secondary);font-size:11px;margin:5px 0 0}.product-card-top>button{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 0 36px;height:36px;justify-content:center}.product-card-top>button:hover{border-color:var(--border-accent);color:var(--accent)}.product-card-status{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.product-card-status span{border-radius:999px;font-size:10px;font-weight:750;padding:5px 8px}.product-card-status .is-active,.product-card-status .is-mapped{background:var(--success-bg);color:var(--success)}.product-card-status .is-inactive{background:var(--surface-muted);color:var(--text-muted)}.product-card-status .not-mapped{background:var(--warning-bg);color:var(--warning)}.product-card-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding-top:12px}.text-danger-button{background:transparent;border:0;color:var(--danger);cursor:pointer;font-size:11px;font-weight:750;padding:8px}.catalogue-empty{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;min-height:300px;justify-content:center}.catalogue-empty>button{margin-top:15px}.simple-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px}.simple-pagination>span{color:var(--text-secondary);font-size:12px}.product-modal{max-width:760px}.product-modal .modal-header>div{display:flex;flex-direction:column}.product-modal .modal-header h2{margin-top:3px}.product-form-grid{display:grid;gap:17px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-form-grid .form-error-message{grid-column:1/-1}.form-error-message{align-items:center;background:var(--danger-bg);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));border-radius:11px;color:var(--danger);display:flex;font-size:12px;gap:8px;padding:11px}.plain-checkbox-group{border:0;margin:0;padding:0}.plain-checkbox-group legend{color:var(--text-primary);font-size:13px;font-weight:760;margin-bottom:8px}.plain-checkbox-group label{align-items:flex-start;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:10px;min-height:65px;padding:11px}.plain-checkbox-group input{accent-color:var(--accent);height:19px;margin-top:2px;width:19px}.plain-checkbox-group label>span{display:flex;flex-direction:column}.plain-checkbox-group strong{font-size:12px}.plain-checkbox-group small{color:var(--text-muted);font-size:10px;margin-top:2px}.confirm-modal{align-items:center;max-width:470px;padding:28px;text-align:center;position:relative}.confirm-close{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:12px;top:12px;width:38px}.confirm-close:hover{background:var(--surface-soft);color:var(--text-primary)}.confirm-icon{align-items:center;background:var(--danger-bg);border-radius:15px;color:var(--danger);display:flex;height:54px;justify-content:center;width:54px}.confirm-icon.is-neutral{background:var(--accent-soft);color:var(--accent)}.confirm-modal h2{font-size:21px;letter-spacing:-.03em;margin:15px 0 6px}.confirm-modal>p{color:var(--text-secondary);font-size:13px;margin:0}.confirm-modal>div:last-child{display:flex;gap:9px;margin-top:22px}.role-page{margin:0 auto;max-width:1480px}.inline-message{align-items:center;border:1px solid var(--border);border-radius:13px;display:flex;font-size:13px;gap:9px;margin-bottom:15px;padding:12px 14px}.inline-message.success{background:var(--success-bg);color:var(--success)}.inline-message.error{background:var(--danger-bg);color:var(--danger)}.role-layout{align-items:start;display:grid;gap:17px;grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr)}.role-editor,.role-list-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;overflow:hidden}.role-list-card>div:first-child{border-bottom:1px solid var(--border);padding:17px}.role-editor h2,.role-list-card h2{font-size:18px;margin:0}.role-editor-head p,.role-list-card p{color:var(--text-secondary);font-size:11px;margin:3px 0 0}.role-list{display:flex;flex-direction:column;padding:7px}.role-list>button{align-items:center;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;min-height:58px;padding:9px;text-align:left;width:100%}.role-list>button:hover{background:var(--surface-soft)}.role-list>button.selected{background:var(--accent-soft);border-color:var(--border-accent)}.role-list>button>span{align-items:center;background:var(--surface-soft);border-radius:9px;color:var(--text-muted);display:flex;height:36px;justify-content:center;width:36px}.role-list>button.selected>span{background:var(--accent);color:white}.role-list>button>div{display:flex;flex-direction:column}.role-list strong{font-size:13px}.role-list small{color:var(--text-muted);font-size:10px;margin-top:2px}.role-editor{padding:20px}.role-editor-head{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:-20px -20px 20px;padding:19px 20px}.role-editor-head>div{display:flex;flex-direction:column}.role-editor-head .text-danger-button{align-items:center;display:flex;gap:6px}.role-basics{display:grid;gap:14px;grid-template-columns:1fr 1.35fr}.permission-groups{display:grid;gap:12px;margin-top:20px}.permission-groups fieldset{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;margin:0;padding:14px}.permission-groups legend{font-size:14px;font-weight:800;padding:0 5px}.permission-groups fieldset>p{color:var(--text-muted);font-size:11px;margin:-2px 0 11px}.permission-groups fieldset>div{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-groups label{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:11px;cursor:pointer;display:flex;gap:10px;min-height:58px;padding:10px}.permission-groups label.enabled{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 25%,var(--border))}.permission-groups input{accent-color:var(--success);height:19px;width:19px}.permission-groups label>span{display:flex;flex-direction:column}.permission-groups strong{font-size:12px}.permission-groups small{color:var(--text-muted);font-size:9px;margin-top:2px}.permission-groups label.enabled small{color:var(--success)}.role-save-bar{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin:20px -20px -20px;padding:15px 20px}.role-save-bar>p{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:6px;margin:0}.role-save-bar>div{display:flex;gap:8px}.priority-work{margin-bottom:22px}.priority-work-head{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:13px}.priority-work-head h2{font-size:21px;margin:2px 0}.priority-work-head p{color:var(--text-secondary);font-size:12px;margin:0}.all-clear{align-items:center;background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));border-radius:999px;color:var(--success);display:inline-flex;font-size:11px;font-weight:800;gap:6px;padding:7px 11px}.priority-work-grid{display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.priority-task{align-items:flex-start;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);display:flex;gap:12px;min-height:145px;padding:16px;text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.priority-task:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.priority-number{align-items:center;background:var(--surface-strong);border-radius:10px;color:var(--bg-primary);display:flex;flex:0 0 34px;font-size:13px;font-weight:850;height:34px;justify-content:center}.priority-task>div{display:flex;flex:1 1;flex-direction:column;height:100%}.priority-task strong{font-size:14px;line-height:1.35}.priority-task p{color:var(--text-secondary);font-size:11px;line-height:1.5;margin:7px 0 13px}.priority-task small{align-items:center;color:var(--accent);display:flex;font-size:11px;font-weight:800;gap:4px;margin-top:auto}.priority-danger{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 22%,var(--border))}.priority-danger .priority-number{background:var(--danger);color:white}.priority-warning{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 22%,var(--border))}.priority-warning .priority-number{background:var(--warning);color:white}.priority-accent{background:var(--accent-soft);border-color:var(--border-accent)}.priority-accent .priority-number{background:var(--accent);color:white}.priority-empty{align-items:center;background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));border-radius:16px;color:var(--success);display:flex;gap:12px;padding:18px}.priority-empty strong{color:var(--text-primary);font-size:14px}.priority-empty p{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.draft-save-state{align-items:center;background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));border-radius:12px;color:var(--success);display:flex;gap:8px;padding:9px 12px}.draft-save-state span{display:flex;flex-direction:column}.draft-save-state strong{font-size:11px}.draft-save-state small{color:var(--text-secondary);font-size:9px}.resume-order-dialog{max-width:490px;padding:28px;text-align:center}.resume-order-icon{align-items:center;background:var(--accent-soft);border-radius:16px;color:var(--accent);display:flex;height:54px;justify-content:center;margin:0 auto 13px;width:54px}.resume-order-dialog h2{font-size:23px;margin:5px 0 8px}.resume-order-dialog>p{color:var(--text-secondary);font-size:13px;line-height:1.55;margin:0 auto;max-width:360px}.resume-order-summary{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;display:flex;gap:9px;justify-content:center;margin:19px 0 4px;padding:13px}.resume-order-summary strong{color:var(--accent);font-size:22px}.resume-order-summary span{color:var(--text-secondary);font-size:12px}.resume-order-dialog .modal-footer{justify-content:center;margin:18px -28px -28px}.order-journey{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;margin-bottom:18px;overflow:hidden;padding:18px 20px}.order-journey-head{align-items:center;display:flex;justify-content:space-between}.order-journey-head h2{font-size:17px;margin:2px 0 0}.order-journey-head>strong{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:11px;padding:7px 10px}.order-journey ol{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:18px 0 0;padding:0}.order-journey li{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:10px;gap:7px;position:relative;text-align:center}.order-journey li:before{background:var(--border);content:"";height:2px;left:-50%;position:absolute;top:16px;width:100%}.order-journey li:first-child:before{display:none}.order-journey li>span{align-items:center;background:var(--surface-soft);border:2px solid var(--border);border-radius:50%;display:flex;font-size:10px;font-weight:850;height:34px;justify-content:center;position:relative;width:34px;z-index:1}.order-journey li.complete,.order-journey li.current{color:var(--text-primary)}.order-journey li.complete:before,.order-journey li.current:before{background:var(--accent)}.order-journey li.complete>span{background:var(--success);border-color:var(--success);color:white}.order-journey li.current>span{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-glow);color:white}.order-journey>p{align-items:center;background:var(--warning-bg);border-radius:10px;color:var(--warning);display:flex;font-size:11px;gap:7px;margin:14px 0 0;padding:9px 11px}.order-journey.is-cancelled{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.order-journey.is-cancelled .order-journey-head>strong{background:var(--danger-bg);color:var(--danger)}.customer-picker-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:9px 0}.customer-picker-actions>span{color:var(--text-muted);font-size:11px}.simple-empty .btn{margin-top:12px}.repeat-last-order{align-items:center;background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:14px;display:flex;gap:11px;margin-top:10px;padding:12px}.repeat-last-order>span{align-items:center;background:var(--surface-raised);border-radius:10px;color:var(--accent);display:flex;flex:0 0 38px;height:38px;justify-content:center}.repeat-last-order>div{display:flex;flex:1 1;flex-direction:column}.repeat-last-order strong{font-size:12px}.repeat-last-order p{color:var(--text-secondary);font-size:10px;margin:2px 0 0}.category-chips button{align-items:center;display:inline-flex;gap:5px}.easy-product-grid article{padding-left:42px;position:relative}.easy-product-grid .product-card-copy{display:flex;flex:1 1;flex-direction:column;min-width:0}.product-favourite{align-items:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;left:7px;position:absolute;top:7px;width:34px}.product-favourite.active,.product-favourite:hover{color:var(--warning)}.quick-customer-modal{max-width:720px}.quick-customer-intro{color:var(--text-secondary);font-size:12px;line-height:1.55;margin:0 0 15px}.quick-customer-depot{align-items:center;background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:12px;color:var(--accent);display:flex;gap:9px;margin-bottom:16px;padding:11px 13px}.quick-customer-depot span{display:flex;flex-direction:column}.quick-customer-depot small{color:var(--text-secondary);font-size:9px}.quick-customer-depot strong{font-size:12px}.quick-customer-grid{display:grid;gap:13px;grid-template-columns:1fr 1fr}.app-update-notice{align-items:center;animation:toastIn .22s ease both;background:var(--surface-strong);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:16px;bottom:18px;box-shadow:var(--shadow-lg);color:var(--bg-primary);display:flex;gap:12px;left:max(18px,calc(var(--sidebar-width) + 18px));padding:13px;position:fixed;right:18px;z-index:1200}.sidebar-is-collapsed .app-update-notice{left:max(18px,calc(var(--sidebar-collapsed) + 18px))}.app-update-notice>span{align-items:center;background:var(--accent);border-radius:11px;color:white;display:flex;flex:0 0 42px;height:42px;justify-content:center}.app-update-notice>div{display:flex;flex:1 1;flex-direction:column}.app-update-notice strong{font-size:13px}.app-update-notice p{color:color-mix(in srgb,var(--bg-primary) 70%,transparent);font-size:10px;margin:2px 0 0}.app-update-dismiss{align-items:center;background:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:34px;justify-content:center;opacity:.7;width:34px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes loadingSlide{0%{transform:translateX(-120%)}55%,to{transform:translateX(330%)}}@keyframes popIn{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes commandIn{0%{opacity:0;transform:translateY(-14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginCardIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes softPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--success) 30%,transparent)}50%{box-shadow:0 0 0 5px transparent}}@keyframes skeletonPulse{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes helpPanelIn{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1180px){.overview-metrics,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-trigger{width:180px}.command-trigger span{display:none}.command-trigger{width:auto}}@media (max-width:860px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.sidebar,.sidebar.collapsed{box-shadow:var(--shadow-lg);transform:translateX(-105%);width:min(310px,calc(100vw - 44px))}.sidebar.mobile-open{transform:translateX(0)}.sidebar .homa-logo-copy,.sidebar .nav-section-label,.sidebar .sidebar-link-arrow,.sidebar .sidebar-link-copy,.sidebar .sidebar-user-copy,.sidebar .sidebar-user>svg,.sidebar .system-status{display:flex!important}.sidebar .sidebar-head{justify-content:space-between;padding-inline:21px 16px}.sidebar .sidebar-link{justify-content:flex-start;padding-inline:10px}.sidebar .nav-section+.nav-section{border-top:0;margin-top:20px;padding-top:0}.sidebar .sidebar-collapse{bottom:auto;left:auto;position:static}.sidebar-is-collapsed .workspace,.workspace{margin-left:0}.mobile-scrim{background:rgba(8,12,10,.48);border:0;inset:0;position:fixed;z-index:90}.workspace-header{padding-inline:18px}.command-trigger{display:none}.top-bar{align-items:flex-start;flex-direction:column;padding:24px 18px 0}.top-bar:before{left:18px}.top-bar-actions{justify-content:flex-start;width:100%}.page-content{padding:34px 18px 36px}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:30px 20px}.overview-grid{grid-template-columns:1fr}.recent-order-row{grid-template-columns:38px minmax(140px,1fr) 90px 18px}.recent-order-date{display:none}.order-list-toolbar{align-items:stretch;flex-wrap:wrap}.dispatch-grid{grid-template-columns:1fr}.search-field{flex-basis:100%}.status-tabs{order:3;width:100%}.page-guide{padding:12px 18px}.page-guide-copy p{max-width:520px}.customer-step-grid,.review-grid,.welcome-lessons{grid-template-columns:1fr}.easy-product-grid{max-height:none}.selection-summary{align-items:flex-start;flex-direction:column}.selection-preview{justify-content:flex-start}.catalogue-toolbar{grid-template-columns:1fr 1fr}.catalogue-toolbar .large-search{grid-column:1/-1}.role-layout{grid-template-columns:1fr}.role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.workspace-header{height:68px;padding-inline:13px}.workspace-actions .header-icon:first-of-type,.workspace-heading .eyebrow{display:none}.top-bar h1{font-size:25px}.top-bar-actions>span{display:none}.page-content{padding-inline:13px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:122px;padding:15px}.stat-card .stat-value{font-size:24px}.card{padding:16px}.card-header{align-items:flex-start;flex-direction:column}.modal-backdrop,.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:22px 22px 0 0;max-height:92dvh}.quick-login-grid{grid-template-columns:1fr}.toast{left:14px}.notification-control,.toast{bottom:14px;right:14px}.overview-metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:150px;padding:15px}.metric-card>strong{font-size:28px}.recent-order-row{grid-template-columns:34px minmax(120px,1fr) 92px}.recent-order-arrow{display:none}.order-summary-strip{grid-template-columns:1fr 1fr}.order-summary-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.order-summary-strip>div:nth-child(4){border-top:1px solid var(--border)}.order-table .btn span{display:none}.dispatch-banner{min-height:165px;padding:22px}.dispatch-banner>svg{opacity:.4;position:absolute;right:20px}.dispatch-banner h2{font-size:20px;max-width:260px}.depot-readiness-row>.badge{display:none}.header-help-button{height:38px;min-height:38px;padding-inline:9px}.header-help-button span{display:none}.page-guide{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:11px 13px}.page-guide-icon{display:none}.page-guide-copy{flex-basis:calc(100% - 40px)}.page-guide-copy p{font-size:11px}.page-guide .btn{flex:1 1}.page-guide-dismiss{position:absolute;right:9px}.notification-popover{left:12px;right:12px;top:60px;width:auto}.help-panel{border-left:0;max-width:none;padding:20px}.welcome-overlay{align-items:flex-end;padding:0}.welcome-dialog{border-radius:24px 24px 0 0;max-height:94dvh;overflow-y:auto;padding:24px 18px}.welcome-lessons{margin:20px 0}.friendly-error>div,.welcome-actions{flex-direction:column}.friendly-error>div{width:100%}.order-stepper button{justify-content:center;min-height:62px;padding:9px 5px}.order-stepper button>div{display:none}.order-step-heading{align-items:flex-start}.order-step-heading>span{flex-basis:38px;height:38px}.order-step-heading .basket-count{display:none}.selected-customer{align-items:flex-start;flex-wrap:wrap}.selected-customer .btn{flex-basis:100%}.easy-product-grid{grid-template-columns:1fr}.final-actions,.step-actions{align-items:stretch;flex-direction:column}.step-actions>span{display:none}.step-actions .btn{width:100%}.final-actions>div{flex-direction:column}.friendly-inline-error{align-items:flex-start;flex-wrap:wrap;margin:18px 13px}.friendly-inline-error .btn{width:100%}.simple-summary{grid-template-columns:1fr 1fr}.simple-summary>div{min-height:70px;padding:11px}.simple-summary>div:nth-child(3){border-left:0;border-top:1px solid var(--border);grid-column:1/-1}.catalogue-toolbar{grid-template-columns:1fr}.catalogue-toolbar .large-search{grid-column:auto}.product-catalogue-grid,.product-form-grid{grid-template-columns:1fr}.product-form-grid .form-error-message{grid-column:auto}.simple-pagination{justify-content:space-between}.permission-groups fieldset>div,.role-basics,.role-list{grid-template-columns:1fr}.role-save-bar{align-items:stretch}.role-save-bar,.role-save-bar>div{flex-direction:column}}@media (max-width:860px){.app-update-notice,.sidebar-is-collapsed .app-update-notice{left:14px;right:14px}.order-create-heading .draft-save-state{margin-top:4px}.order-journey{overflow-x:auto}.order-journey ol,.order-journey-head,.order-journey>p{min-width:590px}}@media (max-width:580px){.priority-work-head{align-items:flex-start;flex-direction:column}.priority-work-grid{grid-template-columns:1fr}.priority-task{min-height:128px}.customer-picker-actions,.repeat-last-order{align-items:stretch;flex-direction:column}.customer-picker-actions .btn,.repeat-last-order .btn{width:100%}.quick-customer-grid{grid-template-columns:1fr}.resume-order-dialog .modal-footer{align-items:stretch;flex-direction:column}.resume-order-dialog .modal-footer .btn{width:100%}.app-update-notice{align-items:flex-start;flex-wrap:wrap}.app-update-notice>div{min-width:calc(100% - 58px)}.app-update-notice .btn{flex:1 1}.app-update-dismiss{position:absolute;right:6px;top:6px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{:root{--bg-primary:#fff;--bg-card:#fff;--text-primary:#111;--text-secondary:#333;--border:#ccc}.btn,.no-print,.notification-control,.sidebar,.toolbar,.top-bar,.workspace-header{display:none!important}.main-content,.workspace{margin:0!important;min-height:auto}.page-content{animation:none;padding:0}body{background:#fff;color:#111;padding:0}.card,.table-container{box-shadow:none;page-break-inside:avoid;break-inside:avoid}th{background:#eee!important;color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact}}