:root{--color-primary:#1e3a8a;--color-primary-hover:#172f73;--color-primary-soft:#eff6ff;--color-secondary:#3b82f6;--color-canvas:#f3f6fb;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-border:#e2e8f0;--color-border-strong:#cbd3df;--color-text:#0f172a;--color-text-muted:#64748b;--color-success:#16a34a;--color-success-soft:#eaf8f2;--color-warning:#f59e0b;--color-warning-soft:#fff7e8;--color-danger:#dc2626;--color-danger-soft:#fff0f0;--color-info:#2e6fbb;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #141f370d;--shadow-md:0 10px 30px #1f2d4a14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-canvas);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,table{font:inherit}input,select{width:100%;min-height:42px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;padding:0 12px}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--color-primary)}label{color:var(--color-text);gap:7px;font-weight:700;display:grid}button{cursor:pointer}button,input,select,summary,[tabindex]{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:2px;border-color:var(--color-primary);outline:3px solid #3155d938}button:disabled{cursor:not-allowed}.auth-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.app-shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;min-height:100vh;padding:18px;display:grid}.sidebar,.workspace{flex-direction:column;gap:14px;min-width:0;display:flex}.workspace{background:#0d1117c7;border:1px solid #9aa8ba2e;border-radius:8px;padding:16px}.panel,.metric-card,.sync-health-panel,.audit-panel,.remote-panel,.remote-form,.product-card,.empty-state,.alert,.status-line{background:#161b22d1;border:1px solid #9aa8ba29;border-radius:8px}.panel{padding:16px}.login-panel,.account-panel{gap:14px;width:min(100%,430px);display:grid}.login-panel h1,.account-panel h1,.workspace-header h2,.section-title h2{letter-spacing:0;margin:0}.login-panel h1,.account-panel h1{font-size:1.7rem}.login-panel p:last-child{color:#ffd28a;margin:0;line-height:1.5}.login-form{gap:14px;display:grid}.login-form button,.logout-button{color:#07120d;background:#54ba8c;border:1px solid #54ba8c;border-radius:8px;min-height:42px;padding:0 14px;font-weight:800}.login-form .secondary-button{color:#d8e2ee;background:#161b22e6;border-color:#9aa8ba47}.login-form button:disabled{cursor:wait;opacity:.68}.account-panel{align-items:start}.account-panel span{color:#9aa8ba}.role-badge{color:#b9f6d8;background:#17584152;border:1px solid #54ba8c80;border-radius:8px;align-items:center;width:fit-content;min-height:28px;margin-top:10px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.logout-button{color:#ffd7d2;background:#58201b57;border-color:#ffb4ab57}.eyebrow{color:#8fbce6;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.76rem;font-weight:700}.section-title{margin-bottom:12px}.shop-list{gap:8px;display:grid}.shop-list-item{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.shop-row{color:#d8e2ee;text-align:left;background:#070a0e6b;border:1px solid #9aa8ba24;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding:12px;display:grid}.shop-row.active{background:#17584147;border-color:#54ba8ccc}.shop-delete-button{color:#ffd7d2;background:#58201b57;border:1px solid #ffb4ab57;border-radius:8px;min-height:34px;padding:0 10px;font-size:.78rem;font-weight:800}.shop-delete-button:disabled{cursor:wait;opacity:.64}.shop-row span,.product-card>div{gap:4px;min-width:0;display:grid}.shop-row small,.workspace-header span,.product-card small,td,dd{color:#9aa8ba}.shop-row strong,.product-card strong,td,th,dd{overflow-wrap:anywhere}.workspace-header{border-bottom:1px solid #9aa8ba24;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.workspace-header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workspace-header button{color:#d8e2ee;background:#161b22e6;border:1px solid #9aa8ba2e;border-radius:8px;min-height:36px;padding:0 12px}.workspace-header button.active{color:#07120d;background:#54ba8c;border-color:#54ba8c}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.sync-health-panel{gap:14px;padding:16px;display:grid}.audit-panel{gap:14px;display:grid}.remote-panel{gap:14px;padding:16px;display:grid}.employees-panel{background:#161b22d1;border:1px solid #9aa8ba29;border-radius:8px;gap:14px;padding:16px;display:grid}.remote-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.owner-admin-grid{grid-template-columns:minmax(260px,420px) minmax(260px,1fr) minmax(260px,420px)}.employee-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.remote-form{align-content:start;gap:12px;padding:16px;display:grid}.remote-form h3{margin:0;font-size:1rem}.form-help{color:#9aa8ba;margin:-4px 0 0;font-size:.9rem;line-height:1.45}.remote-form button{color:#07120d;background:#54ba8c;border:1px solid #54ba8c;border-radius:8px;min-height:40px;font-weight:800}.remote-form button:disabled{cursor:wait;opacity:.64}.remote-form .danger-button{color:#ffd7d2;background:#58201b57;border-color:#ffb4ab57}.compact-button{color:#d8e2ee;background:#161b22e6;border:1px solid #9aa8ba38;border-radius:8px;min-height:36px;padding:0 12px;font-weight:800}.compact-button:disabled{cursor:wait;opacity:.64}.owner-summary-panel dl{gap:10px;margin:0;display:grid}.owner-summary-panel dl div{gap:3px;display:grid}.owner-summary-panel dt{color:#8fbce6;font-size:.78rem;font-weight:800}.owner-summary-panel dd{margin:0}.linked-shop-list{gap:6px;margin:0;padding-left:18px;display:grid}.checkbox-row{align-items:center;gap:8px;display:flex}.role-description{color:#9aa8ba;margin:-4px 0 0;font-size:.9rem;line-height:1.45}.advanced-permissions{background:#070a0e3d;border:1px solid #9aa8ba24;border-radius:8px;gap:10px;padding:10px 12px;display:grid}.advanced-permissions summary{cursor:pointer;color:#dfe9f5;font-weight:800}.advanced-permissions[open]{gap:12px}.permission-list{flex-wrap:wrap;gap:6px;display:flex}.permission-list span{color:#cfe3ff;background:#37587447;border:1px solid #8fbce652;border-radius:8px;align-items:center;min-height:26px;padding:0 8px;font-size:.76rem;font-weight:700;display:inline-flex}.permission-list.compact span{min-height:24px;font-size:.72rem}.permission-check-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.permission-check-grid label{color:#cbd7e6;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:.82rem;font-weight:700;display:flex}.inline-actions{flex-wrap:wrap;gap:6px;display:flex}.inline-actions button{color:#07120d;background:#54ba8c;border:1px solid #54ba8c;border-radius:8px;min-height:32px;padding:0 9px;font-size:.78rem;font-weight:800}.inline-actions button:nth-child(n+2){color:#ffd7d2;background:#58201b57;border-color:#ffb4ab57}.restore-progress{color:#d8e2ee;gap:8px;display:grid}.restore-progress span{overflow-wrap:anywhere;background:#070a0e57;border:1px solid #9aa8ba1f;border-radius:8px;padding:8px 10px;display:block}.subscription-limits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.feature-grid{gap:8px;display:grid}.feature-grid label{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:.9rem;display:flex}.audit-filter{width:min(100%,360px)}.journal-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.sync-health-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:0;display:flex}.status-badge{border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge.ok{color:#b9f6d8;background:#17584152;border:1px solid #54ba8c80}.status-badge.attention{color:#ffd28a;background:#5c411457;border:1px solid #ffd28a61}.sync-health-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.sync-shop-list{gap:8px;display:grid}.sync-shop-list div{color:#d8e2ee;background:#070a0e57;border:1px solid #9aa8ba1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sync-shop-list span,.sync-shop-list strong{overflow-wrap:anywhere}.sync-shop-list strong{color:#eef5ff;font-size:.9rem}.metric-card{gap:10px;min-height:118px;padding:16px;display:grid}.metric-card span{color:#a9b7c8}.metric-card strong{color:#fff;letter-spacing:0;overflow-wrap:anywhere;font-size:1.55rem}.table-wrap{border:1px solid #9aa8ba29;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;border-bottom:1px solid #9aa8ba1f;padding:13px 14px}th{color:#dfe9f5;background:#161b22f2}tr:last-child td{border-bottom:0}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.product-card{gap:16px;padding:16px;display:grid}.product-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.product-card dt{color:#8fbce6;margin-bottom:3px;font-size:.78rem}.product-card dd{margin:0}.empty-state,.alert,.status-line{color:#cbd7e6;gap:6px;padding:16px;display:grid}.status-line{color:#ffd28a}@media (width<=980px){.app-shell{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.sync-health-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.remote-grid,.employee-grid{grid-template-columns:1fr}}@media (width<=620px){.app-shell{padding:10px}.workspace-header{display:grid}.workspace-header nav{justify-content:stretch}.workspace-header button{flex:45%}.metrics-grid,.sync-health-grid,.product-card dl{grid-template-columns:1fr}.sync-shop-list div,.sync-health-title{display:grid}}.ui-icon{flex:none;width:19px;height:19px}.app-brand{min-height:64px;color:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;display:grid}.brand-mark{color:#fff;background:var(--color-primary);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:-.02em;font-size:.88rem}.brand-copy small{color:var(--color-text-muted);font-size:.72rem}.sidebar-toggle{width:36px;height:36px;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.sidebar-toggle:hover{color:var(--color-primary);background:var(--color-primary-soft)}.sidebar-navigation{gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.nav-section{gap:4px;display:grid}.nav-section-label{color:#929bad;letter-spacing:.09em;text-transform:uppercase;padding:7px 10px 4px;font-size:.66rem;font-weight:800}.sidebar-navigation button{color:#4f5b70;text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;font-size:.87rem;font-weight:700;display:flex}.sidebar-navigation button:hover{color:var(--color-primary);background:var(--color-primary-soft)}.sidebar-navigation button.active{color:#fff;background:var(--color-primary);box-shadow:0 4px 12px #3155d92e}.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .account-panel,.sidebar-collapsed .sidebar>.panel:last-child,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-navigation button span{display:none}.sidebar-collapsed .app-brand{grid-template-columns:1fr;justify-items:center;padding-inline:6px}.sidebar-collapsed .sidebar-toggle{width:100%}.sidebar-collapsed .sidebar-navigation{padding:8px}.sidebar-collapsed .sidebar-navigation button{justify-content:center;padding:0}.legacy-navigation{display:none!important}.topbar-context{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-search{width:min(320px,35vw)}.topbar-search input{background:var(--color-surface);min-height:38px;padding-left:14px}.notification-button{width:38px;height:38px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.notification-dot{background:var(--color-danger);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.topbar-context .status-badge{gap:7px}.topbar-context .ui-icon{width:15px;height:15px}.topbar-owner{padding-left:var(--space-3);border-left:1px solid var(--color-border);font-weight:750;color:var(--color-text)!important}.metric-icon{width:36px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:10px;place-items:center;display:grid}.metric-card>small{z-index:1;color:var(--color-text-muted);font-size:.72rem;position:relative}.official-dashboard{gap:24px;display:grid}.dashboard-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex}.dashboard-hero h1{color:var(--color-text);letter-spacing:-.04em;margin:3px 0 8px;font-size:clamp(1.65rem,3vw,2.25rem)}.dashboard-hero p:last-child{color:var(--color-text-muted);margin:0}.hero-health{text-align:right;justify-items:end;gap:9px;display:grid}.hero-health .status-badge{gap:7px}.hero-health small{color:var(--color-text-muted)}.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-kpis .metric-card{grid-template-columns:auto minmax(0,1fr);align-content:start;min-height:172px}.dashboard-kpis .metric-card>span:not(.metric-icon),.dashboard-kpis .metric-card>strong,.dashboard-kpis .metric-card>small{grid-column:2}.dashboard-kpis .metric-icon{grid-area:1/1/span 2}.dashboard-story-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:stretch;gap:20px;display:grid}.dashboard-side-stack{gap:20px;display:grid}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px}.dashboard-card-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;display:flex}.dashboard-card-heading h2{color:var(--color-text);letter-spacing:-.02em;margin:2px 0 0;font-size:1.05rem}.dashboard-card-heading>span:not(.status-badge){color:var(--color-text-muted);font-size:.78rem}.activity-timeline{gap:0;margin:0;padding:8px 0 0;list-style:none;display:grid}.activity-timeline li{grid-template-columns:38px minmax(0,1fr);gap:14px;padding:16px 0;display:grid;position:relative}.activity-timeline li:not(:last-child):before{content:"";background:var(--color-border);width:1px;position:absolute;top:30px;bottom:-8px;left:18px}.timeline-icon{z-index:1;width:38px;height:38px;color:var(--color-secondary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:11px;place-items:center;display:grid;position:relative}.audit-event.success .timeline-icon{color:var(--color-success);background:#f0fdf4;border-color:#bbf7d0}.audit-event.warning .timeline-icon{color:#b45309;background:#fffbeb;border-color:#fde68a}.audit-event.danger .timeline-icon{color:var(--color-danger);background:#fef2f2;border-color:#fecaca}.audit-event-content{min-width:0}.audit-event-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.event-badge{min-height:24px;color:var(--color-info);background:#eff6ff;border-radius:999px;align-items:center;padding:0 8px;font-size:.7rem;font-weight:750;display:inline-flex}.event-badge.success{color:var(--color-success);background:#f0fdf4}.event-badge.warning{color:#b45309;background:#fffbeb}.event-badge.danger{color:var(--color-danger);background:#fef2f2}.audit-event-meta{color:#94a3b8;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.audit-event-meta time{text-align:right}.audit-page-timeline{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:8px;padding:4px 18px}.audit-page-timeline .audit-event{padding-block:20px}.timeline-marker{z-index:1;background:var(--color-secondary);box-sizing:content-box;border:3px solid #dbeafe;border-radius:50%;width:11px;height:11px;margin-top:5px;position:relative}.activity-timeline strong{color:var(--color-text);font-size:.9rem}.activity-timeline p{color:var(--color-text-muted);margin:5px 0;line-height:1.45}.activity-timeline small{color:#94a3b8}.business-alerts{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.business-alerts li{color:#92400e;border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:10px;padding:11px 12px;font-size:.84rem;display:flex}.business-alerts li span{color:#fff;background:var(--color-warning);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.healthy-message{color:var(--color-success);margin:18px 0 0}.active-shop-identity{align-items:center;gap:12px;padding:18px 0;display:flex}.shop-monogram{width:42px;height:42px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:12px;flex:none;place-items:center;font-weight:850;display:grid}.active-shop-identity>div{gap:3px;display:grid}.active-shop-identity small{color:var(--color-text-muted)}.shop-health-details{gap:10px;margin:0;display:grid}.shop-health-details div{border-top:1px solid var(--color-border);justify-content:space-between;gap:15px;padding-top:10px;display:flex}.shop-health-details dt{color:var(--color-text-muted);font-size:.8rem}.shop-health-details dd{color:var(--color-text);text-align:right;margin:0;font-size:.8rem;font-weight:750}.auth-shell{background:radial-gradient(circle at 12% 16%, #3155d91f, transparent 28rem), radial-gradient(circle at 88% 82%, #16865d14, transparent 26rem), var(--color-canvas)}.app-shell{gap:var(--space-5);max-width:1680px;padding:var(--space-5);grid-template-columns:280px minmax(0,1fr);margin:0 auto}.sidebar{top:var(--space-5);scrollbar-width:thin;align-self:start;max-height:calc(100vh - 40px);position:sticky;overflow-y:auto}.workspace{gap:var(--space-5);min-height:calc(100vh - 40px);padding:var(--space-6);background:0 0;border:0;border-radius:0}.panel,.metric-card,.sync-health-panel,.audit-panel,.remote-panel,.remote-form,.product-card,.empty-state,.alert,.status-line,.employees-panel{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel,.sync-health-panel,.remote-panel,.employees-panel{padding:var(--space-5)}.login-panel{border-radius:var(--radius-lg);width:min(100%,460px);box-shadow:var(--shadow-md);padding:36px}.login-panel:before{content:"FP";color:#fff;background:var(--color-primary);letter-spacing:-.04em;border-radius:13px;place-items:center;width:46px;height:46px;font-weight:850;display:grid}.login-panel h1,.account-panel h1,.workspace-header h2,.section-title h2{color:var(--color-secondary);letter-spacing:-.025em}.login-panel h1{font-size:1.85rem}.login-panel p:last-child{color:var(--color-warning)}.account-panel{gap:var(--space-5);border-top:3px solid var(--color-primary);box-shadow:var(--shadow-md)}.account-panel span,.shop-row small,.workspace-header span,.product-card small,td,dd,.form-help,.role-description{color:var(--color-text-muted)}.eyebrow{color:var(--color-primary);letter-spacing:.09em;font-size:.72rem;font-weight:800}.role-badge,.status-badge.ok{color:var(--color-success);background:var(--color-success-soft);border-color:#16865d3d;border-radius:999px}.login-form button,.remote-form button,.inline-actions button{color:#fff;background:var(--color-primary);border-color:var(--color-primary);border-radius:var(--radius-sm);transition:background-color .15s,border-color .15s,transform .15s}.login-form button:hover:not(:disabled),.remote-form button:hover:not(:disabled),.inline-actions button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.login-form .secondary-button,.compact-button,.workspace-header button{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong)}.logout-button,.shop-delete-button,.remote-form .danger-button,.inline-actions button:nth-child(n+2){color:var(--color-danger);background:var(--color-danger-soft);border-color:#c2393d47}.logout-button:hover:not(:disabled),.shop-delete-button:hover:not(:disabled),.remote-form .danger-button:hover:not(:disabled){background:#ffe3e3;border-color:#c2393d6b}.shop-list{gap:var(--space-2)}.shop-row{color:var(--color-text);background:var(--color-surface-subtle);border-color:var(--color-border);border-radius:var(--radius-sm);transition:background-color .15s,border-color .15s;position:relative}.shop-row:hover{background:var(--color-primary-soft);border-color:#bdc9f5}.shop-row.active{color:var(--color-primary-hover);background:var(--color-primary-soft);box-shadow:inset 3px 0 0 var(--color-primary);border-color:#9badef}.workspace-header{z-index:10;gap:var(--space-4);padding:var(--space-5);border:0;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6faf0;display:grid;position:sticky;top:0}.workspace-header>div{gap:var(--space-1);display:grid}.workspace-header nav{justify-content:flex-start;gap:var(--space-2);max-width:100%;padding:2px 2px var(--space-2);scrollbar-width:thin;flex-wrap:nowrap;display:flex;overflow-x:auto}.workspace-header button{white-space:nowrap;border-radius:999px;flex:none;min-height:38px;font-size:.86rem;font-weight:700;transition:color .15s,background-color .15s,border-color .15s}.workspace-header button:hover:not(.active){color:var(--color-primary);background:var(--color-primary-soft);border-color:#bdc9f5}.workspace-header button.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 3px 10px #3155d933}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metric-card{min-height:126px;padding:var(--space-5);transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.metric-card:after{content:"";background:var(--color-primary-soft);border-radius:50%;width:82px;height:82px;position:absolute;bottom:-25px;right:-20px}.metric-card:hover{box-shadow:var(--shadow-md);border-color:#cbd4ef;transform:translateY(-1px)}.metric-card span{z-index:1;color:var(--color-text-muted);font-size:.83rem;font-weight:700;position:relative}.metric-card strong{z-index:1;color:var(--color-secondary);letter-spacing:-.035em;font-size:clamp(1.35rem,2vw,1.75rem);position:relative}.status-badge{border-radius:999px}.status-badge.attention,.status-line{color:var(--color-warning);background:var(--color-warning-soft);border-color:#f1d59d}.status-badge.danger{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid #c2393d47}.permission-groups{gap:var(--space-3);display:grid}.permission-group{min-width:0;padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0}.permission-group legend{color:var(--color-secondary);padding:0 6px;font-size:.78rem;font-weight:800}.sync-health-grid{gap:var(--space-4)}.sync-shop-list div,.restore-progress span{color:var(--color-text);background:var(--color-surface-subtle);border-color:var(--color-border)}.sync-shop-list strong{color:var(--color-secondary)}.remote-grid,.employee-grid{gap:var(--space-4)}.remote-form{padding:var(--space-5);background:var(--color-surface-subtle)}.remote-form h3{color:var(--color-secondary)}.advanced-permissions{background:var(--color-surface);border-color:var(--color-border)}.advanced-permissions summary{color:var(--color-text)}.permission-list span{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#cfd7f7;border-radius:999px}.table-wrap{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:auto}table{color:var(--color-text)}th,td{border-color:var(--color-border);padding:14px 16px}th{z-index:2;color:#4c5870;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;background:#f7f9fc;font-size:.75rem;position:sticky;top:0}tbody tr{transition:background-color .12s}tbody tr:hover{background:#f8faff}td{color:#465168}.product-grid{gap:var(--space-4)}.product-card{padding:var(--space-5);transition:border-color .15s,box-shadow .15s}.product-card:hover{box-shadow:var(--shadow-md);border-color:#cbd4ef}.product-card dt,.owner-summary-panel dt{color:var(--color-primary)}.empty-state{text-align:center;background:var(--color-surface-subtle);border-style:dashed;align-content:center;min-height:130px}.empty-state:before{content:"—";width:38px;height:38px;margin:0 auto var(--space-1);color:var(--color-primary);background:var(--color-primary-soft);border-radius:50%;place-items:center;font-weight:800;display:grid}.empty-state span{color:var(--color-text-muted)}.alert{color:var(--color-danger);background:var(--color-danger-soft);border-color:#c2393d4d}@media (width<=1280px){.app-shell{gap:var(--space-3);padding:var(--space-3);grid-template-columns:250px minmax(0,1fr)}.workspace{padding:var(--space-4)}.owner-admin-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (width<=1024px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:var(--space-3)}.metrics-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-story-grid{grid-template-columns:1fr}.dashboard-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.app-shell{padding:var(--space-3);grid-template-columns:1fr}.sidebar{grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);max-height:none;display:grid;position:static;overflow:visible}.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .brand-copy{display:grid}.sidebar-collapsed .app-brand{grid-template-columns:auto minmax(0,1fr) auto;justify-items:stretch;padding-inline:12px}.sidebar-collapsed .sidebar-navigation{display:none}.workspace{min-height:auto;padding:0}.workspace-header{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);top:0}.topbar-context{flex-wrap:wrap;justify-content:flex-start}.topbar-search{flex:100%;width:100%}.dashboard-hero{align-items:flex-start;padding:22px}.dashboard-side-stack,.remote-grid,.employee-grid,.owner-admin-grid{grid-template-columns:1fr}}@media (width<=520px){.app-shell{padding:var(--space-2)}.sidebar{grid-template-columns:1fr}.panel,.sync-health-panel,.remote-panel,.employees-panel,.remote-form,.product-card{padding:var(--space-4)}.login-panel{padding:var(--space-6)}.workspace-header{padding:var(--space-3);display:grid}.workspace-header nav{margin-inline:-4px}.workspace-header button{flex:none}.metrics-grid,.dashboard-kpis,.sync-health-grid,.subscription-limits,.product-card dl{grid-template-columns:1fr}.dashboard-hero{padding:20px;display:grid}.hero-health{text-align:left;justify-items:start}.dashboard-kpis .metric-card{min-height:150px}.dashboard-card{padding:17px}th,td{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}