: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:#f7f7fc;--color-surface:#fff;--color-surface-subtle:#f7f7fc;--color-surface-raised:#ffffffe0;--color-sidebar:#f6f5ff;--color-border:#e8e8f0;--color-text:#111827;--color-muted:#6b7280;--color-soft:#9ca3af;--color-success:#16a34a;--color-success-bg:#eafaf0;--color-danger:#ef4444;--color-danger-bg:#feecec;--color-warning:#f59e0b;--color-warning-bg:#fff7e6;--color-info:#3b82f6;--color-info-bg:#eef5ff;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 4px 18px #7a76f50a;--shadow-soft:0 2px 8px #7a76f508;--color-radial-1:#7a76f50d;--color-radial-2:#3b82f608;--color-skeleton-bg:linear-gradient(90deg, #e7e6ff66, #f3f2ffcc, #e7e6ff66)}html[data-theme=dark]{--color-bg:#0c0d16;--color-surface:#141625;--color-surface-subtle:#0f101d;--color-surface-raised:#151728;--color-sidebar:#0f101d;--color-border:#23253b;--color-text:#f3f4f6;--color-muted:#9ca3af;--color-soft:#6b7280;--color-primary-50:#1b1c3a;--color-primary-100:#252654;--color-primary-200:#353675;--color-primary-300:#4b4c9e;--color-primary-400:#6566cc;--color-primary-500:#7a76f5;--color-primary-600:#9390f7;--color-primary-700:#b0aeff;--color-success:#22c55e;--color-success-bg:#142d1e;--color-danger:#ef4444;--color-danger-bg:#3c1818;--color-warning:#fbbf24;--color-warning-bg:#3f2d12;--color-info:#60a5fa;--color-info-bg:#18283e;--shadow-card:0 4px 20px #00000040;--shadow-soft:0 2px 8px #00000026;--color-radial-1:#7a76f514;--color-radial-2:#3b82f60a;--color-skeleton-bg:linear-gradient(90deg, #25265466, #353675cc, #25265466)}:root{--sidebar-width:320px;--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,.sidebar-item--ghost:hover{background:#7a76f514}.sidebar-item--active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-600));color:#fff;box-shadow:0 10px 24px #7a76f547}.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:24px 32px 32px;transition:padding .3s cubic-bezier(.4,0,.2,1)}.topbar{height:var(--topbar-height);justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar__left{align-items:center;display:flex}.topbar__right{align-items:center;gap:14px;margin-left:auto;display:flex}.page-content{flex-direction:column;gap:24px;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{border:1px solid var(--color-border);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:6px 10px 6px 6px;display:flex}.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);background:0 0}.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);border-radius:999px;align-items:center;gap:10px;width:min(340px,100%);height:46px;padding:0 16px;display:flex}.search-input input{width:100%;color:var(--color-text);background:0 0;border:0;outline:0}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#ffffffeb;padding:22px}.card__header{justify-content:space-between;align-items:flex-start;gap:16px;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{margin:6px 0 0}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1{font-size:clamp(2rem,4vw,2.8rem)}.page-header__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary-600);margin:0 0 6px;font-size:.82rem}.page-header__actions,.card-actions{align-items:center;gap:12px;display:flex}.kpi-grid,.three-column-grid,.reports-grid{gap:18px;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.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:22px;display:flex}.machine-summary-strip{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#ffffffeb;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.machine-summary-strip>div{border-right:1px solid var(--color-border);flex-direction:column;gap:6px;padding:18px 22px;display:flex}.machine-summary-strip>div:last-child{border-right:0}.machine-summary-strip span{color:var(--color-muted);font-size:.82rem}.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,.machine-type-card--active{border-color:var(--color-primary-300);box-shadow:0 10px 24px #7a76f51f}.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:1px solid var(--color-border);text-align:left;cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.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__pill{color:var(--color-muted);background:#1118270a}.machine-generated-note{background:linear-gradient(135deg,#7a76f514,#ffffffe6);border:1px solid #7a76f524;border-radius:18px;margin-top:18px;padding:18px}.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(--color-muted);padding:0 14px;font-size:.82rem}.machine-planogram-table__row{border:1px solid var(--color-border);text-align:left;cursor:pointer;background:#fff;border-radius:16px;padding:16px 14px}.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;display:flex}.planogram-grid-board__row{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.planogram-grid-board__label{color:var(--color-muted);padding-top:18px;font-weight:700}.planogram-grid-board__cells{gap:12px;display:grid}.planogram-slot-card{border:1px solid var(--color-border);text-align:left;cursor:pointer;background:linear-gradient(#fffffffa,#f8f9fff2);border-radius:22px;flex-direction:column;gap:10px;min-height:138px;padding:14px;display:flex;box-shadow:0 14px 30px #6366f114}.planogram-slot-card p{margin:0;font-weight:700}.planogram-slot-card small,.planogram-slot-card__meta{color: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{background:linear-gradient(#f8f9ffeb,#fffffff5);border-style:dashed;justify-content:center;align-items:flex-start}.planogram-slot-card--empty span{color:var(--color-muted)}.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:.85rem;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:.78rem;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-lg .planogram-slot-card .badge{min-height:18px;padding:0 6px;font-size:.65rem}.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:.72rem;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 .badge{border-radius:50%;width:8px;height:8px;min-height:8px;margin-left:auto;padding:0;font-size:0}.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:164px}.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}.transactions-kpi-grid .kpi-card{min-height:115px;padding:15px}.machines-kpi-grid .kpi-card{min-height:118px;padding:15px}.transactions-kpi-grid .kpi-card__top,.machines-kpi-grid .kpi-card__top{margin-bottom:10px}.transactions-kpi-grid .icon-circle,.machines-kpi-grid .icon-circle{width:34px;height:34px}.transactions-kpi-grid .icon-circle svg,.machines-kpi-grid .icon-circle svg{width:18px;height:18px}.transactions-kpi-grid .icon-button,.machines-kpi-grid .icon-button{width:34px;height:34px}.transactions-kpi-grid .kpi-card__label,.transactions-kpi-grid .kpi-card__subtext,.machines-kpi-grid .kpi-card__label,.machines-kpi-grid .kpi-card__subtext{font-size:.72rem}.transactions-kpi-grid .kpi-card__value,.machines-kpi-grid .kpi-card__value{margin-top:5px;font-size:1.4rem}.transactions-kpi-grid .metric-trend,.machines-kpi-grid .metric-trend{margin-top:9px;font-size:.76rem}.machine-type-kpi-card__total{min-width:34px;height:34px;color:var(--color-primary-700);border:1px solid var(--color-primary-100);background:#fff;border-radius:10px;place-items:center;font-weight:800;display:inline-grid}.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 210px}.kpi-card__top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.kpi-card__label,.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);display:block}.kpi-card__value{margin-top:8px;font-size:2rem;display:block}.kpi-card__subtext{color:var(--color-muted);margin-top:4px;display:block}.metric-trend{margin:16px 0 0;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(5,minmax(48px,.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-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:14px;display:flex;overflow-x:auto}.machines-filter-bar{grid-template-columns:minmax(260px,1.5fr) repeat(5,minmax(140px,.75fr)) minmax(120px,.45fr);align-items:center;display:grid;overflow:visible}.machines-filter-bar .search-input,.machines-filter-bar .field,.machines-filter-bar .button{width:100%;min-width:0}.machines-filter-bar .search-input{max-width:none}.machines-filter-bar .button{white-space:normal;min-height:46px}.transactions-filter-bar{grid-template-columns:minmax(260px,1.25fr) repeat(4,minmax(150px,.75fr)) repeat(2,minmax(190px,.85fr)) minmax(120px,.45fr);align-items:center;display:grid;overflow:visible}.transactions-filter-bar .search-input,.transactions-filter-bar .field,.transactions-filter-bar .button{width:100%;min-width:0}.transactions-filter-bar .search-input{max-width:none}.transactions-filter-bar .button{white-space:normal;min-height:46px}.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: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{justify-content:flex-end;align-items:center;gap:12px;display:flex}.pagination button{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:10px;min-height:36px;padding:0 12px}.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-fit,minmax(320px,1fr));gap:24px;display:grid}.machine-fleet-card{isolation:isolate;color:#fff;background:#111827;border:1px solid #c7c4d8e6;border-radius:16px;flex-direction:column;justify-content:flex-end;min-width:0;min-height:400px;padding:0;transition:border-color .22s,transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.machine-fleet-card__image,.machine-fleet-card__shade{width:100%;height:100%;position:absolute;inset:0}.machine-fleet-card__image{z-index:-2;object-fit:cover;object-position:center;transition:transform .32s cubic-bezier(.25,1,.5,1),filter .32s;transform:scale(1.04)}.machine-fleet-card__shade{z-index:-1;background:linear-gradient(#11182747,#1118279e 38%,#060c18f0),linear-gradient(90deg,#060c18d1,#060c1833)}.machine-fleet-card:hover{border-color:var(--color-primary-300);transform:translateY(-2px);box-shadow:0 16px 28px #11182729}.machine-fleet-card:hover .machine-fleet-card__image{filter:saturate(1.06);transform:scale(1.09)}.machine-fleet-card__content{flex-direction:column;gap:22px;padding:24px;display:flex}.machine-fleet-card__top,.machine-fleet-card__footer,.machine-fleet-card__stock>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.machine-fleet-card__identity,.machine-fleet-card__stock,.machine-fleet-card__meta>div{flex-direction:column;min-width:0;display:flex}.machine-fleet-card__identity{gap:4px}.machine-fleet-card__identity strong{color:#fff;overflow-wrap:anywhere;font-size:1.05rem}.machine-fleet-card__identity span,.machine-fleet-card__meta span,.machine-fleet-card__meta small,.machine-fleet-card__stock span,.machine-fleet-card__stock small{color:#ffffffa8;font-size:.82rem}.machine-fleet-card__badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.machine-fleet-card__pulse{background:var(--color-soft);border-radius:999px;width:10px;height:10px;position:absolute;top:20px;right:20px;box-shadow:0 0 0 4px #9ca3af29}.machine-fleet-card__pulse--online{background:var(--color-success);box-shadow:0 0 0 4px #16a34a24,0 0 18px #16a34a47}.machine-fleet-card__pulse--offline,.machine-fleet-card__pulse--failed{background:var(--color-danger);box-shadow:0 0 0 4px #ef444424}.machine-fleet-card__pulse--stale,.machine-fleet-card__pulse--degraded,.machine-fleet-card__pulse--warning{background:var(--color-warning);box-shadow:0 0 0 4px #f59e0b24}.machine-fleet-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.machine-fleet-card__meta strong,.machine-fleet-card__stock strong{color:#fff;margin-top:4px}.machine-fleet-card__meta small{overflow-wrap:anywhere;margin-top:2px}.machine-fleet-card__stock{background:0 0;border-bottom:1px solid #ffffff1f;border-radius:14px;gap:8px;padding:0 0 22px}.machine-fleet-card__stock .progress-bar{background:#fff3}.machine-fleet-card__footer{align-items:center}.machine-stock-value--healthy{color:var(--color-success)}.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:24px}.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}.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{grid-template-columns:repeat(4,minmax(180px,1fr))}.machines-filter-bar{grid-template-columns:repeat(3,minmax(180px,1fr))}.transactions-filter-bar .search-input,.machines-filter-bar .search-input{grid-column:span 2}.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-stepper,.machine-quick-grid,.machine-stat-row{grid-template-columns:1fr}.machine-summary-strip--planogram{grid-template-columns:repeat(2,minmax(0,1fr))}}@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}.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,.machines-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.transactions-filter-bar .search-input,.transactions-filter-bar .button,.machines-filter-bar .search-input,.machines-filter-bar .button{grid-column:1/-1}.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,.transactions-filter-bar,.machines-filter-bar{grid-template-columns:1fr}.transactions-filter-bar .search-input,.transactions-filter-bar .field,.transactions-filter-bar .button,.transactions-date-filter,.machines-filter-bar .search-input,.machines-filter-bar .field,.machines-filter-bar .button{flex-basis:auto;width:100%}.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{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(100%,560px);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:16px;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);align-items:center;gap:10px;font-size:.96rem;display:inline-flex}.auth-checkbox input{width:18px;height:18px;accent-color:var(--color-primary)}.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:176px;bottom:30px;left:210px}.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:132px;bottom:16px;left:22px}}@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{border-bottom:1px solid var(--color-border,#e5e7eb);gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.machine-tabs__item{color:var(--color-muted,#6b7280);white-space:nowrap;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.machine-tabs__item:hover{color:var(--color-primary-600,#6366f1)}.machine-tabs__item--active{color:var(--color-primary-600,#6366f1);border-bottom-color:var(--color-primary-600,#6366f1)}.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:linear-gradient(180deg, var(--color-surface), var(--color-sidebar))!important}html[data-theme=dark] .planogram-slot-card--empty{background:linear-gradient(180deg, var(--color-sidebar), var(--color-surface))!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-offset:2px;outline:2px solid var(--color-primary)!important}