:root{--color-primary:#7a76f5;--color-primary-50:#f3f2ff;--color-primary-100:#e7e6ff;--color-primary-200:#d2d0ff;--color-primary-300:#b7b3ff;--color-primary-400:#9993fb;--color-primary-500:#7a76f5;--color-primary-600:#625ee0;--color-primary-700:#4f4bc2;--color-bg:#f8f9fc;--color-surface:#fff;--color-surface-subtle:#f4f5fa;--color-surface-raised:#ffffffeb;--color-sidebar:#f5f4ff;--color-border:#e2e4f0;--color-border-subtle:#0000000d;--color-text:#0f172a;--color-muted:#64748b;--color-soft:#94a3b8;--color-text-main:var(--color-text);--color-text-subtle:var(--color-muted);--background:var(--color-bg);--foreground:var(--color-text);--card:var(--color-surface);--card-foreground:var(--color-text);--muted:var(--color-surface-subtle);--muted-foreground:var(--color-muted);--border:var(--color-border);--input:#cbd1e1;--primary:var(--color-primary);--primary-foreground:#fff;--secondary:var(--color-primary-50);--secondary-foreground:var(--color-primary-700);--accent:var(--color-primary-100);--accent-foreground:var(--color-primary-700);--destructive:var(--color-danger);--destructive-foreground:#fff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-info:#3b82f6;--color-info-bg:#eff6ff;--radius-xs:6px;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 6px -1px #7a76f50a, 0 2px 4px -1px #00000008;--shadow-soft:0 2px 8px -2px #7a76f50d;--shadow-elevated:0 10px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-dropdown:0 12px 30px -4px #0f172a1f, 0 4px 8px -2px #0f172a0f;--shadow-glow:0 0 20px #7a76f540;--glass-bg:#ffffffd1;--glass-border:#fff9;--glass-blur:blur(14px) saturate(180%);--color-radial-1:#7a76f50d;--color-radial-2:#3b82f608;--color-skeleton-bg:linear-gradient(90deg, #e7e6ff66, #f3f2ffcc, #e7e6ff66)}html[data-theme=dark]{--color-bg:#090a13;--color-surface:#121424;--color-surface-subtle:#0d0e1a;--color-surface-raised:#181a30;--color-sidebar:#0d0e1b;--color-border:#222540;--color-border-subtle:#ffffff12;--color-text:#f8fafc;--color-muted:#94a3b8;--color-soft:#64748b;--color-text-main:var(--color-text);--color-text-subtle:var(--muted-foreground);--background:var(--color-bg);--foreground:var(--color-text);--card:var(--color-surface);--card-foreground:var(--color-text);--muted:var(--color-surface-subtle);--muted-foreground:#a7b4c7;--border:#303552;--input:#3b4161;--primary:var(--color-primary-500);--primary-foreground:#fff;--secondary:var(--color-primary-100);--secondary-foreground:#e8e7ff;--accent:var(--color-primary-200);--accent-foreground:#f5f4ff;--destructive:#ef4444;--destructive-foreground:#fff;--color-primary-50:#1a1b38;--color-primary-100:#242654;--color-primary-200:#333576;--color-primary-300:#494ba0;--color-primary-400:#6364cc;--color-primary-500:#7a76f5;--color-primary-600:#9390f7;--color-primary-700:#b0aeff;--color-success:#34d399;--color-success-bg:#064e3b2e;--color-danger:#f87171;--color-danger-bg:#7f1d1d2e;--color-warning:#fbbf24;--color-warning-bg:#78350f2e;--color-info:#60a5fa;--color-info-bg:#1e3a8a2e;--shadow-card:0 4px 20px -2px #00000059, 0 2px 6px -1px #0003;--shadow-soft:0 2px 10px -2px #0000004d;--shadow-elevated:0 16px 36px -6px #0000008c, 0 8px 12px -4px #00000059;--shadow-dropdown:0 16px 40px -4px #000000a6, 0 6px 16px -2px #0006;--shadow-glow:0 0 24px #7a76f559;--glass-bg:#121424d1;--glass-border:#ffffff14;--glass-blur:blur(14px) saturate(180%);--color-radial-1:#7a76f517;--color-radial-2:#3b82f60d;--color-skeleton-bg:linear-gradient(90deg, #24265466, #333576cc, #24265466)}:root{--sidebar-width:250px;--topbar-height:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;transition:background-color .3s,color .3s}body{background:radial-gradient(circle at top left, var(--color-radial-1), transparent 35%), radial-gradient(circle at 80% 0%, var(--color-radial-2), transparent 25%), var(--color-bg);min-width:320px;color:var(--color-text);margin:0;font-family:Avenir Next,Segoe UI,sans-serif;transition:background-color .3s,color .3s}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid}.app-shell--collapsed{--sidebar-width:84px}.sidebar{border-right:1px solid var(--color-border);background:linear-gradient(#f6f5fff7,#fffffff7);flex-direction:column;justify-content:space-between;gap:24px;height:100vh;padding:24px 18px;transition:padding .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-x:hidden}.sidebar--collapsed{padding:24px 12px}.sidebar__brand{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;transition:flex-direction .3s,align-items .3s;display:flex}.sidebar__brand-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-full{width:152px;display:block}.sidebar__logo-icon{object-fit:contain;width:36px;height:36px;display:block}.sidebar__collapse-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow-soft);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s,border-color .2s;display:flex}.sidebar__collapse-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-600)}.sidebar--collapsed .sidebar__brand{flex-direction:column;align-items:center;gap:16px}.sidebar__nav{flex-direction:column;gap:8px;display:flex}.sidebar-item{width:100%;height:48px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:0 16px;transition:padding .3s,gap .3s,background-color .18s,color .18s;display:flex}.sidebar-item span{white-space:nowrap;opacity:1;visibility:visible;font-weight:500;transition:opacity .2s,visibility .2s}.sidebar--collapsed .sidebar-item{justify-content:center;gap:0;padding:0}.sidebar--collapsed .sidebar-item span{opacity:0;visibility:hidden;width:0;height:0;margin:0;display:inline-block;overflow:hidden}.sidebar-item:hover:not(.sidebar-item--active):not(.active),.sidebar-item--ghost:hover{color:var(--color-primary-600);background:#7a76f514}html[data-theme=dark] .sidebar-item:hover:not(.sidebar-item--active):not(.active),html[data-theme=dark] .sidebar-item--ghost:hover{color:var(--color-primary-400);background:#7a76f529}.sidebar-item--active,.sidebar-item.active,a.sidebar-item.active,a.sidebar-item--active{box-shadow:0 10px 24px #7a76f547;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-600))!important;color:#fff!important}.sidebar-item--active *,.sidebar-item.active *,a.sidebar-item.active *,a.sidebar-item--active *{color:#fff!important}.sidebar-item--active:hover,.sidebar-item.active:hover,a.sidebar-item.active:hover,a.sidebar-item--active:hover,.sidebar-item--active:focus,.sidebar-item.active:focus,a.sidebar-item.active:focus,a.sidebar-item--active:focus{box-shadow:0 12px 28px #7a76f55c;background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700))!important;color:#fff!important}.sidebar-item--ghost{justify-content:flex-start}.sidebar__bottom{flex-direction:column;gap:14px;display:flex}.upgrade-card{box-shadow:var(--shadow-soft);background:linear-gradient(#7a76f514,#fffffff2);border:1px solid #7a76f51f;border-radius:24px;padding:16px}.upgrade-card img{object-fit:cover;border-radius:18px;width:72px;height:72px;margin-bottom:12px}.upgrade-card h3,.upgrade-card p{margin:0}.upgrade-card h3{font-size:1rem}.upgrade-card p{color:var(--color-muted);margin-top:8px;margin-bottom:14px;line-height:1.5}.upgrade-card--collapsed{justify-content:center;margin-bottom:8px;display:flex}.sidebar-mascot-btn{border:1px solid var(--color-border);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:4px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.sidebar-mascot-btn:hover{border-color:var(--color-primary-300);transform:scale(1.05);box-shadow:0 4px 12px #7a76f526}.sidebar-mascot-btn img{object-fit:cover;border-radius:10px;width:100%;height:100%}.sidebar__theme{border:1px solid var(--color-border);background:#fff;border-radius:999px;gap:6px;width:fit-content;padding:4px;transition:flex-direction .3s,padding .3s,border-radius .3s;display:flex}.theme-toggle{width:44px;height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;transition:width .3s,height .3s}.theme-toggle--active{background:var(--color-primary-50);color:var(--color-primary-600)}.sidebar--collapsed .sidebar__theme{border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:48px;padding:6px 4px}.sidebar--collapsed .theme-toggle{width:38px;height:38px}.sidebar--collapsed .sidebar__bottom{align-items:center;gap:16px}.main-layout{min-width:0;padding:clamp(12px,2.5vw,28px) clamp(14px,3.5vw,32px);transition:padding .3s cubic-bezier(.4,0,.2,1)}.topbar{min-height:var(--topbar-height);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:12px;display:flex}.topbar__left{align-items:center;gap:12px;min-width:0;display:flex}.topbar__header-info{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.topbar__breadcrumb{margin:6px 0;padding:0;font-size:.78rem}.topbar__title-group{flex-direction:column;display:flex}.topbar__title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700;line-height:1.25;overflow:hidden}.topbar__description{color:var(--color-muted);margin:2px 0 0;font-size:.78rem}.topbar__right{align-items:center;gap:14px;margin-left:auto;display:flex}.page-content{flex-direction:column;gap:10px;margin-top:12px;display:flex}.mobile-menu-btn,.icon-button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:14px;place-items:center;display:inline-grid}.mobile-menu-btn{display:none}.icon-button--badge{position:relative}.notification-dot{background:var(--color-danger);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;display:grid;position:absolute;top:-6px;right:-6px}.user-chip-container{display:inline-block;position:relative}.user-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.user-chip:hover,.user-chip--active{border-color:var(--color-primary-400);box-shadow:0 4px 12px #7a76f51f}.user-chip__chevron{color:var(--color-muted);margin-left:2px;transition:transform .2s}.user-chip__chevron--open{transform:rotate(90deg)}.user-chip__dropdown{background:var(--glass-bg);min-width:240px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);z-index:1000;padding:8px;animation:.15s ease-out dtpicker-fade-in;position:absolute;top:calc(100% + 8px);right:0}.user-chip__avatar-img{object-fit:cover;border-radius:999px;flex-shrink:0;width:36px;height:36px}.user-table-cell{align-items:center;gap:10px;display:flex}.user-table-cell__avatar{object-fit:cover;border:1px solid var(--color-border);border-radius:999px;flex-shrink:0;width:34px;height:34px}.user-table-cell__initials{background:var(--color-primary-100);width:34px;height:34px;color:var(--color-primary-600);border-radius:999px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.user-table-cell__name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-you-badge{color:#5b5bd6;letter-spacing:.01em;-webkit-user-select:none;user-select:none;background:#6366f11f;border:1px solid #5b5bd626;border-radius:9999px;justify-content:center;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}html[data-theme=dark] .user-you-badge{color:#a5a2ff;background:#7a76f538;border-color:#a5a2ff4d}.user-chip__dropdown-header{padding:8px 12px}.user-chip__dropdown-user-row{align-items:center;gap:10px;display:flex}.user-chip__dropdown-user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.user-chip__dropdown-header strong{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.user-chip__dropdown-header span{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.user-chip__dropdown-divider{background:var(--color-border);height:1px;margin:6px 0}.user-chip__dropdown-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.user-chip__dropdown-item:hover{background:var(--color-primary-50);color:var(--color-primary-600)}html[data-theme=dark] .user-chip__dropdown-item:hover{color:var(--color-primary-300);background:#7a76f529}.user-chip__dropdown-item--danger{color:var(--color-danger)}.user-chip__dropdown-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.dialog__footer--right{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.profile-settings-dialog{width:100%;max-width:560px}.profile-settings-tabs{border-bottom:1px solid var(--color-border);gap:8px;padding:0 24px;display:flex}.profile-settings-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.profile-settings-tab:hover{color:var(--color-text)}.profile-settings-tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}html[data-theme=dark] .profile-settings-tab--active{color:var(--color-primary-400);border-bottom-color:var(--color-primary-400)}.profile-settings-form{flex-direction:column;gap:16px;display:flex}.avatar-upload-section{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.avatar-preview{background:var(--color-primary-100);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.avatar-preview .user-chip__avatar{width:100%;height:100%;color:var(--color-primary-600);place-items:center;font-size:1.2rem;font-weight:700;display:grid}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-upload-actions{flex-direction:column;gap:4px;display:flex}.avatar-upload-btn{cursor:pointer;align-self:flex-start}.user-chip__meta{flex-direction:column;display:flex}.user-chip__meta strong{font-size:.95rem}.user-chip__meta span{color:var(--color-muted);font-size:.82rem}.avatar{background:linear-gradient(135deg, var(--color-primary-200), var(--color-primary));color:#fff;border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.avatar--sm{width:28px;height:28px;font-size:.72rem}.avatar--md{width:42px;height:42px;font-size:.82rem}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:700;transition:all .18s;display:inline-flex}.button--compact{border-radius:12px;min-height:38px;padding:0 14px;font-size:.86rem}.button:disabled{cursor:wait;opacity:.7}.button--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-600));color:#fff;box-shadow:0 10px 24px #7a76f53d}.button--secondary{background:var(--color-primary-50);color:var(--color-primary-700)}.button--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover{background:var(--color-surface-subtle);border-color:var(--color-primary-300);color:var(--color-text)}html[data-theme=dark] .button--ghost{border:1px solid var(--color-border);color:#e2e8f0;background:#ffffff0a}html[data-theme=dark] .button--ghost:hover{border-color:var(--color-primary-400);color:#fff;background:#7a76f526}html[data-theme=dark] .button--secondary{color:#e2e8f0;background:#7a76f52e;border:1px solid #7a76f559}html[data-theme=dark] .button--secondary:hover{color:#fff;background:#7a76f547}.button--danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.button__spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:999px;width:14px;height:14px;animation:.9s linear infinite spin}.table-link-button{color:var(--color-primary-700);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}.table-link-button:hover{color:var(--color-primary-600);text-decoration:underline}.table-muted-text{color:var(--color-soft)}.search-input{border:1px solid var(--color-border);background:var(--color-surface);width:min(340px,100%);height:46px;color:var(--muted-foreground,var(--color-muted));border-radius:999px;align-items:center;gap:10px;padding:0 16px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}.search-input:focus-within{border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 0 3px #7a76f533!important}.search-input input{width:100%;color:var(--color-text);caret-color:var(--color-primary-600);background:0 0;min-width:0;box-shadow:none!important;border:0!important;outline:none!important}.search-input input::placeholder{color:var(--muted-foreground,var(--color-muted));opacity:1}.search-input__clear{width:28px;height:28px;color:var(--muted-foreground,var(--color-muted));cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 28px;place-items:center;display:inline-grid}.search-input__clear:hover{background:var(--muted,var(--color-surface-subtle));color:var(--foreground,var(--color-text))}.search-input input:focus,.search-input input:focus-visible{outline-offset:0!important;box-shadow:none!important;border:0!important;outline:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:12px;padding:clamp(14px,2.5vw,24px);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--color-primary-200)}html[data-theme=dark] .card:hover{border-color:var(--color-primary-400);box-shadow:0 4px 24px -2px #7a76f51f, var(--shadow-card)}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.card__title,.page-header h1,.dialog h3{letter-spacing:-.03em;margin:0}.card__title{font-size:1.2rem}.card__subtitle,.page-header p,.table-copy,.timeline__item span,.stack-list__item p,.field__hint,.field__error{color:var(--color-muted)}.card__subtitle,.page-header p,.page-header__description{margin:6px 0;font-size:.75rem}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1{font-size:clamp(1rem,2vw,1.4rem)}.page-header__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary-600);margin:0 0 6px;font-size:.82rem}.page-header-actions-bar{justify-content:flex-end;align-items:center;width:100%;display:flex}.page-header__actions,.card-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.three-column-grid,.reports-grid{gap:18px;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;display:grid}.three-column-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.95fr);gap:22px;display:grid}.two-column-grid--wide{grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr)}.dashboard-grid{grid-template-columns:minmax(0,2fr) 400px;gap:22px;display:grid}.dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.dashboard-detail-grid .card:nth-child(n+3){align-self:start}.dashboard-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-detail-metric{border:1px solid var(--color-border);background:var(--color-sidebar);border-radius:14px;min-width:0;padding:14px}.dashboard-detail-metric span,.dashboard-detail-metric small{color:var(--color-muted);display:block}.dashboard-detail-metric span{font-size:.82rem;font-weight:700}.dashboard-detail-metric strong{color:var(--color-text);overflow-wrap:anywhere;margin:8px 0 4px;font-size:1.45rem;line-height:1.1;display:block}.dashboard-detail-metric small{font-size:.78rem}.dashboard-grid__main,.dashboard-grid__side,.aside-stack{flex-direction:column;gap:22px;display:flex}.reports-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-grid__wide{grid-column:span 2}.split-panel{grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);gap:22px;display:grid}.config-layout{grid-template-columns:minmax(0,1.7fr) 320px;gap:22px;display:grid}.config-layout__main,.config-layout__side{flex-direction:column;gap:12px;display:flex}.machine-summary-strip{background:var(--card,var(--color-surface));color:var(--card-foreground,var(--color-text));border:1px solid var(--border,var(--color-border));border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:16px;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000a}.machine-summary-strip>div{border-right:1px solid var(--border,var(--color-border));flex-direction:column;gap:4px;padding:16px 22px;display:flex}.machine-summary-strip>div:last-child{border-right:0}.machine-summary-strip span{color:var(--muted-foreground,var(--color-muted));text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:500}.machine-summary-strip strong{color:var(--card-foreground,var(--color-text));overflow-wrap:anywhere;font-size:.95rem;font-weight:700}.machine-summary-strip__validation{width:fit-content;min-height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:-4px 0;padding:2px 4px}.machine-summary-strip__validation:hover{background:var(--accent);color:var(--accent-foreground)}.machine-stepper{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.machine-stepper__item{border:1px solid var(--color-border);background:#ffffffe0;border-radius:18px;align-items:center;gap:12px;padding:14px 12px;display:flex}.machine-stepper__item span{background:var(--color-primary-50);width:34px;height:34px;color:var(--color-primary-700);border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.machine-stepper__item strong{font-size:.92rem}.machine-stepper__item--active,.machine-planogram-table__row--active,.slot-map-grid__item--active{border-color:var(--color-primary-300);box-shadow:0 10px 24px #7a76f51f}.machine-type-card--active{transform:translateY(-2px);border-color:var(--color-primary-500)!important;box-shadow:0 8px 24px #7a76f538, 0 0 0 1px var(--color-primary-500)!important;background:linear-gradient(135deg,#7a76f514,#fffffffa)!important}html[data-theme=dark] .machine-type-card--active{border-color:var(--color-primary-500)!important;box-shadow:0 8px 28px #7a76f552, 0 0 0 1px var(--color-primary-500)!important;background:linear-gradient(135deg,#7a76f52e,#121424f5)!important}.machine-stepper__item--active span,.machine-stepper__item--done span{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-600));color:#fff}.machine-type-card-grid,.machine-flow-grid,.machine-quick-grid{gap:16px;display:grid}.machine-type-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.machine-type-card{border:2px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;gap:10px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.machine-type-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-card);transform:translateY(-2px)}.machine-type-card__top{justify-content:space-between;align-items:center;width:100%;display:flex}.machine-type-card__selected-badge{background:var(--color-primary-500);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #7a76f559}.machine-type-card__short,.machine-flow-card__index,.machine-type-card__pill{border-radius:999px;width:fit-content;padding:6px 10px;font-size:.78rem}.machine-type-card__short,.machine-flow-card__index{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:700}.machine-type-card--active .machine-type-card__short{background:var(--color-primary-500);color:#fff}.machine-type-card__pill{color:var(--color-muted);background:#1118270a}.machine-type-card--active .machine-type-card__pill{background:var(--color-primary-100);color:var(--color-primary-700);font-weight:600}html[data-theme=dark] .machine-type-card--active .machine-type-card__pill{color:var(--color-primary-300);background:#7a76f540}.machine-generated-note{background:linear-gradient(135deg,#7a76f514,#ffffffe6);border:1px solid #7a76f524;border-radius:18px;margin-top:18px;padding:18px}.publish-option-grid{gap:12px;display:grid}.publish-option-card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;outline:none;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.publish-option-card:hover,.publish-option-card:focus-visible{border-color:var(--color-primary-300);background:var(--color-primary-50)}html[data-theme=dark] .publish-option-card{background:#ffffff05;border-color:#334155}html[data-theme=dark] .publish-option-card:hover,html[data-theme=dark] .publish-option-card:focus-visible{border-color:var(--color-primary-400);background:#7a76f51f}.publish-option-card--active{border-color:var(--color-primary-500)!important;background:linear-gradient(135deg, #7a76f514, var(--color-surface))!important;box-shadow:0 4px 16px #7a76f526, 0 0 0 1px var(--color-primary-500)!important}html[data-theme=dark] .publish-option-card--active{border-color:var(--color-primary-500)!important;box-shadow:0 4px 20px #7a76f547, 0 0 0 1px var(--color-primary-500)!important;background:linear-gradient(135deg,#7a76f533,#121424f2)!important}.publish-option-card__content{flex-direction:column;gap:4px;display:flex}.publish-option-card__header{justify-content:space-between;align-items:center;width:100%;display:flex}.publish-option-card__header strong{color:var(--color-text);font-size:.98rem;font-weight:700}html[data-theme=dark] .publish-option-card__header strong{color:#f8fafc}.publish-option-card p{color:var(--color-muted);margin:0;font-size:.85rem;line-height:1.4}html[data-theme=dark] .publish-option-card p{color:#94a3b8}.publish-option-card__badge{background:var(--color-primary-500);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #7a76f559}.publish-option-card__radio-circle{border:2px solid var(--color-soft);border-radius:999px;width:18px;height:18px;transition:all .2s}html[data-theme=dark] .publish-option-card__radio-circle{border-color:#475569}.publish-option-card:hover .publish-option-card__radio-circle{border-color:var(--color-primary-400)}.machine-create-actions{justify-content:flex-end;gap:12px;display:flex}.machine-flow-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.machine-flow-card{border:1px solid var(--color-border);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.machine-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-action-btn{border:1px solid var(--color-border);background:#fff;border-radius:18px;justify-content:center;align-items:center;min-height:72px;padding:0 16px;font-weight:700;display:flex}.machine-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr) minmax(320px,.9fr);gap:22px;display:grid}.machine-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.machine-stat-row span,.config-score__meta span{color:var(--color-muted);font-size:.82rem}.machine-stat-row strong,.config-score__meta strong{margin-top:4px;display:block}.config-score{grid-template-columns:132px 1fr;align-items:center;gap:16px;display:grid}.config-score__ring{border:8px solid var(--color-primary-200);text-align:center;border-radius:999px;place-items:center;width:132px;height:132px;display:grid}.config-score__ring strong{font-size:1.7rem}.config-score__meta{flex-direction:column;gap:14px;display:flex}.machine-planogram-layout{grid-template-columns:minmax(0,1.7fr) 340px;gap:22px;display:grid}.machine-planogram-layout__main{flex-direction:column;gap:22px;display:flex}.machine-planogram-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.machine-planogram-toolbar .search-input{width:min(280px,100%);height:38px;padding:0 12px}.machine-planogram-toolbar .search-input input{font-size:.82rem}.machine-planogram-toolbar .button{white-space:nowrap;border-radius:10px;min-height:38px;padding:0 14px;font-size:.82rem;font-weight:600}.machine-planogram-toolbar .field{gap:0;width:120px}.machine-planogram-toolbar .field__control{border-radius:10px;min-height:38px;padding:0 10px;font-size:.82rem}.machine-view-toggle{margin-left:auto}.machine-planogram-table{flex-direction:column;gap:10px;display:flex}.machine-planogram-table__head,.machine-planogram-table__row{grid-template-columns:88px 120px 1.4fr 120px repeat(3,minmax(72px,.8fr)) 130px;align-items:center;gap:12px;display:grid}.machine-planogram-table__head{color:var(--muted-foreground,var(--color-muted));padding:0 14px;font-size:.82rem;font-weight:700}.machine-planogram-table__row{border:1px solid var(--border,var(--color-border));background:var(--card,var(--color-surface));color:var(--card-foreground,var(--color-text));text-align:left;cursor:pointer;border-radius:12px;padding:16px 14px;transition:border-color .16s,background-color .16s}.machine-planogram-table__row:hover{border-color:var(--color-primary-400);background:var(--muted,var(--color-surface-subtle))}.machine-planogram-table__row--rich{min-height:72px}.machine-view-toggle{justify-self:end;gap:8px;display:inline-flex}.machine-summary-strip--planogram{grid-template-columns:repeat(6,minmax(0,1fr))}.planogram-grid-board{flex-direction:column;gap:18px;padding:2px 2px 8px;display:flex;overflow-x:auto}.planogram-grid-board__row{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.planogram-grid-board__label{color:var(--muted-foreground,var(--color-muted));z-index:2;background:var(--card,var(--color-surface));padding-top:18px;font-weight:700;position:sticky;left:0}.planogram-grid-board__cells{gap:12px;display:grid}.planogram-slot-card{border:1px solid var(--border,var(--color-border));background:var(--card,var(--color-surface));color:var(--card-foreground,var(--color-text));text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;min-width:108px;min-height:138px;padding:14px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.planogram-slot-card:hover{border-color:var(--color-primary-400);background:var(--muted,var(--color-surface-subtle));transform:translateY(-1px)}.planogram-slot-card p{color:var(--card-foreground,var(--color-text));overflow-wrap:anywhere;margin:0;font-size:.8rem;font-weight:500;line-height:1.25}.planogram-slot-card small,.planogram-slot-card__meta{color:var(--muted-foreground,var(--color-muted))}.planogram-slot-card__top,.planogram-slot-card__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.planogram-slot-card--empty{color:var(--card-foreground,var(--color-text));background:0 0;border-style:dashed;justify-content:center;align-items:flex-start}.planogram-slot-card--empty span{color:var(--primary,var(--color-primary));font-weight:700}.planogram-slot-card--disabled{background:var(--muted,var(--color-surface-subtle));color:var(--muted-foreground,var(--color-muted))}.planogram-slot-card--disabled p{color:var(--muted-foreground,var(--color-muted))}.planogram-slot-card__secondary{color:var(--muted-foreground,var(--color-muted));justify-content:space-between;gap:6px;margin-top:auto;font-size:.72rem;display:flex}.planogram-slot-card__status-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-left:auto;display:inline-block}.planogram-slot-card__status-dot--success{background:var(--color-success)}.planogram-slot-card__status-dot--warning{background:var(--color-warning)}.planogram-slot-card__status-dot--failed{background:var(--color-danger)}.planogram-slot-card__status-dot--maintenance{background:var(--muted-foreground)}.planogram-grid-board__cells--compact-md{gap:8px}.planogram-grid-board__cells--compact-md .planogram-slot-card{border-radius:14px;gap:6px;min-height:118px;padding:10px}.planogram-grid-board__cells--compact-md .planogram-slot-card p{white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.planogram-grid-board__cells--compact-md .planogram-slot-card__meta,.planogram-grid-board__cells--compact-md .planogram-slot-card small{font-size:.75rem}.planogram-grid-board__cells--compact-lg{gap:6px}.planogram-grid-board__cells--compact-lg .planogram-slot-card{border-radius:12px;gap:4px;min-height:102px;padding:8px}.planogram-grid-board__cells--compact-lg .planogram-slot-card p{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.planogram-grid-board__cells--compact-lg .planogram-slot-card__meta,.planogram-grid-board__cells--compact-lg .planogram-slot-card small{gap:4px;font-size:.7rem}.planogram-grid-board__cells--compact-xl{gap:4px}.planogram-grid-board__cells--compact-xl .planogram-slot-card{border-radius:8px;gap:2px;min-height:88px;padding:6px}.planogram-grid-board__cells--compact-xl .planogram-slot-card p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.68rem;overflow:hidden}.planogram-grid-board__cells--compact-xl .planogram-slot-card__meta,.planogram-grid-board__cells--compact-xl .planogram-slot-card small{gap:2px;font-size:.62rem}.planogram-grid-board__cells--compact-xl .planogram-slot-card__top{gap:4px}.planogram-grid-board__cells--compact-xl .planogram-slot-card strong{font-size:.75rem}.planogram-grid-board__cells--compact-xl .planogram-slot-card--empty span{white-space:nowrap;font-size:.65rem}.slot-map-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.slot-map-grid__item{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:16px;min-height:74px}.kpi-card{min-height:115px;padding:15px}.kpi-card .icon-circle{width:34px;height:34px}.kpi-card .icon-circle svg{width:18px;height:18px}.kpi-card .icon-button{width:34px;height:34px}.transactions-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.machines-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.machine-type-kpi-card__total{background:var(--color-primary-100);min-width:34px;height:34px;color:var(--color-primary-600);border:1px solid var(--color-primary-200);border-radius:10px;place-items:center;font-weight:800;display:inline-grid}html[data-theme=dark] .machine-type-kpi-card__total{background:var(--color-primary-100);color:var(--color-primary-300);border-color:var(--color-primary-200)}.machine-type-kpi-list{gap:6px;margin-top:9px;display:grid}.machine-type-kpi-list span{color:var(--color-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.76rem;display:flex}.machine-type-kpi-list strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.machine-type-kpi-list b{color:var(--color-primary-700);font-size:.8rem}.transactions-date-filter{flex:0 0 165px;width:165px;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}input[type=date],input[type=datetime-local],input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.84rem;accent-color:var(--color-primary-600)!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}html[data-theme=dark] input[type=date],html[data-theme=dark] input[type=datetime-local],html[data-theme=dark] input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-surface-raised);border-color:var(--color-border);accent-color:#8b88f8!important}.filter-bar .transactions-date-filter{height:38px;min-height:38px;background:0 0!important;border:none!important;padding:0!important}.dtpicker{display:inline-block;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.dtpicker__trigger{background:var(--color-surface);width:100%;height:38px;min-height:38px;color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:.84rem;transition:border-color .15s,box-shadow .15s;display:inline-flex;outline:none!important}.dtpicker__trigger:hover{border-color:var(--color-primary-400)}.dtpicker__trigger:focus,.dtpicker__trigger:focus-visible,.dtpicker__trigger--open{border-color:var(--color-primary-500)!important;outline:none!important;box-shadow:0 0 0 3px #7a76f529!important}.dtpicker__value{white-space:nowrap;color:var(--color-text);font-size:.84rem;font-weight:500;line-height:1}.dtpicker__icon{color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.dtpicker__popover{z-index:1050;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:12px;width:380px;max-width:calc(100vw - 24px);padding:14px;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 14px 40px #00000026}.dtpicker__popover--align-right{left:auto!important;right:0!important}.dtpicker__main{gap:16px;display:flex}.dtpicker__calendar-col{flex:1}.dtpicker__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dtpicker__month-label{color:var(--color-text);font-size:.88rem;font-weight:700}.dtpicker__nav{gap:4px;display:flex}.dtpicker__nav-btn{border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background-color .15s;display:flex}.dtpicker__nav-btn:hover{background:var(--color-primary-50);color:var(--color-primary-700)}html[data-theme=dark] .dtpicker__nav-btn:hover{color:#a5a2f8;background:#7a76f526}.dtpicker__weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.dtpicker__weekday{color:var(--color-muted);font-size:.72rem;font-weight:700}.dtpicker__days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dtpicker__day{height:30px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:.82rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.dtpicker__day--muted{color:var(--color-soft);opacity:.4;cursor:default}.dtpicker__day:hover:not(.dtpicker__day--muted){background:var(--color-primary-50);color:var(--color-primary-700)}html[data-theme=dark] .dtpicker__day:hover:not(.dtpicker__day--muted){color:#a5a2f8;background:#7a76f526}.dtpicker__day--today{box-shadow:inset 0 0 0 1px var(--color-primary-400);font-weight:700}.dtpicker__day--selected{font-weight:700;background:var(--color-primary-600)!important;color:#fff!important}.dtpicker__time-col{border-left:1px solid var(--color-border);flex-direction:column;width:100px;padding-left:12px;display:flex}.dtpicker__time-header{color:var(--color-muted);margin-bottom:8px;font-size:.78rem;font-weight:700}.dtpicker__time-pickers{flex:1;gap:6px;display:flex}.dtpicker__time-list{flex-direction:column;flex:1;display:flex}.dtpicker__time-label{color:var(--color-muted);text-align:center;margin-bottom:4px;font-size:.7rem}.dtpicker__time-scroll{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.dtpicker__time-btn{color:var(--color-text);cursor:pointer;text-align:center;background:0 0;border:0;border-radius:4px;padding:4px 0;font-size:.78rem;transition:background-color .15s}.dtpicker__time-btn:hover{background:var(--color-primary-50)}html[data-theme=dark] .dtpicker__time-btn:hover{background:#7a76f526}.dtpicker__time-btn--selected{font-weight:700;background:var(--color-primary-600)!important;color:#fff!important}.dtpicker__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.dtpicker__footer-right{align-items:center;gap:8px;display:flex}.dtpicker__footer-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.78rem;transition:background-color .15s}.dtpicker__footer-btn:hover{background:var(--color-surface-raised)}.dtpicker__footer-btn--link{color:var(--color-primary-600);border:0;font-weight:600}.dtpicker__footer-btn--primary{border-color:var(--color-primary-600);background:var(--color-primary-600);color:#fff;font-weight:600}.dtpicker__footer-btn--primary:hover{background:var(--color-primary-700)}.kpi-card__top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.field__label,.simple-table__head,.data-table th,.table-copy,.pagination span,.health-list__item span,.metric-summary span,.incident-meta span{font-size:.82rem}.kpi-card__label{color:var(--color-muted);font-size:.72rem;display:block}.kpi-card__value{color:var(--color-text);margin-top:5px;font-size:1.4rem;font-weight:700;display:block}.kpi-card__subtext{color:var(--color-muted);margin-top:3px;font-size:.72rem;display:block}.metric-trend{margin:9px 0 0;font-size:.76rem;font-weight:600}.metric-trend--up{color:var(--color-success)}.metric-trend--down{color:var(--color-danger)}.metric-trend--neutral{color:var(--color-muted)}.icon-circle{border-radius:999px;place-items:center;width:48px;height:48px;display:grid}.icon-circle--primary{color:var(--color-primary-600);background:var(--color-primary-100)}.icon-circle--success,.icon-circle--online,.icon-circle--healthy{color:var(--color-success);background:var(--color-success-bg)}.icon-circle--failed,.icon-circle--critical,.icon-circle--offline{color:var(--color-danger);background:var(--color-danger-bg)}.icon-circle--warning,.icon-circle--pending{color:var(--color-warning);background:var(--color-warning-bg)}.icon-circle--info,.icon-circle--maintenance,.icon-circle--resolved{color:var(--color-info);background:var(--color-info-bg)}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge--success,.badge--online,.badge--healthy,.badge--resolved{background:var(--color-success-bg);color:var(--color-success)}.badge--failed,.badge--offline,.badge--critical{background:var(--color-danger-bg);color:var(--color-danger)}.badge--warning,.badge--pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge--info,.badge--maintenance{background:var(--color-info-bg);color:var(--color-info)}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.status-metric-grid,.metric-summary,.health-list,.incident-meta{gap:14px;display:grid}.status-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-metric-card{border:1px solid var(--color-border);border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.status-metric-card strong{font-size:1.8rem}.chart-box{width:100%;min-height:260px}.chart-box--compact{min-height:220px}.stack-list,.rank-list,.timeline,.metric-list,.health-list{flex-direction:column;gap:14px;display:flex}.stack-list__item,.rank-list__item,.metric-list__item,.health-list__item{border-bottom:1px solid #e8e8f0cc;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.stack-list__item:last-child,.rank-list__item:last-child,.metric-list__item:last-child,.health-list__item:last-child{border-bottom:0;padding-bottom:0}.stack-list__item:first-child,.rank-list__item:first-child,.metric-list__item:first-child,.health-list__item:first-child{padding-top:0}.stack-list__item strong,.rank-list__item strong,.metric-list__item strong,.timeline__item strong,.health-list__item strong,.incident-meta strong{display:block}.stack-list__item p,.rank-list__item small,.timeline__item p{margin:4px 0 0}.stack-list__meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.inline-link{color:var(--color-primary-600);cursor:pointer;font-weight:700}.map-card{border:1px solid var(--color-border);background:linear-gradient(135deg,#7a76f50f,#fffffff0),repeating-linear-gradient(90deg,#0000,#0000 26px,#11182708 27px),repeating-linear-gradient(0deg,#0000,#0000 26px,#11182708 27px);border-radius:20px;min-height:180px;position:relative;overflow:hidden}.map-card--large{min-height:260px}.map-pin{color:#fff;border-radius:999px;place-items:center;min-width:40px;height:40px;font-size:.8rem;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #11182729}.map-pin--primary{background:var(--color-primary)}.map-pin--online{background:#3fbf67}.map-pin--warning{background:#ffb21f}.map-pin--offline{background:#f87171}.simple-table{width:100%}.simple-table__head,.simple-table__row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:14px;display:grid}.simple-table__head--compact,.simple-table__row--compact{grid-template-columns:1.4fr repeat(7,minmax(44px,.7fr))}.simple-table__head{color:var(--color-muted);padding:0 0 10px;font-weight:700}.simple-table__row{border-top:1px solid #e8e8f0d9;padding:14px 0}.filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #00000008}.filter-bar .search-input,.filter-bar .field__control,.filter-bar select{border-radius:8px;height:38px;min-height:38px;padding:0 12px;font-size:.85rem}.filter-bar .button{white-space:nowrap;border-radius:8px;height:38px;min-height:38px;padding:0 14px;font-size:.85rem}.machines-filter-bar,.transactions-filter-bar,.users-filter-bar{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex;overflow:visible}.machines-filter-bar .search-input,.transactions-filter-bar .search-input,.users-filter-bar .search-input{flex:220px;min-width:170px;max-width:300px}.machines-filter-bar .select-field,.transactions-filter-bar .select-field,.users-filter-bar .select-field{flex:0 auto;min-width:125px;max-width:155px}.transactions-filter-bar .transactions-date-filter{flex:0 0 165px;width:165px}.machines-filter-bar .button,.transactions-filter-bar .button,.users-filter-bar .button{white-space:nowrap;flex:none;height:38px;min-height:38px;margin-left:auto}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field--full{grid-column:1/-1}.field__label{color:var(--color-muted);font-weight:600}.field__control{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-text);border-radius:14px;outline:0;padding:0 14px}.field__control:disabled,.field__control[disabled],.field__control[readonly],.select-field--disabled .select-field__trigger{opacity:.7;background:var(--color-surface-subtle)!important;color:var(--color-muted)!important;border-color:var(--color-border-subtle)!important;cursor:not-allowed!important}html[data-theme=dark] .field__control:disabled,html[data-theme=dark] .field__control[disabled],html[data-theme=dark] .field__control[readonly],html[data-theme=dark] .select-field--disabled .select-field__trigger{color:var(--color-muted)!important;border-color:var(--color-border-subtle)!important;background:#ffffff05!important}.select-field__wrapper{width:100%;position:relative}.select-field__trigger{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;height:46px;min-height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.select-field__trigger:hover,.select-field__trigger--open{border-color:var(--color-primary-400)}.select-field__value{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:.85rem;font-weight:500;overflow:hidden}.select-field__icon{color:var(--color-muted);flex-shrink:0;transition:transform .2s;transform:rotate(90deg)}.select-field__icon--open{transform:rotate(-90deg)}.select-field__dropdown{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:2px;min-width:100%;max-height:240px;padding:4px;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-field__option{color:var(--color-text);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.select-field__option:hover{background:var(--color-primary-50);color:var(--color-primary-700)}html[data-theme=dark] .select-field__option:hover{color:#a5a2f8;background:#7a76f526}.select-field__option--selected{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}html[data-theme=dark] .select-field__option--selected{color:#b7b5f9;background:#7a76f533}.select-field__check{color:var(--color-primary-600);flex-shrink:0}.field__control:focus{border-color:var(--color-primary-300);box-shadow:0 0 0 4px #7a76f51f}.field__control--textarea{resize:vertical;min-height:120px;padding:14px}.field__error{min-height:16px;color:var(--color-danger)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.planogram-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.planogram-card{background:linear-gradient(#f3f2ff8c,#ffffffeb);border:1px solid #7a76f51a;border-radius:18px;padding:14px}.planogram-card__header,.table-progress-cell,.health-list__item div,.incident-header{align-items:center;gap:10px;display:flex}.planogram-card__header{justify-content:space-between}.planogram-card__meta{color:var(--color-muted);justify-content:space-between;margin-top:10px;display:flex}.metric-summary,.incident-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.metric-summary strong,.incident-meta strong{margin-top:4px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.action-card{border:1px solid var(--color-border);text-align:left;cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.action-card span{color:var(--color-muted)}.timeline__item{border-left:2px solid #7a76f529;padding-left:20px;position:relative}.timeline__item:before{content:"";background:var(--color-primary);border-radius:999px;width:12px;height:12px;position:absolute;top:4px;left:-7px}.timeline__item--success:before,.timeline__item--online:before,.timeline__item--resolved:before{background:var(--color-success)}.timeline__item--warning:before{background:var(--color-warning)}.timeline__item--critical:before,.timeline__item--failed:before{background:var(--color-danger)}.breadcrumb{color:var(--color-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.breadcrumb span{align-items:center;gap:8px;display:inline-flex}.breadcrumb__button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 14px;font-weight:700}.tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary)}.table-shell{flex-direction:column;gap:14px;display:flex}.table-toolbar,.table-shell__title{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1120px}.data-table th{text-align:left;color:var(--color-muted);background:var(--color-primary-50);vertical-align:middle;padding:13px 16px;font-weight:700}.data-table th:first-child{border-top-left-radius:14px}.data-table th:last-child{border-top-right-radius:14px}.data-table td{vertical-align:middle;border-bottom:1px solid #e8e8f0cc;padding:15px 16px}.data-table tr:hover td{background:#fafaff}.expanded-row-container td{background:var(--color-surface-subtle)}.expanded-row-container__cell{padding:16px}.column-header{font-weight:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.column-header--sortable{cursor:pointer}.pagination{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination__info{color:var(--color-muted);font-size:13px;font-weight:500}.pagination__actions{align-items:center;gap:10px;display:flex}.pagination__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-main);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.pagination__button:hover:not(:disabled){background:var(--color-surface-subtle);border-color:var(--color-primary-300)}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__page-indicator{color:var(--color-muted);padding:0 4px;font-size:13px;font-weight:600}.table-checkbox{border:1px solid var(--color-border);width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.machine-table-id{color:#334155;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s}html[data-theme=dark] .machine-table-id{color:#f1f5f9}.machine-table-id:hover{color:var(--color-primary);text-decoration:underline}.machine-table-name{color:var(--color-text-main);font-size:14px;font-weight:700;line-height:1.3;display:block}.machine-table-location{color:var(--color-muted);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:inline-flex}.machine-table-location svg{color:#94a3b8}.machine-type-tag{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-block}.machine-type-tag--mt1{color:#4f46e5;background:#6366f11f}html[data-theme=dark] .machine-type-tag--mt1{color:#818cf8;background:#6366f140}.machine-type-tag--mt2{color:#2563eb;background:#3b82f61f}html[data-theme=dark] .machine-type-tag--mt2{color:#60a5fa;background:#3b82f640}.machine-type-tag--mt3{color:#9333ea;background:#a855f71f}html[data-theme=dark] .machine-type-tag--mt3{color:#c084fc;background:#a855f740}.machine-type-sub{color:var(--color-muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.table-operator-text{color:var(--color-text-main);font-size:13px;font-weight:500}.connectivity-icon{align-items:center;display:inline-flex}.connectivity-icon--online{color:#22c55e}.connectivity-icon--warning{color:#f59e0b}.connectivity-icon--offline{color:#ef4444}.connectivity-icon--maintenance{color:#94a3b8}.heartbeat-text{color:var(--color-muted);font-size:13px;font-weight:500}.heartbeat-text--warning{color:#ef4444;font-weight:600}.table-stock-cell{align-items:center;gap:10px;max-width:150px;display:flex}.table-stock-bar-track{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}html[data-theme=dark] .table-stock-bar-track{background:#262b40}.table-stock-bar-fill{border-radius:3px;height:100%;transition:width .3s}.table-stock-bar-fill--healthy{background:#22c55e}.table-stock-bar-fill--warning{background:#f59e0b}.table-stock-bar-fill--danger{background:#ef4444}.table-stock-bar-fill--muted{background:#94a3b8}.table-stock-text{color:var(--color-text-main);text-align:right;min-width:32px;font-size:13px;font-weight:600}.table-sales-text{color:var(--color-text-main);font-size:14px;font-weight:700}.table-status-badge{border-radius:14px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.table-status-badge--online{color:#15803d;background:#dcfce7}html[data-theme=dark] .table-status-badge--online{color:#4ade80;background:#22c55e33}.table-status-badge--warning{color:#b45309;background:#fef3c7}html[data-theme=dark] .table-status-badge--warning{color:#fcd34d;background:#f59e0b33}.table-status-badge--offline{color:#b91c1c;background:#fee2e2}html[data-theme=dark] .table-status-badge--offline{color:#fca5a5;background:#ef444433}.table-status-badge--maintenance{color:#6b21a8;background:#f3e8ff}html[data-theme=dark] .table-status-badge--maintenance{color:#e9d5ff;background:#a855f733}.table-actions-menu-wrapper{display:inline-block;position:relative}.table-actions-menu-trigger{width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.table-actions-menu-trigger:hover{background:var(--color-surface-subtle);color:var(--color-text-main);border-color:var(--color-border)}.table-actions-dropdown{z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:2px;min-width:140px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000a}.table-actions-dropdown__item{width:100%;color:var(--color-text-main);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.table-actions-dropdown__item:hover{background:var(--color-surface-subtle);color:var(--color-primary)}.table-actions-dropdown__item--danger{color:#ef4444}.table-actions-dropdown__item--danger:hover{color:#dc2626;background:#ef44441a}.mobile-card-list{gap:12px;display:none}.mobile-table-card{border:1px solid var(--color-border);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.mobile-table-card p,.mobile-table-card strong{margin:0}.mobile-table-card--button{text-align:left;cursor:pointer;width:100%}.machine-code-link{color:var(--color-primary-700);letter-spacing:-.01em;font-weight:800}.machine-code-link:hover{color:var(--color-primary-600);text-underline-offset:3px;text-decoration:underline}.machine-action-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.machine-view-toggle{background:var(--color-primary-50);border:1px solid #7a76f524;border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex}.machine-view-toggle__button{min-height:34px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-weight:800}.machine-view-toggle__button:hover,.machine-view-toggle__button:focus-visible{color:var(--color-primary-700)}.machine-view-toggle__button--active{color:var(--color-primary-700);background:#fff;box-shadow:0 4px 8px #7a76f51f}.machine-fleet-actions{background:var(--color-primary-50);border-radius:14px;align-items:center;gap:10px;padding:4px;display:flex}.machine-card-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(340px,46vw,560px),1fr));gap:20px;display:grid}.machine-fleet-card{min-width:0;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:16px;transition:border-color .22s,transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.machine-fleet-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.machine-card__top-section{flex-direction:row;align-items:stretch;gap:16px;width:100%;display:flex}.machine-card__preview-box{border-radius:var(--radius-lg);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);flex-shrink:0;place-items:center;width:130px;min-width:130px;height:210px;padding:8px;display:grid}.machine-card__preview-img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000040);max-width:100%;max-height:114px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.machine-fleet-card:hover .machine-card__preview-img{transform:scale(1.04)}.machine-card__main{flex-direction:column;flex:1;justify-content:space-between;gap:10px;min-width:0;display:flex}.machine-fleet-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.machine-fleet-card__identity{flex-direction:column;gap:2px;min-width:0;display:flex}.machine-code-link{color:var(--color-primary-600);letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:800;text-decoration:none}html[data-theme=dark] .machine-code-link{color:var(--color-primary-400)}.machine-fleet-card__name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:700;overflow:hidden}.machine-fleet-card__location{color:var(--color-muted);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.machine-fleet-card__badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.machine-card__metric-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 0;display:grid}.machine-card__metric-col{border-right:1px solid var(--color-border-subtle);flex-direction:column;gap:2px;min-width:0;padding-right:4px;display:flex}.machine-card__metric-col:last-child{border-right:0;padding-right:0}.machine-card__metric-label{color:var(--color-muted);font-size:.7rem;font-weight:600}.machine-card__metric-val{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.machine-card__metric-val--pulse{color:var(--color-success);align-items:center;gap:4px;display:inline-flex}.machine-card__metric-sub{color:var(--color-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.machine-card__info-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0;display:grid}.machine-card__info-item{align-items:center;gap:6px;min-width:0;display:flex}.machine-card__info-item--wifi{justify-content:space-between;position:relative}.machine-card__info-icon{color:var(--color-muted);flex-shrink:0}.machine-card__info-text{flex-direction:column;min-width:0;display:flex}.machine-card__info-label{color:var(--color-muted);white-space:nowrap;font-size:.68rem}.machine-wifi-text{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.machine-wifi-text--connected{color:var(--color-success)}.machine-wifi-text--disconnected{color:var(--color-danger)}.machine-wifi-sub{color:var(--color-muted);white-space:nowrap;font-size:.66rem}.machine-wifi-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:14px;display:flex}.wifi-bar{background:var(--color-surface-subtle);border-radius:2px;width:3px}.wifi-bar:first-child{height:4px}.wifi-bar:nth-child(2){height:7px}.wifi-bar:nth-child(3){height:10px}.wifi-bar:nth-child(4){height:14px}.wifi-bar--active{background:var(--color-success)}.machine-stock-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-block;overflow:hidden}.machine-stock-pill--healthy{background:var(--color-success-bg);color:var(--color-success)}.machine-stock-pill--warning{background:var(--color-warning-bg);color:var(--color-warning)}.machine-stock-pill--muted{background:var(--color-surface-subtle);color:var(--color-muted)}.machine-info-pill{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:700;overflow:hidden}.machine-fleet-card__footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.machine-action-group{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.machine-action-group .button{white-space:nowrap}@media (width<=520px){.machine-card__top-section{flex-direction:column}.machine-card__preview-box{width:100%;min-width:100%;height:180px}.machine-card__metric-strip{grid-template-columns:repeat(2,1fr);row-gap:8px}.machine-card__info-strip{grid-template-columns:1fr}}.machine-stock-value--warning{color:var(--color-warning)}.machine-stock-value--muted{color:#ffffffb8}.machine-card-detail-btn{color:#fff;background:#ffffff1f}.machine-card-detail-btn:hover{background:#fff3}.machine-table-status-stack{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.machine-table-status-stack span:not(.badge){color:var(--color-muted);font-size:.72rem}.machine-table-status-stack--badges{gap:6px}.empty-state{text-align:center;place-items:center;gap:10px;min-height:220px;padding:16px;display:grid}.empty-state h3,.empty-state p{margin:0}.skeleton-stack{gap:12px;display:grid}.skeleton-row{border-radius:var(--radius-lg);background:var(--color-skeleton-bg);background-size:240px 100%;height:72px;animation:1.4s linear infinite shimmer}.toast-stack{z-index:70;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{min-width:260px;max-width:360px;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #fffc;border-radius:18px;padding:14px 16px}.toast strong,.toast p{margin:0}.toast p{color:var(--color-muted);margin-top:6px}.toast--success{border-color:#16a34a2e}.toast--failed{border-color:#ef44442e}.toast--primary,.toast--info{border-color:#7a76f52e}.dialog-backdrop{z-index:60;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(480px,100%);box-shadow:var(--shadow-soft);background:#fff;border-radius:24px;padding:28px 24px 24px;position:relative}.dialog__close-btn{color:#ef4444;cursor:pointer;z-index:10;background:#ef444414;border:1px solid #ef444438;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:20px;right:20px}.dialog__close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.08)rotate(90deg);box-shadow:0 4px 12px #ef444459}.dialog__close-btn:active{transform:scale(.95)rotate(90deg)}html[data-theme=dark] .dialog__close-btn{color:#f87171;background:#ef444429;border-color:#ef444452}html[data-theme=dark] .dialog__close-btn:hover{color:#fff;background:#ef4444}.dialog .field{margin-top:16px}.dialog .field__control--textarea{min-height:96px}.dialog p{color:var(--color-muted);margin:12px 0 18px;line-height:1.6}.dialog__actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.user-actions-trigger{width:40px;height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.user-actions-trigger:hover,.user-actions-trigger:focus-visible{color:var(--color-primary);background:var(--color-primary-50);outline:2px solid #0000}.user-actions-menu{z-index:80;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);width:210px;max-height:min(420px,100vh - 24px);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-dropdown);padding:6px;position:fixed;overflow-y:auto}.user-actions-menu__item{width:100%;min-height:36px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:.85rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.user-actions-menu__item svg{color:var(--color-muted);flex-shrink:0;transition:color .15s}.user-actions-menu__item:hover,.user-actions-menu__item:focus-visible{background:var(--color-primary-50);color:var(--color-primary-600);outline:none}.user-actions-menu__item:hover svg,.user-actions-menu__item:focus-visible svg{color:var(--color-primary-600)}.user-actions-menu__item--danger,.user-actions-menu__item--danger svg{color:var(--color-danger)}.user-actions-menu__item--danger:hover,.user-actions-menu__item--danger:focus-visible{background:var(--color-danger-bg);color:var(--color-danger)}.user-actions-menu__item--danger:hover svg,.user-actions-menu__item--danger:focus-visible svg{color:var(--color-danger)}.mobile-user-actions{align-items:center;gap:8px;display:flex}.permission-role-matrix{width:100%;overflow-x:auto}.permission-role-matrix__row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(240px,1.7fr) repeat(8,minmax(92px,1fr));align-items:center;min-width:1040px;display:grid}.permission-role-matrix__row>span{text-align:center;justify-content:center;align-items:center;min-height:48px;padding:8px 10px;display:flex}.permission-role-matrix__row>span:first-child{text-align:left;justify-content:flex-start}.permission-role-matrix__head{z-index:1;color:var(--color-muted);background:var(--color-primary-50);font-size:.82rem;font-weight:700;position:sticky;top:0}.permission-drawer-backdrop{z-index:90;background:#0f172a75;justify-content:flex-end;display:flex;position:fixed;inset:0}.permission-drawer{width:min(1040px,94vw);height:100%;color:var(--color-text);background:var(--color-surface);grid-template-rows:auto auto minmax(0,1fr) auto;animation:.18s cubic-bezier(.16,1,.3,1) permission-drawer-enter;display:grid}.permission-drawer__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;display:flex}.permission-drawer__header h2,.permission-drawer__context{margin:0}.permission-drawer__header h2{letter-spacing:-.02em;margin-top:4px;font-size:1.35rem}.permission-drawer__context{color:var(--color-primary);font-size:.82rem;font-weight:700}.permission-drawer__meta{color:var(--color-muted);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.84rem;display:flex}.permission-drawer__close{width:44px;height:44px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:1.65rem}.permission-drawer__close:hover,.permission-drawer__close:focus-visible{color:var(--color-text);background:var(--color-primary-50);outline:2px solid var(--color-primary-200)}.permission-drawer__toolbar{border-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:10px;padding:12px 28px;display:flex}.permission-drawer__toolbar .search-input{flex:1;min-width:260px}.permission-filter-toggle{min-height:40px;color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.permission-drawer__body{padding:18px 28px 28px;overflow-y:auto}.permission-module{border:1px solid var(--color-border);border-radius:12px;margin-bottom:12px;overflow:hidden}.permission-module__heading{background:var(--color-primary-50);width:100%;min-height:48px;color:var(--color-text);text-align:left;cursor:pointer;border:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.permission-module__heading small{color:var(--color-muted);margin-left:auto}.permission-module__resources{background:var(--color-surface)}.permission-resource{border-top:1px solid var(--color-border);grid-template-columns:minmax(180px,.55fr) minmax(0,2fr);gap:16px;padding:14px;display:grid}.permission-resource__name{flex-direction:column;gap:4px;display:flex}.permission-resource__name span{color:var(--color-muted);font-size:.78rem}.permission-resource__actions{gap:8px;display:grid}.permission-action-cell{grid-template-columns:minmax(90px,.35fr) minmax(0,1.65fr);align-items:center;gap:10px;min-width:0;display:grid}.permission-action-cell__label{text-transform:capitalize;align-items:center;gap:6px;display:flex}.permission-action-cell__label span{color:var(--color-danger);background:var(--color-danger-bg);border-radius:999px;padding:2px 6px;font-size:.68rem}.permission-tristate{align-items:center;gap:4px;min-width:0;display:flex}.permission-tristate__option{border:1px solid var(--color-border);min-height:36px;color:var(--color-muted);background:var(--color-surface);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.permission-tristate__option:hover,.permission-tristate__option:focus-visible{border-color:var(--color-primary-300);outline:none}.permission-tristate__option--inherit.is-selected{color:var(--color-text);border-color:var(--color-soft);background:var(--color-bg)}.permission-tristate__option--allow.is-selected{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-bg)}.permission-tristate__option--deny.is-selected{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg)}.permission-effective{white-space:nowrap;border-radius:999px;margin-left:4px;padding:3px 7px;font-size:.68rem;font-weight:700}.permission-effective--granted{color:var(--color-success);background:var(--color-success-bg)}.permission-effective--blocked{color:var(--color-muted);background:var(--color-bg)}.permission-drawer__empty{text-align:center;align-content:center;place-items:center;gap:10px;min-height:220px;display:grid}.permission-drawer__footer{border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex}.permission-drawer__footer p{color:var(--color-muted);margin:0;font-size:.8rem}.permission-drawer__footer>div{gap:10px;display:flex}.secure-url-dialog{width:min(680px,100%)}.secure-url-dialog__value{border:1px solid var(--color-border);background:var(--color-bg);overflow-wrap:anywhere;border-radius:10px;max-height:160px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;overflow:auto}.user-audit-dialog{width:min(720px,100%);max-height:min(760px,100vh - 40px);overflow-y:auto}.user-audit-list{gap:8px;display:grid}.user-audit-list article{border:1px solid var(--color-border);border-radius:10px;padding:12px}.user-audit-list article>div{justify-content:space-between;gap:12px;display:flex}.user-audit-list article p{margin:4px 0 0;font-size:.82rem}@keyframes permission-drawer-enter{0%{opacity:.8;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=820px){.permission-drawer{width:100vw}.permission-drawer__header,.permission-drawer__body,.permission-drawer__footer{padding-left:16px;padding-right:16px}.permission-drawer__toolbar{grid-template-columns:1fr 1fr;padding:12px 16px;display:grid}.permission-drawer__toolbar .search-input{grid-column:1/-1;min-width:0}.permission-resource,.permission-action-cell{grid-template-columns:1fr}.permission-tristate{flex-wrap:wrap}.permission-tristate__option{min-height:44px}.permission-drawer__footer{flex-direction:column;align-items:stretch}.permission-drawer__footer>div{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.permission-drawer{animation:none}}.funnel{flex-direction:column;align-items:center;gap:10px;display:flex}.funnel__step{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-300));color:#fff;border-radius:14px;grid-template-columns:1.4fr auto auto;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:grid}.health-list__item div{justify-content:flex-end}.incident-header{justify-content:flex-start;margin-bottom:10px}.support-illustration{object-fit:cover;border-radius:24px;width:96px;height:96px;margin-top:18px}.currency-pill{background:var(--color-primary-50);min-height:30px;color:var(--color-primary-700);border-radius:999px;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.toggle{align-items:center;gap:10px;display:inline-flex}.toggle input{width:18px;height:18px}.mobile-drawer,.mobile-bottom-nav{display:none}.mobile-drawer{z-index:55;background:#0f172a52;position:fixed;inset:0}.mobile-drawer__panel{background:var(--color-surface);width:min(320px,90vw);height:100%;box-shadow:var(--shadow-soft);padding:20px}.mobile-drawer__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mobile-drawer__header img{width:140px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}@media (prefers-reduced-motion:reduce){.machine-fleet-card,.machine-fleet-card__image{transition:none}.machine-fleet-card:hover{transform:none}.machine-fleet-card:hover .machine-fleet-card__image{transform:scale(1.04)}}@media (width<=1280px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transactions-filter-bar .search-input,.machines-filter-bar .search-input{flex:220px;max-width:none}.transactions-kpi-grid,.machines-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-column-grid,.reports-grid{grid-template-columns:1fr}.reports-grid__wide{grid-column:auto}}@media (width<=1180px){.dashboard-grid,.dashboard-detail-grid,.two-column-grid,.split-panel,.config-layout,.machine-detail-grid,.machine-planogram-layout{grid-template-columns:1fr}.dashboard-detail-metrics,.status-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-summary-strip,.machine-type-card-grid,.machine-quick-grid,.machine-stat-row{grid-template-columns:1fr}.machine-summary-strip--planogram{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.machine-stepper{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.machine-stepper::-webkit-scrollbar{display:none}.machine-stepper__item{border-radius:var(--radius-md);flex:none;min-width:135px;padding:10px 12px}.machine-stepper__item span{width:28px;height:28px;font-size:.8rem}.machine-stepper__item strong{white-space:nowrap;font-size:.82rem}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu-btn{display:inline-grid}.mobile-drawer,.mobile-bottom-nav{display:block}.mobile-bottom-nav{z-index:45;background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:12px;left:12px;right:12px}.mobile-bottom-nav__item{min-height:64px;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.7rem;transition:background-color .16s,color .16s;display:flex}.mobile-bottom-nav__item.active{color:var(--color-primary-600)}.mobile-bottom-nav__item:active{background:#7a76f514}.main-layout{padding:18px 18px 96px}.page-header,.page-header__actions,.topbar,.machine-planogram-toolbar,.machine-create-actions{flex-direction:column;align-items:stretch}.page-header__description,.topbar__description{display:none!important}.topbar{height:auto}.topbar__right,.page-header__actions,.card-actions{flex-wrap:wrap}.user-chip{align-self:flex-end}.search-input{width:100%}.transactions-filter-bar .search-input,.machines-filter-bar .search-input,.users-filter-bar .search-input{flex:100%;max-width:100%}.transactions-filter-bar .select-field,.machines-filter-bar .select-field,.users-filter-bar .select-field{flex:140px;max-width:none}.machine-planogram-toolbar .field{width:100%}.form-grid,.config-score{grid-template-columns:1fr}.machine-planogram-table__head{display:none}.machine-planogram-table__row{grid-template-columns:repeat(2,minmax(0,1fr))}.planogram-grid-board__row{grid-template-columns:1fr}.planogram-grid-board__label{padding-top:0}}@media (width<=768px){.kpi-grid,.dashboard-detail-metrics,.status-metric-grid,.transactions-kpi-grid,.machines-kpi-grid{grid-template-columns:1fr}.transactions-filter-bar .search-input,.transactions-filter-bar .select-field,.transactions-filter-bar .field,.transactions-filter-bar .button,.transactions-date-filter,.machines-filter-bar .search-input,.machines-filter-bar .select-field,.machines-filter-bar .field,.machines-filter-bar .button,.users-filter-bar .search-input,.users-filter-bar .select-field,.users-filter-bar .field,.users-filter-bar .button{flex:100%;width:100%;max-width:100%;margin-left:0}.simple-table__head,.simple-table__row,.simple-table__head--compact,.simple-table__row--compact{grid-template-columns:1fr}.data-table{display:none}.mobile-card-list{display:grid}.machine-card-grid{grid-template-columns:1fr}.pagination{justify-content:center}.toast-stack{bottom:90px;left:12px;right:12px}}@media (width<=560px){.main-layout{padding-inline:14px}.topbar__right .search-input,.user-chip__meta{display:none}.button,.field__control,.machine-fleet-actions,.machine-view-toggle,.machine-view-toggle__button,.machine-action-group,.machine-action-group .button{width:100%}.machine-view-toggle{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.machine-fleet-card__top,.machine-fleet-card__footer,.machine-fleet-card__stock>div{flex-direction:column;align-items:stretch}.machine-fleet-card{min-height:430px}.machine-fleet-card__content{padding:18px}.machine-fleet-card__badges,.machine-action-group{justify-content:flex-start}.machine-fleet-card__meta{grid-template-columns:1fr}.dialog__actions{flex-direction:column}}.auth-page{background:radial-gradient(circle at 12% 76%, var(--color-radial-1), transparent 35%), radial-gradient(circle at 78% 28%, var(--color-radial-2), transparent 35%), var(--color-bg);place-items:center;min-height:100vh;padding:32px;transition:background-color .3s;display:grid}.auth-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;width:min(100%,1180px);min-height:680px;padding:40px;display:grid;position:relative;overflow:hidden}.auth-card-container{width:min(100%,560px);position:relative}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-card);padding:44px}.auth-logo{justify-content:center;margin-bottom:26px;display:flex}.auth-logo img{object-fit:contain;width:auto;height:54px}.auth-title{color:var(--color-text);letter-spacing:-.05em;text-align:center;margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.08}.auth-subtitle{color:var(--color-muted);text-align:center;margin:12px 0 28px;font-size:1.02rem;line-height:1.6}.auth-form{gap:2px;display:grid}.auth-field{gap:8px;display:grid}.auth-field>span{color:var(--color-text);font-size:14px;font-weight:700}.auth-input-wrap{position:relative}.auth-input{width:100%;min-height:54px;color:var(--color-text);background:#fff;border:1px solid #d1d5dbf2;border-radius:15px;outline:0;padding:0 16px;transition:all .16s}.auth-input::placeholder{color:#b0b7c3}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #7a76f51f}.auth-input-toggle{color:#adb4c0;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-field__error{min-height:16px;color:var(--color-danger);font-size:.78rem}.auth-form__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-checkbox{color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.94rem;display:inline-flex}.auth-checkbox input[type=checkbox]{appearance:none;border:1.5px solid var(--color-border);background-color:var(--color-surface-raised);cursor:pointer;border-radius:4px;flex-shrink:0;place-content:center;width:18px;height:18px;margin:0;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-grid}.auth-checkbox input[type=checkbox]:hover{border-color:var(--color-primary-400)}.auth-checkbox input[type=checkbox]:checked{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.auth-checkbox input[type=checkbox]:checked:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(.5px,-.5px)}.auth-checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #7a76f540}.auth-checkbox--terms{align-items:flex-start}.auth-checkbox--terms a,.auth-text-link,.auth-footer a{color:var(--color-primary-600);font-weight:700}.auth-button.button{border-radius:16px;width:100%;min-height:56px;margin-top:4px;font-size:1.04rem}.auth-banner{border:1px solid #0000;border-radius:16px;padding:14px 16px}.auth-banner strong,.auth-banner p,.auth-banner small{margin:0;display:block}.auth-banner p{line-height:1.55}.auth-banner small{color:inherit;opacity:.86;margin-top:6px}.auth-banner--error{color:#b42318;background:#fff3f2;border-color:#ef444429}.auth-banner--info{color:#4f4bc2;background:#f5f6ff;border-color:#7a76f529}.auth-banner--success{color:#0f9a46;background:#eefbf3;border-color:#16a34a29}.auth-footer{text-align:center;color:var(--color-muted);margin-top:18px;font-size:1rem}.auth-footer p{margin:0}.auth-mascot{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.auth-mascot--desktop{width:170px;bottom:-22px;left:-95px}.auth-mascot--mobile{display:none}.auth-loading-screen{background:radial-gradient(circle at 0 0,#7a76f51f,#0000 30%),linear-gradient(135deg,#f7f8ff 0%,#eef4ff 55%,#fbfbff 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading-screen .card,.auth-loading-screen__stack{width:min(100%,460px)}@media (width<=900px){.auth-page{padding:14px}.auth-shell{width:100%;min-height:calc(100vh - 28px);padding:24px 20px 88px}.auth-mascot--desktop{width:170px;bottom:-22px;left:-95px}}@media (width<=768px){.auth-page{padding:0}.auth-shell{width:100%;min-height:100vh;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth-card{width:100%;min-height:100vh;box-shadow:none;background:0 0;border:0;border-radius:0;padding:54px 22px 112px}.auth-logo img{height:48px}.auth-subtitle{margin-bottom:24px}.auth-mascot--desktop{display:none}.auth-mascot--mobile{width:92px;display:block;bottom:18px;right:18px}}@media (width<=560px){.auth-card{padding-inline:18px}.auth-form__row{flex-direction:column;align-items:flex-start}}.field__error{color:var(--color-danger,#dc2626);margin-top:.25rem;font-size:.75rem;display:block}.form-error-summary{background:var(--color-danger-bg,#fef2f2);border:1px solid var(--color-danger,#dc2626);color:var(--color-danger,#dc2626);border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}.form-error-summary ul{margin:.25rem 0 0;padding-left:1.25rem}.form-error-summary li{margin-top:.125rem}.refill-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.refill-view-toggle{border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;min-height:44px;margin-left:auto;display:flex;overflow:hidden}.refill-view-btn{cursor:pointer;min-height:44px;color:var(--color-text);background:0 0;border:none;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.refill-view-btn--active{background:var(--color-primary-600,#6366f1);color:#fff}.refill-layout{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}@media (width<=1024px){.refill-layout{grid-template-columns:1fr}}@media (width<=760px){.refill-controls{align-items:stretch}.refill-controls .field,.refill-controls .button,.refill-view-toggle{width:100%}.refill-view-toggle{margin-left:0}.refill-view-btn{flex:1}.refill-sticky-footer{flex-direction:column;align-items:stretch}.inventory-mobile-card__actions{justify-content:flex-start;width:100%}}.refill-matrix{flex-direction:column;gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.refill-matrix__row{align-items:flex-start;gap:.75rem;min-width:720px;display:flex}.refill-matrix__row-label{min-width:24px;color:var(--color-muted,#6b7280);padding-top:1.25rem;font-size:.875rem;font-weight:700}.refill-slot{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:.75rem;flex:1;min-width:0;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.refill-slot:hover{border-color:var(--color-primary-300,#a5b4fc)}.refill-slot--selected{border-color:var(--color-primary-600,#6366f1);box-shadow:0 0 0 2px var(--color-primary-100,#e0e7ff)}.refill-slot--changed{border-color:var(--color-primary-600,#6366f1);background:var(--color-primary-50,#eef2ff)}.refill-slot__select{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:.75rem .75rem .5rem;display:block}.refill-slot__select:focus-visible,.refill-view-btn:focus-visible,.refill-slot__controls button:focus-visible,.refill-table-controls button:focus-visible,.refill-table-controls input:focus-visible,.table-link-button:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.refill-slot__header{margin-bottom:.25rem;font-size:.875rem;font-weight:600}.refill-slot__product{color:var(--color-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.refill-slot__qty{margin:.25rem 0;font-size:.75rem}.refill-slot__status{align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.6875rem;display:flex}.refill-slot__controls{justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem .75rem;display:flex}.refill-slot__controls button{border:1px solid var(--color-border,#e5e7eb);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1rem;display:grid}.refill-slot__controls button:hover{background:var(--color-primary-50,#eef2ff);border-color:var(--color-primary-300,#a5b4fc)}.refill-slot__controls span{text-align:center;min-width:36px;font-size:.875rem;font-weight:600}.refill-legend{color:var(--color-muted,#6b7280);flex-wrap:wrap;gap:1.25rem;margin-top:1rem;padding:.75rem;font-size:.75rem;display:flex}.refill-legend span,.refill-table-status{align-items:center;gap:.25rem;display:inline-flex}.refill-status-dot{border-radius:999px;flex:none;width:.5rem;height:.5rem;display:inline-block}.refill-status-dot--healthy{background:var(--color-success)}.refill-status-dot--low{background:var(--color-warning)}.refill-status-dot--empty{background:var(--color-danger)}.refill-status-dot--disabled{background:var(--color-soft)}.refill-status-dot--changed{background:var(--color-primary-600)}.data-table--refill{min-width:760px}.refill-table-controls{align-items:center;gap:.5rem;display:inline-flex}.refill-table-controls button{border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);cursor:pointer;border-radius:999px;font-weight:700}.refill-table-controls input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:4rem;min-height:44px;color:var(--color-text);background:var(--color-surface);text-align:center}.refill-empty-note{color:var(--color-muted);margin:1rem 0 0}.refill-summary-kpis{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.refill-summary-kpis strong{font-size:1.5rem;display:block}.refill-summary-kpis span{color:var(--color-muted,#6b7280);font-size:.6875rem}.refill-summary-positive{color:var(--color-success)}.refill-slot-editor__product{margin-bottom:.5rem}.refill-slot-editor__meta{gap:1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.refill-slot-editor__fields{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.validation-mark{border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;margin-right:.35rem;font-size:.75rem;font-weight:800;display:inline-grid}.validation-mark--success{background:var(--color-success-bg);color:var(--color-success)}.validation-mark--warning{background:var(--color-warning-bg);color:var(--color-warning)}.inventory-mobile-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.inventory-stock-cell{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.inventory-stock-cell__percent{font-weight:700}.inventory-stock-cell__percent--low{color:var(--color-danger)}.movement-delta{border-radius:var(--radius-sm);align-items:center;min-height:1.75rem;padding:.125rem .5rem;font-size:.85rem;font-weight:700;display:inline-flex}.movement-delta--positive{color:var(--color-success);background:var(--color-success-bg)}.movement-delta--negative{color:var(--color-danger);background:var(--color-danger-bg)}.refill-sticky-footer{border-top:1px solid var(--color-border,#e5e7eb);z-index:50;background:#fff;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}@media (width>=1025px){.refill-sticky-footer{display:none}}.machine-detail-header{margin-bottom:1rem}.machine-detail-header__info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.machine-detail-header__info h1{margin:0;font-size:1.5rem;font-weight:700}.machine-detail-header__code{color:var(--color-muted,#6b7280);font-size:.875rem}.machine-detail-header__meta{color:var(--color-muted,#6b7280);gap:1rem;margin-top:.25rem;font-size:.8125rem;display:flex}.machine-tabs{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;align-items:center;gap:4px;padding:4px 6px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #00000008}html[data-theme=dark] .machine-tabs{background:var(--color-surface,#131625);border-color:var(--color-border,#222738)}.machine-tabs__item{color:var(--color-muted,#64748b);white-space:nowrap;border-bottom:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.machine-tabs__item:hover{color:var(--color-primary,#6366f1);background:#6366f10a}.machine-tabs__item--active{color:var(--color-primary,#6366f1);border-bottom-color:var(--color-primary,#6366f1);background:#6366f114;font-weight:600}html[data-theme=dark] .machine-tabs__item--active{color:#818cf8;background:#6366f133;border-bottom-color:#818cf8}.machine-tab-content{min-height:200px}.searchable-select{position:relative}.searchable-select__dropdown{z-index:50;border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:.5rem;max-height:220px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.searchable-select__option{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;font-size:.8125rem;display:flex}.searchable-select__option:hover{background:var(--color-primary-50,#eef2ff)}.searchable-select__option strong{white-space:nowrap;font-weight:600}.searchable-select__option span{color:var(--color-muted,#6b7280);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select__empty{color:var(--color-muted,#6b7280);text-align:center;padding:.75rem;font-size:.8125rem}.sselect{width:100%;position:relative}.sselect__trigger{border:1.5px solid var(--color-border,#e8e8f0);border-radius:var(--radius-sm,8px);background:var(--color-surface,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.sselect__trigger:hover{border-color:var(--color-primary-300,#b7b3ff)}.sselect__trigger--open,.sselect__trigger:focus{border-color:var(--color-primary,#7a76f5);box-shadow:0 0 0 3px #7a76f51f}.sselect__search{color:var(--color-text,#111827);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.875rem}.sselect__placeholder{color:var(--color-soft,#9ca3af);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.sselect__value{flex-direction:column;flex:1;gap:.1rem;display:flex;overflow:hidden}.sselect__value-label{color:var(--color-text,#111827);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sselect__value-sub{color:var(--color-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sselect__icons{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.sselect__clear{background:var(--color-border,#e8e8f0);width:1.25rem;height:1.25rem;color:var(--color-muted,#6b7280);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:flex}.sselect__clear:hover{background:var(--color-danger-bg,#feecec);color:var(--color-danger,#ef4444)}.sselect__chevron{color:var(--color-muted,#6b7280);font-size:.875rem;transition:transform .15s;display:inline-block}.sselect__chevron--up{transform:rotate(180deg)}.sselect__dropdown{z-index:100;background:var(--color-surface,#fff);border:1.5px solid var(--color-primary,#7a76f5);border-radius:var(--radius-sm,8px);box-shadow:0 8px 24px #7a76f51a, var(--shadow-soft);max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.sselect__status{color:var(--color-muted,#6b7280);text-align:center;padding:.75rem;font-size:.8125rem}.sselect__option{cursor:pointer;border-bottom:1px solid var(--color-border,#e8e8f0);flex-direction:column;gap:.1rem;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:background .1s;display:flex}.sselect__option:last-child{border-bottom:none}.sselect__option:hover,.sselect__option--active{background:var(--color-primary-50,#f3f2ff)}.sselect__option--selected{background:var(--color-primary-100,#e7e6ff)}.sselect__option--disabled{opacity:.55;cursor:not-allowed}.sselect__option--disabled:hover{background:0 0}.sselect__option-label{color:var(--color-text,#111827);font-weight:600}.sselect__option-sub{color:var(--color-muted,#6b7280);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}html[data-theme=dark] .sidebar{background:linear-gradient(180deg, var(--color-sidebar), var(--color-surface))!important}html[data-theme=dark] .sidebar__collapse-btn,html[data-theme=dark] .sidebar-mascot-btn,html[data-theme=dark] .sidebar__theme,html[data-theme=dark] .mobile-menu-btn,html[data-theme=dark] .icon-button,html[data-theme=dark] .user-chip,html[data-theme=dark] .search-input,html[data-theme=dark] .card,html[data-theme=dark] .machine-summary-strip,html[data-theme=dark] .machine-stepper__item,html[data-theme=dark] .machine-type-card,html[data-theme=dark] .machine-flow-card,html[data-theme=dark] .machine-action-btn,html[data-theme=dark] .machine-planogram-table__row,html[data-theme=dark] .slot-map-grid__item,html[data-theme=dark] .field__control,html[data-theme=dark] .action-card,html[data-theme=dark] .pagination button,html[data-theme=dark] .mobile-table-card,html[data-theme=dark] .toast,html[data-theme=dark] .dialog,html[data-theme=dark] .mobile-drawer__panel,html[data-theme=dark] .auth-input,html[data-theme=dark] .refill-slot,html[data-theme=dark] .refill-slot__controls button,html[data-theme=dark] .refill-table-controls button,html[data-theme=dark] .refill-table-controls input,html[data-theme=dark] .machine-view-toggle__button--active{background:var(--color-surface)!important;color:var(--color-text)!important}html[data-theme=dark] .mobile-bottom-nav{background:var(--color-surface-raised)!important;border-color:var(--color-border)!important;box-shadow:0 4px 8px #00000038!important}html[data-theme=dark] .mobile-bottom-nav__item{color:var(--color-muted)!important}html[data-theme=dark] .mobile-bottom-nav__item.active{color:var(--color-primary-700)!important}html[data-theme=dark] .mobile-bottom-nav__item:active{background:#7a76f524!important}html[data-theme=dark] .refill-slot--changed{background:#7a76f51f!important}html[data-theme=dark] .refill-view-btn--active{background:var(--color-primary-600)!important;color:#fff!important}html[data-theme=dark] .planogram-slot-card{background:var(--card)!important;color:var(--card-foreground)!important}html[data-theme=dark] .planogram-slot-card--empty{background:0 0!important}html[data-theme=dark] .planogram-slot-card--disabled{background:var(--muted)!important}html[data-theme=dark] .planogram-slot-card--active{background:color-mix(in srgb, var(--card) 82%, var(--primary) 18%)!important}html[data-theme=dark] .upgrade-card{background:linear-gradient(180deg, #7a76f526, var(--color-surface))!important}html[data-theme=dark] .data-table tr:hover td{background:#7a76f50a!important}html[data-theme=dark] .stack-list__item,html[data-theme=dark] .rank-list__item,html[data-theme=dark] .metric-list__item,html[data-theme=dark] .health-list__item,html[data-theme=dark] .data-table td{border-bottom:1px solid var(--color-border)!important}html[data-theme=dark] .simple-table__row{border-top:1px solid var(--color-border)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dtpicker__trigger:focus,.dtpicker__trigger:focus-visible,.dtpicker__trigger--open,.select-field__trigger:focus,.select-field__trigger:focus-visible,.select-field__trigger--open,.field__control:focus,.field__control:focus-visible{outline-offset:0!important;border-color:var(--color-primary-400)!important;outline:none!important;box-shadow:0 0 0 3px #7a76f52e!important}@media (width<=540px){.dtpicker__popover{padding:10px;width:min(320px,100vw - 24px)!important}.dtpicker__main{flex-direction:column;gap:10px}.dtpicker__time-col{border-left:0;border-top:1px solid var(--color-border);width:100%;padding-top:8px;padding-left:0}.dtpicker__time-pickers{justify-content:space-around}.dtpicker__time-scroll{max-height:90px}}.machine-detail-container{flex-direction:column;gap:16px;display:flex}.machine-header__top-row{margin-bottom:2px}.machine-header__back-link{color:var(--color-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.machine-header__back-link:hover{color:var(--color-primary)}.machine-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.machine-detail-header__left{flex-direction:column;gap:6px;display:flex}.machine-detail-header__title-row{align-items:center;gap:12px;display:flex}.machine-detail-header__title{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800}.machine-detail-header__subtitle-name{color:var(--color-muted);margin-left:8px;font-size:1.05rem;font-weight:600}.machine-detail-header__meta-bar{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:.86rem;display:flex}.machine-detail-header__meta-item{align-items:center;gap:6px;display:inline-flex}.machine-detail-header__right-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.ref-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1024px){.ref-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.ref-kpi-grid{grid-template-columns:1fr}}.ref-kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000008}.ref-kpi-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ref-kpi-card__icon{border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.ref-kpi-card__content{flex-direction:column;gap:1px;display:flex}.ref-kpi-card__label{color:var(--color-muted);font-size:.75rem;font-weight:500}.ref-kpi-card__value{color:var(--color-text);font-size:1.15rem;font-weight:700;line-height:1.2}.ref-kpi-card__delta{margin-top:1px;font-size:.72rem;font-weight:600}.ref-kpi-card__delta--up{color:var(--color-success)}.ref-kpi-card__delta--down{color:var(--color-danger)}.ref-main-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}@media (width<=1180px){.ref-main-grid{grid-template-columns:1fr}}.ref-health-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid;position:relative}.ref-health-col{flex-direction:column;display:flex}.ref-health-col:first-child{border-right:1px solid var(--color-border,#e2e8f0);padding-right:12px}.ref-health-col:last-child{padding-left:0}html[data-theme=dark] .ref-health-col:first-child{border-right-color:var(--color-border,#222738)}.ref-health-row{border-bottom:1px solid var(--color-border,#e2e8f0);align-items:center;gap:16px;padding:12px 0;display:flex}.ref-health-row:first-child{padding-top:0}.ref-health-row:last-child{border-bottom:0;padding-bottom:0}html[data-theme=dark] .ref-health-row{border-bottom-color:var(--color-border,#222738)}.ref-health-item__icon-box{background:var(--color-bg-hover,#f8fafc);width:40px;height:40px;color:var(--color-text,#334155);border-radius:10px;flex-shrink:0;place-items:center;display:grid}html[data-theme=dark] .ref-health-item__icon-box{color:#94a3b8;background:#ffffff08}.ref-health-item__content{flex-direction:column;gap:1px;display:flex}.ref-health-item__label{color:var(--color-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.ref-health-item__value{color:var(--color-text,#0f172a);flex-direction:column;font-size:.875rem;font-weight:700;line-height:1.25;display:flex}.ref-health-item__value-row{align-items:center;gap:6px;display:flex}.ref-health-item__subtext{color:var(--color-muted,#64748b);margin-top:1px;font-size:.78rem;font-weight:500}@media (width<=768px){.ref-health-grid{grid-template-columns:1fr;gap:0}.ref-health-col:first-child{border-right:0;border-bottom:1px solid var(--color-border,#e2e8f0);margin-bottom:12px;padding-bottom:12px;padding-right:0}.ref-health-col:last-child{padding-left:0}html[data-theme=dark] .ref-health-col:first-child{border-bottom-color:var(--color-border,#222738)}.ref-health-row:first-child{padding-top:0}}.ref-health-badge{border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.ref-health-badge__dot{font-size:.65rem}.ref-health-badge--online{color:#166534;background:#dcfce7}.ref-health-badge--offline{color:#991b1b;background:#fee2e2}html[data-theme=dark] .ref-health-badge--online{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}html[data-theme=dark] .ref-health-badge--offline{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.ref-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ref-action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;outline:none;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.ref-action-card:hover,.ref-action-card:focus-visible{border-color:var(--color-primary-400);background:var(--color-primary-50);box-shadow:var(--shadow-soft);transform:translateY(-2px)}html[data-theme=dark] .ref-action-card:hover,html[data-theme=dark] .ref-action-card:focus-visible{background:#7a76f51f}.ref-action-card__icon{background:var(--color-surface-subtle);border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.ref-action-card__text{flex-direction:column;display:flex}.ref-action-card__text strong{font-size:.88rem;font-weight:700}.ref-action-card__text span{color:var(--color-muted);font-size:.75rem}.ref-layout-panel{flex-direction:column;gap:14px;display:flex}.ref-layout-legend{flex-direction:column;gap:6px;font-size:.82rem;display:flex}.ref-layout-legend__item{justify-content:space-between;align-items:center;display:flex}.ref-legend-dot{border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.ref-legend-dot--purple{background:#8b5cf6}.ref-legend-dot--blue{background:#3b82f6}.ref-legend-dot--gray{background:var(--color-soft)}.ref-layout-summary-row{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;padding-top:8px;display:flex}.ref-slot-grid{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.ref-slot-cell{aspect-ratio:2;color:#fff;border-radius:6px;place-items:center;font-size:.58rem;font-weight:800;transition:transform .15s;display:grid}.ref-slot-cell:hover{z-index:2;transform:scale(1.12)}.ref-slot-cell--healthy{background:var(--color-success)}.ref-slot-cell--low{background:var(--color-warning)}.ref-slot-cell--empty{background:var(--color-danger)}.ref-slot-cell--disabled{background:var(--color-soft);opacity:.35}.ref-analytics-section{flex-direction:column;gap:12px;margin-top:12px;display:flex}.ref-subtab{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .18s}.ref-subtab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-500);font-weight:700}html[data-theme=dark] .ref-subtab--active{color:var(--color-primary-300)}.ref-analytics-grid{grid-template-columns:2.02fr 1fr;gap:12px;display:grid}@media (width<=1024px){.ref-analytics-grid{grid-template-columns:1fr}}.ref-chart-controls{align-items:center;gap:8px;display:flex}.ref-select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:4px 10px;font-size:.78rem;font-weight:600}.ref-chart-summary{border-top:1px solid var(--color-border);justify-content:space-around;margin-top:12px;padding-top:14px;display:flex}.ref-chart-summary div{flex-direction:column;align-items:center;gap:2px;display:flex}.ref-chart-summary span{color:var(--color-muted);font-size:.78rem}.ref-chart-summary strong{color:var(--color-text);font-size:1.1rem;font-weight:800}.ref-top-products-list{flex-direction:column;gap:12px;display:flex}.ref-top-product-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.ref-top-product-info{flex-direction:column;flex:1;gap:4px;display:flex}.ref-top-product-info strong{color:var(--color-text);font-size:.85rem}.ref-progress-bar{background:var(--color-surface-subtle);border-radius:999px;width:100%;height:6px;overflow:hidden}.ref-progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-400));border-radius:999px;height:100%}.ref-top-product-val{flex-direction:column;align-items:flex-end;display:flex}.ref-top-product-val strong{color:var(--color-text);font-size:.85rem}.ref-top-product-val span{color:var(--color-muted);font-size:.72rem}.ref-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}@media (width<=1024px){.ref-bottom-grid{grid-template-columns:1fr}}.ref-recent-list{flex-direction:column;gap:10px;display:flex}.ref-list-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.ref-list-row:last-child{border-bottom:0}.ref-list-row__left{align-items:center;gap:10px;display:flex}.ref-list-row__icon{background:var(--color-primary-50);width:32px;height:32px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.ref-list-row__left strong{font-size:.86rem;display:block}.ref-list-row__left span{color:var(--color-muted);font-size:.75rem}.ref-alert-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.ref-alert-icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ref-alert-icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.ref-alert-icon--info{background:var(--color-info-bg);color:var(--color-info)}.ref-alert-icon--success{background:var(--color-success-bg);color:var(--color-success)}.ref-timeline-list{flex-direction:column;gap:12px;display:flex}.ref-timeline-row{align-items:flex-start;gap:10px;display:flex}.ref-timeline-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:5px}.ref-timeline-dot--primary{background:var(--color-primary)}.ref-timeline-dot--success{background:var(--color-success)}.ref-timeline-dot--warning{background:var(--color-warning)}.ref-timeline-dot--info{background:var(--color-info)}.ref-timeline-content strong{font-size:.85rem;display:block}.ref-timeline-content p{color:var(--color-muted);margin:2px 0 0;font-size:.78rem}.ref-empty-state{color:var(--color-muted);flex-direction:column;align-items:center;gap:6px;padding:20px 0;font-size:.85rem;display:flex}.machine-planogram-layout--full{flex-direction:column;gap:12px;width:100%;display:flex}.machine-planogram-toolbar--compact{border-radius:var(--radius-sm);background:var(--card,var(--color-surface));color:var(--foreground,var(--color-text));border:1px solid var(--border,var(--color-border));grid-template-columns:minmax(640px,1fr) auto auto auto;align-items:center;gap:7px;margin-bottom:8px;padding:7px 9px;display:grid}.machine-planogram-toolbar__group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.machine-planogram-toolbar__group--data{flex-wrap:nowrap}.machine-planogram-toolbar__group--actions,.machine-planogram-toolbar__group--preferences,.machine-planogram-toolbar__group--assistance{border-left:1px solid var(--border,var(--color-border));padding-left:8px}.machine-planogram-toolbar__title{color:var(--foreground,var(--color-text));white-space:nowrap;margin:0;font-size:.9rem;font-weight:750}.machine-planogram-toolbar__title span{color:var(--muted-foreground,var(--color-muted));font-size:.7rem;font-weight:600}.machine-planogram-toolbar--compact .button,.machine-planogram-toolbar--compact .field__control,.machine-planogram-toolbar--compact .select-field__trigger{border-radius:var(--radius-sm);height:34px;min-height:34px;padding:0 10px;font-size:.78rem}.machine-planogram-toolbar--compact .button{gap:6px;padding:0 12px;font-size:.78rem}.machine-planogram-toolbar--compact .select-field__value{font-size:.76rem}.machine-planogram-toolbar--compact .select-field{min-width:100px}.machine-planogram-toolbar__group--preferences .select-field{min-width:132px}.planogram-search{border-radius:var(--radius-sm);background:var(--card,var(--color-surface));border-color:var(--input,var(--color-border));gap:7px;width:clamp(220px,17vw,280px);min-width:220px;height:34px;padding:0 10px}.planogram-search svg{width:15px;height:15px}.planogram-search input{font-size:.78rem}.planogram-search .search-input__clear{flex-basis:24px;width:24px;height:24px}.planogram-inline-editor{background:var(--card,var(--color-surface));color:var(--card-foreground,var(--color-text));border:1px solid var(--border,var(--color-border));border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 12px 12px;transition:border-color .2s}.planogram-inline-editor--dirty{border-color:var(--color-warning)}.planogram-inline-editor--invalid{border-color:var(--color-danger)}.planogram-inline-editor__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:8px;display:flex}.planogram-inline-editor__title{color:var(--card-foreground,var(--color-text));flex-wrap:wrap;align-items:center;gap:7px;font-size:.84rem;font-weight:600;display:flex}.planogram-inline-editor__title>svg{width:15px;height:15px}.planogram-inline-editor__actions{border-left:1px solid var(--border,var(--color-border));align-items:center;gap:6px;margin-left:auto;padding-left:9px;display:flex}.planogram-inline-editor__actions .button,.planogram-inline-editor__save-state .button{border-radius:var(--radius-sm);gap:6px;min-height:34px;padding:0 12px;font-size:.78rem}.planogram-inline-editor__grid{grid-template-columns:.75fr .75fr 2.2fr 2.4fr repeat(4,.78fr);align-items:end;gap:8px;display:grid}.planogram-inline-editor__field--slot,.planogram-inline-editor__field--position,.planogram-inline-editor__field--quantity{min-width:78px}.planogram-inline-editor__field--product,.planogram-inline-editor__field--name{min-width:160px}.planogram-inline-editor__field--enabled{grid-column:span 1;min-width:112px}.planogram-inline-editor__save-state{min-height:34px;color:var(--muted-foreground,var(--color-muted));align-items:center;font-size:.7rem;font-weight:600;display:flex}.planogram-inline-editor__field{flex-direction:column;gap:3px;display:flex}.planogram-inline-editor__field label{color:var(--muted-foreground,var(--color-muted));white-space:nowrap;font-size:.68rem;font-weight:600}.planogram-inline-editor__input{border-radius:var(--radius-xs);border:1px solid var(--input,var(--color-border));background:var(--background,var(--color-surface));width:100%;height:36px;color:var(--foreground,var(--color-text));padding:0 9px;font-size:.78rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s}.planogram-inline-editor__input:hover{border-color:var(--color-primary-300)}.planogram-inline-editor__input::placeholder{color:var(--muted-foreground,var(--color-muted));opacity:1}.planogram-inline-editor__input:focus{border-color:var(--color-primary-base,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f126}.planogram-inline-editor__input--invalid{background-color:var(--color-danger-bg,#ef44440d);border-color:var(--color-danger,#ef4444)!important}.planogram-save-badge{border-radius:20px;align-items:center;gap:4px;padding:2px 6px;font-size:.67rem;font-weight:600;display:inline-flex}.planogram-save-badge--saved{background:var(--color-success-bg,#10b9811a);color:var(--color-success,#10b981)}.planogram-save-badge--unsaved{background:var(--color-warning-bg,#f59e0b1a);color:var(--color-warning,#f59e0b)}.planogram-save-badge--saving{background:var(--color-info-bg,#3b82f61a);color:var(--color-info,#3b82f6)}.planogram-save-badge--error{background:var(--color-danger-bg,#ef44441a);color:var(--color-danger,#ef4444)}.planogram-grid-board__col-header-row{z-index:3;background:var(--card,var(--color-surface));grid-template-columns:36px minmax(0,1fr);gap:12px;margin-bottom:6px;padding:6px 0;display:grid;position:sticky;top:0}.planogram-grid-board__col-headers{text-align:center;color:var(--muted-foreground,var(--color-muted));gap:12px;font-size:.75rem;font-weight:700;display:grid}.planogram-slot-card:focus{outline:none}.planogram-slot-card:focus-visible{outline:3px solid var(--color-info);outline-offset:3px}.planogram-slot-card--active{box-shadow:inset 0 0 0 1px var(--primary);border-color:var(--primary,var(--color-primary))!important;background:color-mix(in srgb, var(--card) 88%, var(--primary) 12%)!important}.planogram-slot-card--selected-bulk{border-color:var(--color-primary-base,#6366f1)!important;background:#6366f114!important}.planogram-bulk-bar{z-index:50;background:var(--color-surface);border:1px solid var(--color-primary-base,#6366f1);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 24px #00000026}.planogram-grid-board__cells--dense{gap:4px}.planogram-grid-board__cells--dense .planogram-slot-card{border-radius:8px;gap:3px;min-height:84px;padding:6px 8px}.planogram-grid-board__cells--dense .planogram-slot-card p{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.planogram-grid-board__cells--dense .planogram-slot-card__secondary,.planogram-grid-board__cells--ultra-dense .planogram-slot-card__secondary,.planogram-grid-board__cells--compact-md .planogram-slot-card__secondary{display:none}.planogram-grid-board__cells--ultra-dense{gap:3px}.planogram-grid-board__cells--ultra-dense .planogram-slot-card{border-radius:6px;gap:2px;min-height:68px;padding:4px 6px}.planogram-grid-board__cells--ultra-dense .planogram-slot-card p{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.planogram-grid-board__cells--ultra-dense .planogram-slot-card__meta{font-size:.6rem}@media (width<=1280px){.machine-planogram-toolbar--compact{grid-template-columns:1fr}.machine-planogram-toolbar__group--actions,.machine-planogram-toolbar__group--preferences,.machine-planogram-toolbar__group--assistance{border-left:0;border-top:1px solid var(--border,var(--color-border));padding-top:8px;padding-left:0}.machine-planogram-toolbar__group--data{flex-wrap:wrap}}@media (width<=1024px){.planogram-inline-editor__grid{grid-template-columns:repeat(4,minmax(120px,1fr))}}.planogram-slot-card--highlighted{border-color:var(--color-info)!important;box-shadow:inset 0 0 0 1px var(--color-info)!important;background:var(--color-info-bg)!important}.planogram-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--input,var(--color-border));background:var(--card,var(--color-surface));width:34px;height:34px;color:var(--card-foreground,var(--color-text));cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.planogram-icon-btn:hover{background:var(--color-surface-subtle);border-color:var(--color-primary-base,#6366f1);color:var(--color-primary-base,#6366f1)}.planogram-icon-btn--active{background:var(--primary,var(--color-primary));border-color:var(--primary,var(--color-primary));color:var(--primary-foreground,#fff)}.planogram-view-toggle{border:1px solid var(--input,var(--color-border));border-radius:var(--radius-sm);background:var(--card,var(--color-surface));align-items:center;padding:2px;display:inline-flex}.planogram-view-toggle__button{border-radius:var(--radius-xs);min-height:28px;color:var(--muted-foreground,var(--color-muted));cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 8px;font-size:.76rem;font-weight:700;display:inline-flex}.planogram-view-toggle__button svg{width:14px;height:14px}.planogram-view-toggle__button:hover{color:var(--foreground,var(--color-text));background:var(--muted,var(--color-surface-subtle))}.planogram-view-toggle__button--active{background:var(--accent,var(--color-primary-100));color:var(--accent-foreground,var(--color-primary-700))}.planogram-tooltip{position:relative}.planogram-tooltip:after{content:attr(data-tooltip);z-index:20;background:var(--foreground,var(--color-text));width:max-content;max-width:220px;color:var(--background,var(--color-bg));opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:.72rem;font-weight:650;line-height:1.2;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.planogram-tooltip:hover:after,.planogram-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.planogram-info-panel{border:1px solid var(--border,var(--color-border));border-radius:var(--radius-sm);background:var(--color-info-bg);color:var(--foreground,var(--color-text));align-items:flex-start;gap:8px;margin:-2px 0 8px;padding:8px 10px;display:flex}.planogram-info-panel p{flex:1;margin:0;font-size:.74rem;line-height:1.5}.planogram-info-panel>button{border-radius:var(--radius-xs);width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.planogram-info-panel>button:hover{background:color-mix(in srgb, var(--color-info) 14%, transparent)}.planogram-matrix-card{color:var(--card-foreground,var(--color-text))}@media (width<=720px){.planogram-inline-editor__grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.planogram-inline-editor__actions{border-left:0;border-top:1px solid var(--border,var(--color-border));width:100%;margin-left:0;padding-top:10px;padding-left:0;overflow-x:auto}.planogram-search{width:100%}}.planogram-matrix-header{justify-content:space-between;align-items:center;display:flex}