:root{color-scheme:light}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;background:#f5f6f8;font-size:1rem}.a11y-button{padding:6px 10px;border-radius:6px;border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1)}.flyover{position:absolute;top:36px;right:0;width:240px;background:#ffffffbf;border:1px solid var(--colorNeutralStroke1);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:8px;display:none;z-index:2000}.flyover[data-open=true]{display:block}.flyover button{width:100%;text-align:left;padding:8px;border:none;background:transparent;color:var(--colorNeutralForeground1);border-radius:6px}.flyover button:hover,.flyover button:focus{background:var(--colorNeutralBackground3);outline:2px solid var(--colorStrokeFocus1);outline-offset:2px}.flyover hr{border:none;border-top:1px solid var(--colorNeutralStroke1);margin:6px 0}.masterdata-nav .nav-item:hover,.masterdata-nav .nav-item[aria-current=page]{color:var(--colorBrandForegroundLink);font-weight:600;text-decoration:underline}.flyover-toggle{width:36px;height:36px;border-radius:9999px;border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1);display:grid;place-items:center;opacity:.5}.flyover-toggle:focus,.flyover-toggle:hover{opacity:1}.flyover-toggle[data-opaque=true]{opacity:1}.hc-light{--colorNeutralBackground1: #ffffff;--colorNeutralBackground2: #ffffff;--colorNeutralBackground3: #f2f2f2;--colorNeutralForeground1: #000000;--colorNeutralForeground2: #111111;--colorNeutralForeground3: #2b2b2b;--colorNeutralStroke1: #000000;--colorBrandBackground: #005ea6;--colorStrokeFocus1: #000000}.hc-dark{--colorNeutralBackground1: #000000;--colorNeutralBackground2: #000000;--colorNeutralBackground3: #111111;--colorNeutralForeground1: #ffffff;--colorNeutralForeground2: #f2f2f2;--colorNeutralForeground3: #dddddd;--colorNeutralStroke1: #ffffff;--colorBrandBackground: #62abf7;--colorStrokeFocus1: #ffffff}.skip-link{position:absolute;left:-9999px;top:-9999px}.skip-link:focus{left:12px;top:12px;background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1);border:1px solid var(--colorNeutralStroke1);padding:6px 10px;border-radius:6px}.tile{border:1px solid var(--colorNeutralStroke1);border-radius:8px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-shadow:0 0 #0000;height:220px;display:flex;flex-direction:column;background:#fff!important}.tile:hover{transform:translateY(-2px);border-color:var(--colorBrandBackground);box-shadow:0 6px 20px #0078d41f}.tile .subs{overflow:hidden}.tile [class^=fui-Card],.tile [class*=fui-Card]{background-color:#fff!important}.tile [class^=fui-CardHeader],.tile [class*=fui-CardHeader]{background-color:transparent!important}.tile [class^=fui-CardHeader] .fui-Text,.tile [class*=fui-CardHeader] .fui-Text{font-size:calc(1rem + 2px)}a:hover{color:var(--colorBrandForegroundLink);text-decoration:underline}.tile .subs a{color:inherit}.tile .subs a:hover,.tile .subs a:hover .sub-label{color:var(--colorBrandForegroundLink);text-decoration:underline}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-grid{grid-template-columns:repeat(4,1fr)}.dashboard-screen{height:100%;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px;overflow:hidden}.dashboard-card{background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid rgba(25,55,99,.08);border-radius:16px;box-shadow:0 10px 28px #0f172a0f}.dashboard-filterbar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,280px) 1fr auto;align-items:center;gap:12px;padding:12px 14px}.dashboard-brand{display:inline-flex;align-items:center;gap:12px;background:transparent;border:none;padding:0;color:inherit;cursor:pointer}.dashboard-brand-mark,.dashboard-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1e63ff,#4ba3ff);color:#fff;font-weight:700}.dashboard-brand-title{font-size:18px;font-weight:700;color:#11213f}.dashboard-brand-sub,.dashboard-user-role{font-size:12px;color:#64748b}.dashboard-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-select{display:grid;gap:4px}.dashboard-select span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.dashboard-select select{width:100%;min-height:38px;border-radius:10px;padding:8px 10px;background:#f8fafc}.dashboard-userbox{display:inline-flex;align-items:center;gap:10px;justify-self:end}.dashboard-user-name{font-size:14px;font-weight:600;color:#11213f}.dashboard-kpis{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashboard-kpi{display:grid;gap:8px;text-align:left;padding:14px;cursor:pointer}.dashboard-kpi-label{font-size:12px;color:#64748b}.dashboard-kpi-value{font-size:clamp(24px,2vw,34px);font-weight:700;color:#0f172a;line-height:1}.dashboard-kpi-trend{font-size:12px;font-weight:600}.dashboard-kpi-trend.up,.dashboard-list strong.up{color:#0f9d58}.dashboard-kpi-trend.down,.dashboard-list strong.down{color:#d93025}.dashboard-kpi-trend.warn{color:#c98900}.dashboard-kpi-trend.neutral{color:#2563eb}.dashboard-main-grid,.dashboard-ops-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;min-height:0}.dashboard-main-grid{grid-row:3}.dashboard-ops-grid{grid-row:4}.dashboard-panel{min-height:0;padding:14px;display:grid;gap:12px}.dashboard-chart-panel{grid-column:span 8;cursor:pointer}.dashboard-chart-panel:focus-visible{outline:3px solid var(--colorStrokeFocus1);outline-offset:2px}.dashboard-side-panel{grid-column:span 4;grid-template-rows:1fr 1fr}.dashboard-ops-grid>.dashboard-panel{grid-column:span 6}.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-panel h2,.dashboard-side-block h2{margin:0;font-size:16px;color:#0f172a}.dashboard-panel p{margin:2px 0 0;font-size:12px;color:#64748b}.dashboard-toggle-group{display:inline-flex;gap:6px;flex-wrap:wrap}.dashboard-toggle-group button{min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid #dbe3f0;background:#f8fafc;font-size:12px}.dashboard-toggle-group button.active{background:#e7f0ff;color:#1d4ed8;border-color:#bfdbfe}.dashboard-chart{position:relative;min-height:0;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef4fb);border:1px solid #dbe3f0;overflow:hidden}.dashboard-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,rgba(100,116,139,.12) 1px,transparent 1px);background-size:100% 25%}.dashboard-chart-bars{position:absolute;top:16px;right:16px;bottom:20px;left:16px;display:grid;grid-template-columns:repeat(8,1fr);gap:12px;align-items:end}.dashboard-chart-bars span{border-radius:10px 10px 0 0;background:linear-gradient(180deg,#4084ff47,#4084ffc7)}.dashboard-chart-line{position:absolute;top:12px;right:12px;bottom:12px;left:12px}.dashboard-chart-line svg{width:100%;height:100%}.dashboard-chart-line polyline{fill:none;stroke:#1d4ed8;stroke-width:2}.dashboard-side-block{min-height:0}.dashboard-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.dashboard-list li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#1f2937}.dashboard-list-warn li{justify-content:flex-start;padding-left:12px;position:relative}.dashboard-list-warn li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:999px;background:#f59e0b}.dashboard-table-wrap{min-height:0;overflow:hidden;border:1px solid #dbe3f0;border-radius:14px}.dashboard-table{width:100%;border-collapse:collapse;font-size:12px}.dashboard-table th,.dashboard-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5edf6}.dashboard-table th{color:#64748b;font-weight:600;background:#f8fafc}.dashboard-status{display:inline-flex;align-items:center;gap:6px;font-weight:600}.dashboard-status:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor}.dashboard-status.online{color:#0f9d58}.dashboard-status.offline{color:#d93025}.dashboard-stock-layout{display:grid;gap:12px;min-height:0}.dashboard-stock-alert{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#fff8e7;border:1px solid #fde68a;color:#92400e}.dashboard-stock-alert strong{font-size:18px}.dashboard-mini-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-mini-columns h3{margin:0 0 8px;font-size:13px;color:#0f172a}.dashboard-list.compact{gap:8px}.dashboard-meta{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12px;color:#475569}.sales-page{display:grid;gap:16px}.sales-fullscreen{min-height:100%;height:100%;grid-template-rows:auto auto auto auto 1fr;align-content:start;overflow:auto;padding-right:4px}.sales-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 10px 24px #0f172a0d}.sales-hero{display:grid;gap:14px;padding:18px 20px;align-items:start}.sales-hero-copy{display:grid;gap:2px}.sales-hero-body{display:grid;gap:10px}.sales-hero h1,.sales-panel h2{margin:0;color:#0f172a}.sales-hero p,.sales-panel p{margin:8px 0 0;color:#64748b;font-size:14px}.sales-comparison-control{display:grid;gap:12px;border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:linear-gradient(180deg,#f8fbff,#f2f7ff)}.sales-comparison-compact{gap:10px;padding:12px}.sales-control-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}.sales-control-row{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:12px;align-items:start}.sales-control-row.secondary{align-items:center}.sales-control{display:grid;gap:6px}.sales-control span,.sales-compare-options>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.sales-control select{min-height:40px;border-radius:10px;background:#fff;padding:8px 10px}.sales-control input[type=date]{min-height:40px;border-radius:10px;background:#fff;padding:8px 10px;border:1px solid #cbd5e1;font:inherit}.sales-control input[type=date]:disabled{background:#f8fafc;color:#94a3b8}.sales-compare-options{display:grid;gap:8px}.sales-compare-options label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#1e293b;margin-right:12px}.sales-control-note{font-size:12px;color:#64748b}.sales-inline-note{margin-top:-2px}.sales-control-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sales-load-button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #2563eb;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.sales-load-button:disabled{opacity:.7;cursor:default}.sales-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sales-table-filter,.sales-table-filter-select{min-height:38px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;padding:8px 10px;font:inherit;color:#0f172a}.sales-table-filter{min-width:220px;flex:1 1 220px}.sales-table-filter-select{min-width:160px}.sales-table-toolbar-actions{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.sales-sort-button{background:transparent;border:none;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer}.sales-sort-button:hover,.sales-sort-button:focus-visible{color:#1d4ed8;outline:none}.sales-empty-cell{text-align:center;color:#64748b;padding:18px 12px}.sales-control input[readonly]{color:#475569;background:#f8fafc}.sales-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sales-metric-card{display:grid;gap:8px;padding:16px;text-align:left;background:linear-gradient(180deg,#fff,#fbfdff)}.sales-metric-title{font-size:12px;color:#64748b}.sales-metric-value{font-size:clamp(24px,2.4vw,34px);font-weight:700;color:#0f172a;line-height:1.05}.sales-metric-delta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.sales-metric-delta.up,.sales-table .delta.up{color:#0f9d58}.sales-metric-delta.down,.sales-table .delta.down{color:#d93025}.sales-metric-delta.neutral,.sales-table .delta.neutral{color:#64748b}.sales-metric-compare,.sales-metric-sub{font-size:12px;color:#64748b}.sales-metric-card.empty .sales-metric-value{font-size:22px;color:#94a3b8}.sales-metric-loading{pointer-events:none}.sales-skeleton{border-radius:10px;background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200% 100%;animation:sales-skeleton 1.4s linear infinite}.sales-skeleton-title{height:14px;width:40%}.sales-skeleton-value{height:34px;width:72%}.sales-skeleton-line{height:14px;width:80%}.sales-skeleton-line.short{width:58%}@keyframes sales-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.sales-main-grid,.sales-data-grid,.sales-bottom-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.sales-panel{padding:18px;display:grid;gap:14px}.sales-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sales-chart-panel{grid-column:span 8}.sales-chart-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}.sales-chart-control{display:grid;gap:6px}.sales-chart-control>span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sales-chart-control select{min-height:36px;border-radius:10px;background:#fff;padding:8px 10px}.sales-radio-group label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#1e293b;margin-right:10px}.sales-formula-panel{grid-column:span 4}.sales-table-panel,.sales-top-panel,.sales-bottom-grid>.sales-panel{grid-column:span 6}.sales-db-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.sales-db-panel{grid-column:span 12;min-height:220px}.sales-db-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}.sales-db-summary,.sales-db-details{display:grid;gap:14px}.sales-db-meta{display:flex;flex-wrap:wrap;gap:8px}.sales-db-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sales-db-kpi{display:grid;gap:6px;padding:14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.sales-db-kpi span{font-size:12px;color:#64748b}.sales-db-kpi strong{font-size:22px;color:#0f172a}.sales-db-block{display:grid;gap:10px}.sales-db-list{display:grid;gap:8px}.sales-db-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.sales-db-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#334155;overflow-wrap:anywhere}.sales-db-empty{padding:20px 12px;border-radius:12px;background:#f8fafc;color:#64748b;border:1px dashed #cbd5e1}.sales-db-empty.small{padding:12px}.sales-receipt-list{display:grid;gap:16px}.sales-receipt-card{display:grid;gap:12px;padding:14px;border-radius:14px;border:1px solid #e2e8f0;background:#fbfdff}.sales-receipt-head{display:grid;gap:10px}.sales-receipt-title{display:grid;gap:4px}.sales-receipt-title span{color:#64748b;font-size:12px}.sales-pill-row{display:inline-flex;flex-wrap:wrap;gap:6px}.sales-pill{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #dbe3f0;background:#f8fafc;color:#475569;cursor:pointer}.sales-pill.active{background:#e7f0ff;color:#1d4ed8;border-color:#bfdbfe}.sales-line-chart{position:relative;min-height:360px;border-radius:16px;border:1px solid #dbe3f0;background:radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 28%),linear-gradient(180deg,#f8fbff,#eef4fb);overflow:hidden;padding:18px 18px 14px 52px}.sales-chart-stage{position:relative}.sales-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,rgba(148,163,184,.16) 1px,transparent 1px),linear-gradient(to right,rgba(148,163,184,.08) 1px,transparent 1px);background-size:100% 20%,14.285% 100%}.sales-chart-legend{position:relative;z-index:1;display:flex;gap:16px;font-size:12px;color:#475569}.sales-chart-legend span{display:inline-flex;align-items:center;gap:6px}.sales-chart-legend i{width:18px;height:2px;display:inline-block}.sales-chart-legend i.a{background:#2563eb}.sales-chart-legend i.b{background:repeating-linear-gradient(to right,#0f766e 0 6px,transparent 6px 10px)}.sales-chart-legend i.c{background:repeating-linear-gradient(to right,#94a3b8 0 2px,transparent 2px 4px)}.sales-line-chart svg{position:relative;z-index:1;width:100%;height:246px;margin-top:10px}.sales-line-chart .crosshair-x,.sales-line-chart .crosshair-y{stroke:#2563eb47;stroke-width:.5;stroke-dasharray:2 2}.sales-line-chart .baseline{stroke:#94a3b847;stroke-width:.5}.sales-line-chart .baseline.strong{stroke:#0f766e8c;stroke-width:.85}.sales-line-chart polyline{fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.sales-line-chart .series-area{fill:url(#salesAreaGradient)}.sales-line-chart .series-a{stroke:#2563eb;stroke-width:3.1;filter:url(#salesGlow)}.sales-line-chart .series-b{stroke:#2563eb80;stroke-dasharray:4 3;stroke-width:2.1}.sales-line-chart .series-trend{stroke-width:3;stroke-linecap:round}.sales-line-chart .series-trend.trend-up{stroke:#0f9d58}.sales-line-chart .series-trend.trend-down{stroke:#d93025}.sales-line-chart .series-trend.trend-neutral{stroke:#94a3b8}.sales-line-chart .series-average{stroke:#475569;stroke-dasharray:3 3;stroke-width:1.8;fill:none}.sales-line-chart .series-bar-a{fill:#2563ebe6}.sales-line-chart .series-bar-b{fill:#2563eb61;stroke:#2563eb5c;stroke-width:.25}.sales-line-chart .series-c{stroke:#94a3b8;stroke-dasharray:2 2}.sales-line-chart .point-a,.sales-line-chart .point-highlight{fill:#fff;stroke:#2563eb;stroke-width:.9}.sales-line-chart .point-b,.sales-line-chart .point-b-active{fill:#fff;stroke:#2563eb80;stroke-width:.9}.sales-line-chart .point-c,.sales-line-chart .point-c-active{fill:#fff;stroke:#94a3b8;stroke-width:.9}.sales-line-chart .point-highlight{filter:url(#salesGlow)}.sales-line-chart .point-focus{fill:#fff;stroke-width:1.1}.sales-line-chart .point-focus.a{stroke:#2563eb}.sales-line-chart .point-focus.b{stroke:#2563eb80}.sales-line-chart .point-focus.na{stroke:#94a3b8;fill:#f1f5f9}.sales-chart-yaxis{position:absolute;left:14px;top:54px;bottom:44px;z-index:1;width:30px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#64748b}.sales-chart-xaxis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:0 4px;font-size:11px;color:#64748b}.sales-chart-xaxis span{text-align:center}.sales-chart-tooltip{position:absolute;transform:translate(-50%);top:16px;z-index:2;display:grid;gap:2px;min-width:108px;padding:10px 12px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(148,163,184,.28);box-shadow:0 10px 20px #0f172a14;font-size:12px;color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.sales-chart-tooltip strong{color:#0f172a}.sales-chart-badges{position:absolute;left:18px;top:16px;z-index:2;display:inline-flex;gap:8px;flex-wrap:wrap}.sales-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700}.sales-badge.muted{background:#f1f5f9;color:#475569}.sales-badge.warn{background:#fff7ed;color:#b45309}.sales-chart-overlay{position:absolute;top:10px;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:repeat(7,1fr)}.sales-chart-hit{background:transparent;border:none;cursor:crosshair}.sales-chart-hit.active,.sales-chart-hit:hover,.sales-chart-hit:focus-visible{background:linear-gradient(180deg,#2563eb0f,#2563eb05);outline:none}.sales-chart-hint{position:relative;z-index:1;font-size:12px;color:#64748b;margin-top:6px}.sales-formula-list{display:grid;gap:12px}.sales-formula-list div{display:grid;gap:6px;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.sales-formula-list strong{color:#0f172a}.sales-formula-list code{font-family:Consolas,Courier New,monospace;font-size:12px;color:#1d4ed8}.sales-formula-list small,.sales-cell-stack small{color:#64748b;font-size:12px}.sales-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:14px}.sales-table{width:100%;border-collapse:collapse;font-size:13px}.sales-table th,.sales-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #edf2f7}.sales-table th{background:#f8fafc;color:#64748b;font-weight:700}.sales-table tbody tr{background:#fff}.sales-table tbody tr:hover,.sales-table tbody tr:focus-visible{background:#f8fbff;outline:none}.sales-flag-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.sales-flag{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700}.sales-flag.hot{background:#fff4e5;color:#b45309}.sales-flag.warn{background:#fff1f2;color:#be123c}.sales-flag.slow{background:#f1f5f9;color:#475569}.sales-cell-stack{display:grid;gap:4px}.sales-category-layout{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:18px;align-items:start}.sales-donut-pair{display:grid;gap:16px}.sales-donut-block{display:grid;gap:8px;justify-items:center}.sales-donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative}.sales-donut:before{content:"";width:70px;height:70px;border-radius:50%;background:#fff;position:absolute}.sales-donut span{position:relative;z-index:1;font-size:24px;font-weight:700;color:#0f172a}.sales-donut.a{background:conic-gradient(#2563eb 0,#2563eb 36%,#0ea5e9 36%,#0ea5e9 58%,#f59e0b 58%,#f59e0b 76%,#e2e8f0 76%,#e2e8f0)}.sales-donut.b{background:conic-gradient(#0f766e 0,#0f766e 31%,#14b8a6 31%,#14b8a6 55%,#fb7185 55%,#fb7185 67%,#e2e8f0 67%,#e2e8f0)}.sales-category-bars{display:grid;gap:10px}.sales-category-row{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr) auto;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;text-align:left}.sales-category-row .name{font-weight:600;color:#0f172a}.sales-category-row .share{font-size:12px;color:#64748b}.sales-category-row .bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.sales-category-row .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#38bdf8)}@media (max-width: 900px){.tile{height:200px}.dashboard-screen{height:auto;grid-template-rows:auto;overflow:visible}.dashboard-filterbar,.dashboard-main-grid,.dashboard-ops-grid,.dashboard-kpis{grid-template-columns:1fr!important}.dashboard-filterbar,.dashboard-filters,.dashboard-mini-columns{grid-template-columns:1fr}.dashboard-chart-panel,.dashboard-side-panel,.dashboard-ops-grid>.dashboard-panel{grid-column:span 12}.dashboard-meta{flex-direction:column;align-items:flex-start}.sales-hero,.sales-main-grid,.sales-data-grid,.sales-bottom-grid,.sales-db-grid,.sales-db-layout,.sales-category-layout{grid-template-columns:1fr!important}.sales-control-grid,.sales-control-row{grid-template-columns:1fr 1fr!important}.sales-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-chart-panel,.sales-formula-panel,.sales-table-panel,.sales-top-panel,.sales-bottom-grid>.sales-panel{grid-column:span 12}.sales-chart-controls{grid-template-columns:1fr 1fr}.sales-panel-head{flex-direction:column}.sales-line-chart{min-height:320px;padding-left:44px}}@media (max-width: 640px){.tile{height:180px}.tile .subs{grid-template-columns:1fr!important}.sales-metric-grid,.sales-category-row,.sales-db-kpis{grid-template-columns:1fr}.sales-control-grid,.sales-control-row{grid-template-columns:1fr!important}.sales-chart-controls{grid-template-columns:1fr}.sales-chart-tooltip{position:relative;top:auto;left:auto!important;transform:none;margin-top:10px}.sales-line-chart{padding:16px 14px 14px 40px}}.page-masterdata .tile{height:calc(220px / 3);justify-content:center}@media (max-width: 900px){.page-masterdata .tile{height:calc(200px / 3);justify-content:center}}@media (max-width: 640px){.page-masterdata .tile{height:60px;justify-content:center}}@media (max-width: 900px){.tile-grid,.home-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.tile-grid,.home-grid{grid-template-columns:1fr!important}}.tile-link:focus-visible .tile{outline:3px solid var(--colorStrokeFocus1);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tile{transition:none}.tile:hover{transform:none;box-shadow:none}}.reduce-motion .tile{transition:none}.reduce-motion .tile:hover{transform:none;box-shadow:none}.reduce-motion *{transition:none!important;animation:none!important;scroll-behavior:auto!important}input,select,textarea,button{background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1);border:1px solid var(--colorNeutralStroke1)}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--colorStrokeFocus1);outline-offset:2px}button:hover,[class^=fui-Button]:hover,[class*=fui-Button]:hover{transform:translateY(-2px);border-color:var(--colorBrandBackground);box-shadow:0 6px 20px #0078d41f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}@media (prefers-reduced-motion: reduce){button:hover,[class^=fui-Button]:hover,[class*=fui-Button]:hover{transform:none;box-shadow:none}}html.text-large{font-size:18px}.spacing-comfort body{line-height:1.6;letter-spacing:.02em}.spacing-comfort input,.spacing-comfort select,.spacing-comfort textarea,.spacing-comfort button{padding:12px}.spacing-comfort .tile{padding:16px}.spacing-comfort .floating-panel button{padding:12px}.floating-stack{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3000}.floating-control{position:relative;opacity:.7;transition:opacity .16s ease,transform .16s ease;pointer-events:auto}.floating-control:hover,.floating-control:focus-within{opacity:1}.floating-trigger{padding:8px 12px;border-radius:8px;border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1)}.floating-control[data-open=true] .floating-trigger{border:2px solid var(--colorNeutralStroke1)}.floating-stack.has-open .floating-control[data-open=false] .floating-trigger{opacity:.5}.floating-panel{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);margin-top:0;width:240px;background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:8px;display:none;z-index:3100}.floating-control[data-open=true] .floating-panel{display:block}.floating-panel button{width:100%;text-align:left;padding:8px;border:none;background:transparent;color:var(--colorNeutralForeground1);border-radius:6px}.floating-panel button:hover,.floating-panel button:focus{background:var(--colorNeutralBackground3);outline:2px solid var(--colorStrokeFocus1);outline-offset:2px}.floating-panel hr{border:none;border-top:1px solid var(--colorNeutralStroke1);margin:6px 0}.overlay-nav{position:fixed;top:64px;left:0;right:0;pointer-events:none;z-index:2500}.overlay-nav .nav-circle{pointer-events:auto;position:absolute;width:36px;height:36px;border-radius:9999px;border:1px solid var(--colorNeutralStroke1);background:#fff9;color:var(--colorNeutralForeground1);display:grid;place-items:center;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);transition:transform .16s ease,background .16s ease,border-color .16s ease}.overlay-nav .nav-circle.left{left:12px}.overlay-nav .nav-circle.right{right:12px}.overlay-nav .nav-circle:hover{transform:translateY(-1px);background:#fffc;border-color:var(--colorBrandBackground)}.employee-form select{font-size:11px!important;font-family:var(--fontFamilyBase, Segoe UI, system-ui, -apple-system, Roboto, Arial, sans-serif);line-height:20px;height:40px!important;padding:4px!important;background:var(--colorNeutralBackground1)}.employee-form option{font-size:11px!important;font-family:var(--fontFamilyBase, Segoe UI, system-ui, -apple-system, Roboto, Arial, sans-serif)}.employee-form input{font-size:11px!important;font-family:var(--fontFamilyBase, Segoe UI, system-ui, -apple-system, Roboto, Arial, sans-serif);line-height:20px;height:40px!important;padding:4px}.employee-form label{font-size:11px!important}.content-grid{grid-template-columns:var(--sideNavWidth, 240px) 1fr}.hamburger-btn{display:none;position:fixed;left:12px;top:100px;z-index:2600;width:36px;height:36px;border-radius:9999px;border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1)}.mobile-nav-drawer{position:fixed;left:0;top:100px;bottom:12px;width:280px;background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:8px;box-shadow:0 12px 32px #0003;transform:translate(-100%);transition:transform .16s ease;z-index:2550;overflow:auto}.mobile-nav-drawer[data-open=true]{transform:translate(0)}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;display:none;z-index:2540}.mobile-nav-backdrop[data-open=true]{display:block}.side-nav{position:sticky;top:24px;align-self:start;height:calc(100vh - 24px);background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:8px;padding:8px;overflow:auto}.side-nav[data-collapsed=true]{padding:8px 6px}.side-nav-toggle{border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1);border-radius:9999px;width:28px;height:28px}.side-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.side-nav-item.active>.side-nav-link{background:var(--colorNeutralBackground3);border-color:var(--colorBrandBackground)}.side-nav-link{display:block;padding:8px;border-radius:6px;color:var(--colorNeutralForeground1);text-decoration:none;border:1px solid transparent}.side-nav-children{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.side-nav-child.active>.side-nav-sublink{background:var(--colorNeutralBackground3);border-color:var(--colorBrandBackground)}.side-nav-sublink{display:block;padding:6px 8px;border-radius:6px;color:var(--colorNeutralForeground1);text-decoration:none;border:1px solid transparent}@media (max-width: 640px){.content-grid{--sideNavWidth: 0 !important}.side-nav{display:none}.hamburger-btn{display:inline-flex;align-items:center;justify-content:center}.floating-stack{bottom:12px;right:12px;top:auto;transform:none}.floating-panel{bottom:calc(100% + 8px);right:0;top:auto;left:auto;transform:none}}@media (max-width: 900px){.employee-form{grid-template-columns:1fr!important;min-height:auto!important}.employee-form .fui-TabList{position:static!important;flex-direction:row!important;height:auto!important;min-height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important;padding:6px!important}.employee-form .fui-Tab{flex:0 0 auto}}@media (max-width: 640px){.employee-form{grid-template-columns:1fr!important;min-height:auto!important}.employee-form .fui-TabList{position:static!important;flex-direction:row!important;height:auto!important;min-height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important;padding:6px!important}.employee-form .fui-Tab{flex:0 0 auto}}.employees-table th,.employees-table td{font-size:13px}@media (max-width: 900px){.employees-table th,.employees-table td{padding:8px 10px!important;font-size:12px}}.employees-list{display:grid;gap:8px}.employees-card{border:1px solid var(--colorNeutralStroke1);border-radius:10px;background:#fff;padding:12px;display:grid;grid-template-columns:1fr auto;align-items:center}.employees-card-header{display:grid;gap:2px}.employees-card-name{font-size:14px;font-weight:600;color:var(--colorNeutralForeground1)}.employees-card-number{font-size:12px;color:var(--colorNeutralForeground2)}.employees-card-actions{display:flex;gap:8px;align-items:center}