:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:#f1f5f9}html,body,#root{height:100%}*{box-sizing:border-box}.pos-skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:.5rem 1rem;background:#1d4ed8;color:#fff;font-weight:600;border-radius:0 0 .5rem;text-decoration:none;transition:top .1s}.pos-skip-link:focus{top:0}body{margin:0;min-height:100vh;overflow:hidden}#root{height:100%}.pos-app{--ofui-app-shell-sidebar-width: 320px;--ofui-app-shell-border: #e2e8f0;--ofui-app-shell-sidebar-bg: #f8fafc;--ofui-app-shell-text: #0f172a;--ofui-app-shell-muted: #64748b;width:100%;height:100vh;overflow:hidden;display:grid;grid-template-rows:1fr}.pos-app.is-nav-collapsed{--ofui-app-shell-sidebar-width: 0px}.pos-app .ofui-app-shell-main{min-height:0;height:100%;display:grid;grid-template-columns:var(--ofui-app-shell-sidebar-width, 320px) minmax(0,1fr);transition:grid-template-columns .2s ease-out}.pos-app .ofui-app-shell-sidebar{padding:0!important;overflow:hidden}.pos-app.is-nav-collapsed .ofui-app-shell-sidebar{border-right:none}.pos-app.is-nav-collapsed .pos-sidebar{visibility:hidden}.pos-app .ofui-app-shell-content{min-height:0;height:100%;overflow-y:auto}.pos-sidebar{background:#f8fafc;color:#334155;padding:1rem;height:100%;overflow:auto;border-right:1px solid #1e293b}.pos-brand{font-size:1.2rem;font-weight:700;color:#0f172a;margin-bottom:1rem;position:sticky;top:-1rem;z-index:2;padding:1.75rem 1rem .5rem;margin-left:-1rem;margin-right:-1rem;background:#f8fafc}.pos-nav-section{margin-bottom:1rem}.pos-nav-section h2{margin:0 0 .5rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.pos-nav-section ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.pos-nav-section a{display:flex;align-items:center;gap:.55rem;justify-content:space-between;text-decoration:none;color:inherit;border-radius:.45rem;padding:.45rem .55rem;color:#334155}.pos-nav-section a>span{flex:1;min-width:0}.pos-nav-section a:hover{background:#e2e8f0;color:#0f172a}.pos-nav-section a.active{background:#2563eb;color:#eff6ff}.pos-nav-section a.is-shift-locked{opacity:.78;border:1px dashed rgba(245,158,11,.38)}.pos-nav-requirement-chip{flex:0 0 auto;padding:.1rem .38rem;border-radius:999px;font-size:.67rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.pos-nav-requirement-chip.is-neutral{background:#94a3b829;color:#64748b}.pos-nav-requirement-chip.is-warning{background:#f59e0b2e;color:#b45309}.pos-main{grid-template-rows:auto 1fr;min-width:0}.pos-header-wrap{background:#fff;border-bottom:1px solid #e2e8f0}.pos-header{padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.pos-header-actions{display:inline-flex;align-items:center;gap:.6rem}.pos-online{display:inline-flex;align-items:center;gap:.35rem;color:#0f172a;font-size:.9rem}.pos-user-chip{border:1px solid #cbd5e1;border-radius:999px;padding:.22rem .55rem;font-size:.8rem;color:#0f172a;background:#fff}.pos-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.pos-daily-metrics-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.pos-daily-metrics-list .ofui-horizontal-bar-chart-row{display:grid;grid-template-columns:64px 1fr auto;gap:.65rem;align-items:center}.pos-daily-metrics-list .ofui-horizontal-bar-chart-label{font-weight:600;color:#334155;font-variant-numeric:tabular-nums}.pos-daily-metrics-list .ofui-horizontal-bar-chart-bars{display:grid;gap:.35rem}.pos-daily-metrics-list .ofui-horizontal-bar-chart-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.pos-daily-metrics-list .ofui-horizontal-bar-chart-fill{display:block;height:100%;border-radius:inherit;transition:width .18s ease-out}.pos-daily-metrics-list .ofui-horizontal-bar-chart-summary{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.1rem}.pos-transaction-heatmap-table .ofui-heatmap-matrix-table{width:100%;border-collapse:separate;border-spacing:3px}.pos-transaction-heatmap-table .ofui-heatmap-matrix-table thead th{font-size:.72rem;color:#64748b;font-weight:600}.pos-transaction-heatmap-table .ofui-heatmap-matrix-table tbody th{font-size:.78rem;color:#334155;text-align:left}.pos-transaction-heatmap-table .ofui-heatmap-matrix-cell{border-radius:6px;min-width:18px;height:18px;transition:background-color .16s ease-out}.pos-transaction-heatmap-table .ofui-heatmap-matrix-total{font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.pos-sync-health-chart-container{display:flex;align-items:center;gap:1rem}.pos-sync-health-chart-container .ofui-donut-legend-chart-donut{width:128px;height:128px;border-radius:999px;position:relative;display:grid;place-items:center}.pos-sync-health-chart-container .ofui-donut-legend-chart-donut:after{content:"";width:64px;height:64px;border-radius:999px;background:#fff;position:absolute}.pos-sync-health-chart-container .ofui-donut-legend-chart-donut>span{position:relative;z-index:1;font-size:.75rem;font-weight:700;color:#0f172a;text-align:center;max-width:78px}.pos-sync-health-chart-container .ofui-donut-legend-chart-legend{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.pos-sync-health-chart-container .ofui-donut-legend-chart-legend li{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem}.pos-sync-health-chart-container .ofui-donut-legend-chart-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.pos-login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:#e2e8f0}.pos-login-card{width:min(520px,100%);background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;padding:1rem;display:grid;gap:.75rem}.pos-login-meta{display:flex;flex-wrap:wrap;gap:.5rem}.pos-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.pos-section-gap{height:1rem}.pos-dashboard-charts-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:1024px){.pos-dashboard-charts-grid{grid-template-columns:1fr 1fr}}.pos-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.pos-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pos-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;padding:.75rem}.pos-kpi-card h2{margin:0;font-size:.85rem;color:#475569}.pos-kpi-card strong{display:block;margin-top:.25rem;font-size:1.2rem}.pos-kpi-card small{color:#64748b}.pos-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.pos-form-grid label{display:grid;gap:.25rem;font-size:.9rem}.pos-form-grid input,.pos-form-grid select,.pos-form-grid button{border:1px solid #cbd5e1;border-radius:.45rem;padding:.5rem .6rem;font:inherit}.pos-form-grid button{background:#0f172a;color:#fff;border-color:#0f172a;cursor:pointer}.pos-form-grid button:disabled{opacity:.6;cursor:not-allowed}.pos-sale-product-picker{grid-column:1 / -1;display:grid;gap:.4rem}.pos-sale-product-label{font-size:.9rem;font-weight:600;color:#0f172a}.pos-sale-native-select-field{display:grid;gap:.35rem}.pos-sale-native-select-field>span{font-size:.85rem;color:#475569}.pos-sale-quick-picks{display:flex;flex-wrap:wrap;gap:.5rem}.pos-sale-quick-picks .pos-btn-secondary.is-active{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8}.pos-sale-hidden-select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.pos-sale-qty-field{display:grid;gap:.35rem}.pos-sale-qty-inline{display:grid;grid-template-columns:minmax(96px,120px) auto;align-items:center;gap:.5rem}.pos-sale-qty-stepper{display:flex;gap:.45rem}.pos-form-grid .pos-sale-qty-stepper button{background:#fff;color:#0f172a;border-color:#cbd5e1}.pos-sale-add-button{align-self:end}.pos-sale-page{display:grid;gap:.9rem}.pos-sale-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:.9rem}.pos-sale-column-main,.pos-sale-column-summary{display:grid;gap:.9rem;align-content:start}.pos-sale-panel{border:1px solid #e2e8f0;border-radius:.75rem;padding:.85rem;background:#f8fafc;display:grid;gap:.7rem}.pos-sale-panel-head{display:grid;gap:.25rem}.pos-sale-panel-head h2,.pos-sale-summary-panel h2{margin:0;font-size:1rem}.pos-sale-panel-head p,.pos-sale-summary-note{margin:0;font-size:.85rem;color:#475569}.pos-sale-form{align-items:end}.pos-sale-selection-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;padding-top:.15rem;border-top:1px dashed #cbd5e1;font-size:.86rem;color:#334155}.pos-sale-summary-panel{position:sticky;top:1rem}.pos-sale-checkout-grid{grid-template-columns:minmax(0,1fr)}.pos-sale-summary-list{margin:0;display:grid;gap:.5rem}.pos-sale-summary-list div{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px dashed #cbd5e1;padding-bottom:.4rem}.pos-sale-summary-list dt{font-size:.85rem;color:#475569}.pos-sale-summary-list dd{margin:0;font-weight:600}.pos-sale-summary-panel button{border:1px solid #1d4ed8;border-radius:.45rem;background:#2563eb;color:#fff;padding:.55rem .75rem;cursor:pointer;font-weight:600}.pos-sale-summary-panel button:disabled{opacity:.6;cursor:not-allowed}.pos-ops-page{display:grid;gap:.9rem}.pos-ops-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:.9rem;align-items:start}.pos-ops-layout.is-single{grid-template-columns:minmax(0,1fr)}.pos-ops-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.85rem;display:grid;gap:.75rem}.pos-ops-form-panel .pos-form-grid{align-items:end}.pos-ops-section-title{display:grid;gap:.2rem}.pos-ops-section-title h2{margin:0;font-size:1rem}.pos-ops-section-title p{margin:0;font-size:.85rem;color:#475569}.pos-ops-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.pos-ops-summary-card{display:grid;gap:.3rem;padding:.85rem;border:1px solid #dbe4f0;border-radius:.7rem;background:linear-gradient(180deg,#fff,#f8fafc);min-width:0}.pos-ops-summary-label{font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.pos-ops-summary-card strong{font-size:1rem;color:#0f172a;overflow-wrap:anywhere}.pos-ops-summary-card small{font-size:.8rem;color:#475569}@media(max-width:760px){.pos-sale-layout{grid-template-columns:1fr}.pos-sale-summary-panel{position:static}.pos-sale-qty-inline{grid-template-columns:1fr}.pos-ops-layout,.pos-ops-summary-grid{grid-template-columns:minmax(0,1fr)}}.pos-table{width:100%;border-collapse:collapse;font-size:.9rem}.pos-table-wrap{width:100%;overflow-x:auto}.pos-table th,.pos-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.5rem .45rem}.pos-action-cell{display:flex;gap:.35rem}.pos-action-cell button:not(.pos-btn-primary):not(.pos-btn-secondary):not(.pos-btn-danger),.pos-action-row button:not(.pos-btn-primary):not(.pos-btn-secondary):not(.pos-btn-danger){border:1px solid #cbd5e1;border-radius:.45rem;background:#fff;padding:.35rem .55rem;cursor:pointer}.pos-action-cell .pos-btn-primary,.pos-action-row .pos-btn-primary{border-color:#1d4ed8;background:#2563eb;color:#fff}.pos-action-cell .pos-btn-secondary,.pos-action-row .pos-btn-secondary{border-color:#cbd5e1;background:#fff;color:#0f172a}.pos-action-cell .pos-btn-danger,.pos-action-row .pos-btn-danger{border-color:#dc2626;background:#dc2626;color:#fff}.pos-action-row{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pos-action-row--end{justify-content:flex-end}.pos-btn-secondary{border:1px solid #cbd5e1;border-radius:.45rem;background:#fff;color:#0f172a;padding:.45rem .7rem;cursor:pointer}.pos-nav-toggle{display:inline-flex;align-items:center;margin-right:.65rem}.pos-btn-secondary:focus-visible,.pos-btn-primary:focus-visible,.pos-btn-danger:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pos-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.pos-btn-primary{border:1px solid #1d4ed8;border-radius:.45rem;background:#2563eb;color:#fff;padding:.45rem .7rem;cursor:pointer}.pos-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pos-btn-danger{border:1px solid #dc2626;border-radius:.45rem;background:#dc2626;color:#fff;padding:.45rem .7rem;cursor:pointer}.pos-btn-danger:disabled{opacity:.6;cursor:not-allowed}.pos-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.pos-card-header h1{margin:0;font-size:1.15rem}.pos-dashboard-header-meta{display:inline-flex;gap:.45rem;flex-wrap:wrap}.pos-sales-7d-chart{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc}.pos-sales-7d-bars{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.pos-sales-7d-bar-row{display:grid;grid-template-columns:64px 1fr minmax(120px,auto);gap:.75rem;align-items:center}.pos-sales-7d-date{font-size:.8rem;color:#475569;font-variant-numeric:tabular-nums}.pos-sales-7d-track{width:100%;height:.625rem;border-radius:999px;background:#dbeafe;overflow:hidden}.pos-sales-7d-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#2563eb)}.pos-sales-7d-value{text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums}.pos-top-products-chart{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc}.pos-top-products-bars{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.pos-top-products-bar-row{display:grid;grid-template-columns:minmax(140px,220px) 1fr minmax(120px,auto);gap:.75rem;align-items:center}.pos-top-products-name{font-size:.8rem;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-top-products-track{width:100%;height:.625rem;border-radius:999px;background:#dbeafe;overflow:hidden}.pos-top-products-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0284c7,#0369a1)}.pos-top-products-value{text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums}.pos-top-products-donut-chart{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc;display:grid;grid-template-columns:132px 1fr;gap:1rem;align-items:center;margin-top:.5rem;margin-bottom:.75rem}.pos-top-products-donut{width:120px;height:120px;border-radius:999px;display:grid;place-items:center;position:relative;margin:0 auto}.pos-top-products-donut:after{content:"";position:absolute;width:70px;height:70px;border-radius:999px;background:#f8fafc}.pos-top-products-donut span{position:relative;z-index:1;font-size:.74rem;max-width:78px;text-align:center;color:#1e293b;font-variant-numeric:tabular-nums}.pos-top-products-donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.pos-top-products-donut-legend li{display:grid;grid-template-columns:14px 1fr auto;gap:.45rem;align-items:center;font-size:.82rem}.pos-top-products-donut-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.pos-top-products-donut-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}.pos-daily-metrics-chart{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc}.pos-daily-metrics-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.pos-daily-metrics-row{display:grid;grid-template-columns:56px 1fr minmax(120px,auto);gap:.75rem;align-items:center}.pos-daily-metrics-date{font-size:.8rem;color:#475569;font-variant-numeric:tabular-nums}.pos-daily-metrics-bars{display:grid;gap:.3rem}.pos-daily-metrics-track{width:100%;height:.5rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.pos-daily-metrics-fill{display:block;height:100%;border-radius:999px}.pos-daily-metrics-fill.is-omzet{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.pos-daily-metrics-fill.is-transactions{background:linear-gradient(90deg,#10b981,#047857)}.pos-daily-metrics-values{display:grid;gap:.15rem;text-align:right}.pos-daily-metrics-values strong{font-size:.82rem;font-variant-numeric:tabular-nums}.pos-daily-metrics-values small{font-size:.75rem;color:#64748b}.pos-transaction-heatmap{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc}.pos-transaction-heatmap-scroll{overflow-x:auto}.pos-transaction-heatmap-table{width:100%;border-collapse:separate;border-spacing:.2rem;min-width:760px}.pos-transaction-heatmap-table th,.pos-transaction-heatmap-table td{font-size:.72rem;text-align:center;font-variant-numeric:tabular-nums;color:#334155}.pos-transaction-heatmap-table thead th{color:#64748b;font-weight:600}.pos-transaction-heatmap-table tbody th{text-align:left;color:#475569;font-weight:600;padding-right:.35rem}.pos-heatmap-cell{display:inline-block;width:14px;height:14px;border-radius:.25rem;border:1px solid rgba(148,163,184,.35)}.pos-heatmap-total{font-weight:700;color:#1e293b}.pos-transaction-heatmap-note{margin-top:.55rem;display:block;color:#64748b;font-size:.78rem}.pos-sync-health-chart{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc;display:grid;grid-template-columns:132px 1fr;gap:1rem;align-items:center;margin-bottom:.75rem}.pos-sync-health-donut{width:120px;height:120px;border-radius:999px;display:grid;place-items:center;position:relative;margin:0 auto}.pos-sync-health-donut:after{content:"";position:absolute;width:70px;height:70px;border-radius:999px;background:#f8fafc}.pos-sync-health-donut span{position:relative;z-index:1;font-size:.72rem;color:#334155;text-align:center;max-width:72px}.pos-sync-health-legend{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.pos-sync-health-legend li{display:grid;grid-template-columns:14px 1fr auto;gap:.45rem;align-items:center;font-size:.84rem}.pos-sync-health-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.pos-sync-health-dot.is-ok{background:#16a34a}.pos-sync-health-dot.is-pending{background:#d97706}.pos-sync-health-dot.is-error{background:#dc2626}.pos-aging-chart{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc;margin-top:.8rem;margin-bottom:.8rem}.pos-aging-chart h2{margin-top:0;margin-bottom:.6rem;font-size:.95rem}.pos-aging-bars{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.pos-aging-row{display:grid;grid-template-columns:84px 1fr minmax(120px,auto);gap:.6rem;align-items:center}.pos-aging-label{font-size:.8rem;color:#475569}.pos-aging-track{width:100%;height:.6rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.pos-aging-fill{display:block;height:100%;border-radius:999px}.pos-aging-fill.is-current{background:linear-gradient(90deg,#0284c7,#0369a1)}.pos-aging-fill.is-1-30{background:linear-gradient(90deg,#0ea5e9,#2563eb)}.pos-aging-fill.is-31-60{background:linear-gradient(90deg,#f59e0b,#d97706)}.pos-aging-fill.is-60plus{background:linear-gradient(90deg,#ef4444,#dc2626)}.pos-aging-value{text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums}.pos-status-chip{font-size:.78rem;border-radius:999px;padding:.2rem .55rem;background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd}.pos-status-chip.is-success{background:#dcfce7;border-color:#86efac;color:#166534}.pos-status-chip.is-warning{background:#fef3c7;border-color:#fcd34d;color:#92400e}.pos-status-chip.is-info{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}.pos-status-chip.is-danger{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.pos-status-strip{border-top:1px solid #e2e8f0;padding:.45rem 1rem .65rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.pos-inline-alert{border:1px solid;border-radius:.55rem;padding:.55rem .7rem;font-size:.9rem}.pos-inline-alert--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.pos-inline-alert--success{background:#ecfdf5;border-color:#86efac;color:#166534}.pos-inline-alert--warning{background:#fffbeb;border-color:#fcd34d;color:#92400e}.pos-inline-alert--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.pos-state{border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;padding:.8rem;display:grid;gap:.35rem}.pos-state h3{margin:0;font-size:.95rem}.pos-state p{margin:0;font-size:.86rem}.pos-state.is-compact{padding:.65rem .7rem}.pos-state--loading{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.pos-state--error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.pos-state--empty{border-color:#cbd5e1;background:#f8fafc;color:#334155}.pos-state--unauthorized{border-color:#fdba74;background:#fff7ed;color:#9a3412}.pos-state--info{border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}.pos-toast-viewport{position:fixed;top:.9rem;right:.9rem;z-index:9999;display:grid;gap:.5rem;width:min(420px,calc(100vw - 1.8rem));pointer-events:none}.pos-toast{border:1px solid;border-radius:.6rem;background:#fff;padding:.6rem .75rem;box-shadow:0 10px 24px #0f172a29;font-size:.88rem;pointer-events:none}.pos-toast--info{border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}.pos-toast--success{border-color:#86efac;background:#ecfdf5;color:#166534}.pos-toast--warning{border-color:#fcd34d;background:#fffbeb;color:#92400e}.pos-toast--error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.pos-sidebar-overlay{display:none}.pos-category-page{display:grid;gap:.75rem}.pos-category-subtitle{margin:0;color:#475569;font-size:.92rem}.pos-category-layout{display:grid;grid-template-columns:340px 1fr;gap:.85rem;min-height:420px}.pos-category-sidebar,.pos-category-detail{border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc;padding:.75rem}.pos-category-search-wrap{margin-bottom:.65rem}.pos-category-tree{display:grid;gap:.35rem;margin-top:.65rem}.pos-cat-tree-children{margin-left:1rem;border-left:1px solid #cbd5e1;padding-left:.5rem}.pos-cat-tree-item{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.35rem;border:1px solid transparent;border-radius:.5rem;background:#fff;padding:.35rem .45rem}.pos-cat-tree-item:hover{border-color:#cbd5e1;background:#f8fafc}.pos-cat-tree-item.is-active{border-color:#93c5fd;background:#eff6ff}.pos-cat-tree-item.is-drop-target,.pos-category-dropzone.is-drop-target{border-color:#60a5fa;background:#dbeafe}.pos-cat-grip{color:#94a3b8}.pos-cat-toggle,.pos-cat-select{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.pos-cat-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#64748b}.pos-cat-toggle-placeholder{width:20px;height:20px}.pos-cat-select{text-align:left;width:100%}.pos-cat-badge{font-size:.72rem;color:#475569;border:1px solid #cbd5e1;border-radius:999px;padding:.1rem .45rem;background:#fff}.pos-category-dropzone{margin-top:.7rem;border:1px dashed #cbd5e1;border-radius:.55rem;color:#475569;background:#fff;display:grid;justify-items:center;gap:.35rem;padding:.9rem .65rem;font-size:.82rem}.pos-category-detail h2{margin:0 0 .35rem}.pos-category-detail p{margin:.25rem 0;color:#475569}.pos-category-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:.55rem;padding:.8rem;text-align:center;font-size:.9rem}@media(max-width:1024px){.pos-category-layout{grid-template-columns:1fr}}.pos-spin{animation:pos-spin .9s linear infinite}@keyframes pos-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pos-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;font:inherit}.pos-btn.size-xs{padding:.16rem .45rem;font-size:.75rem}.pos-btn.size-sm{padding:.35rem .6rem;font-size:.84rem}.pos-btn.size-md{padding:.45rem .7rem;font-size:.9rem}.pos-btn.size-lg{padding:.55rem .8rem;font-size:.96rem}.pos-btn.is-primary{background:#0f172a;border-color:#0f172a;color:#fff}.pos-btn.is-secondary{background:#fff;border-color:#cbd5e1;color:#0f172a}.pos-btn.is-danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.pos-btn.is-link{border-color:transparent;background:transparent;color:#1d4ed8;text-decoration:underline}.pos-btn.is-outline.is-primary{background:#fff;color:#1d4ed8;border-color:#1d4ed8}.pos-btn.is-outline.is-secondary{background:#fff;color:#334155;border-color:#94a3b8}.pos-btn.is-outline.is-danger{background:#fff;color:#b91c1c;border-color:#b91c1c}.pos-btn.is-disabled{opacity:.6;cursor:not-allowed}.pos-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pos-input-wrap{display:grid;gap:.25rem}.pos-input-label{font-size:.85rem;color:#334155}.pos-input{border:1px solid #cbd5e1;border-radius:.45rem;padding:.45rem .6rem;font:inherit;color:#0f172a;background:#fff}.pos-input:focus{outline:2px solid #bfdbfe;border-color:#60a5fa}.pos-input.is-error{border-color:#dc2626}.pos-input.is-disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.pos-input-help{font-size:.75rem;color:#64748b}.pos-input-error{font-size:.75rem;color:#b91c1c}.pos-md-layout{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 132px);border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background:#fff}.pos-md-sidebar{border-right:1px solid #e2e8f0;background:#f8fafc}.pos-md-sidebar-head{border-bottom:1px solid #e2e8f0;padding:.8rem}.pos-md-sidebar-head h2{margin:0;font-size:1rem}.pos-md-sidebar-head p{margin:.2rem 0 0;font-size:.82rem;color:#64748b}.pos-md-search-wrap{position:relative;border-bottom:1px solid #e2e8f0;padding:.65rem}.pos-md-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;display:inline-flex}.pos-md-search-input{padding-left:1.9rem}.pos-md-sidebar-content{padding:.7rem}.pos-md-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.pos-md-header{border-bottom:1px solid #e2e8f0;background:#fff;padding:.7rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.pos-md-title-row{display:flex;align-items:center;gap:.55rem}.pos-md-title-row h1{margin:0;font-size:1.15rem}.pos-md-record-id{margin:.25rem 0 0;font-size:.78rem;color:#64748b}.pos-md-back-btn{width:32px;height:32px;padding:0}.pos-md-head-actions{display:inline-flex;align-items:center;gap:.45rem}.pos-md-content{padding:.85rem;overflow:auto;background:#f1f5f9}.pos-md-content.is-loading{opacity:.65;pointer-events:none}@media(min-width:1101px){.pos-app .ofui-app-shell-content:has(>.pos-md-layout){display:flex;flex-direction:column}.pos-md-layout{flex:1;min-height:0;height:unset;min-height:unset;grid-template-rows:1fr}.pos-md-sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}.pos-md-sidebar-content{flex:1;min-height:0;overflow:hidden;padding:0}.pos-md-list-scroll{min-height:0;overflow:hidden;display:flex;flex-direction:column}.pos-md-main{min-height:0;overflow:hidden}.pos-md-content{min-height:0;overflow-y:auto}}.pos-md-quick-actions{position:fixed;right:1rem;bottom:1rem;z-index:30}.pos-fab-group{position:relative;display:grid;justify-items:end;gap:.55rem}.pos-fab-secondary-list{display:grid;gap:.45rem}.pos-fab-secondary,.pos-fab-main{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;cursor:pointer}.pos-fab-secondary{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;padding:.36rem .7rem}.pos-fab-main{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.pos-fab-main.is-default{background:#fff}.pos-fab-main.is-secondary{background:#f1f5f9}.pos-fab-main.is-destructive{background:#b91c1c;border-color:#b91c1c;color:#fff}.pos-fab-tooltip{font-size:.74rem;color:#475569}.pos-tabs{border:1px solid #e2e8f0;border-radius:.65rem;background:#fff}.pos-tabs-head{display:flex;gap:.4rem;padding:.45rem .55rem;border-bottom:1px solid #e2e8f0;overflow-x:auto}.pos-tab-btn{border:1px solid transparent;border-radius:.45rem;background:transparent;color:#475569;display:inline-flex;align-items:center;gap:.35rem;padding:.36rem .55rem;white-space:nowrap;cursor:pointer}.pos-tab-btn.is-active{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.pos-tab-btn.is-disabled{opacity:.55;cursor:not-allowed}.pos-tab-badge{border-radius:999px;border:1px solid #cbd5e1;padding:.06rem .4rem;font-size:.68rem}.pos-tab-panel{padding:.8rem}.pos-collapsible{border:1px solid #e2e8f0;border-radius:.65rem;background:#fff;overflow:hidden}.pos-collapsible+.pos-collapsible{margin-top:.55rem}.pos-collapsible-head{width:100%;border:none;background:#f8fafc;color:#0f172a;padding:.62rem .7rem;display:flex;align-items:center;gap:.5rem;text-align:left;cursor:pointer}.pos-collapsible-head:focus-visible{outline:2px solid #2563eb;outline-offset:1px}.pos-collapsible-head.is-disabled{opacity:.6;cursor:not-allowed}.pos-collapsible-chevron{display:inline-flex;transition:transform .16s ease}.pos-collapsible-chevron.is-open{transform:rotate(180deg)}.pos-collapsible-title-wrap{display:inline-flex;flex-direction:column;gap:.08rem;flex:1}.pos-collapsible-title-wrap strong{font-size:.93rem}.pos-collapsible-title-wrap small{color:#64748b}.pos-collapsible-content{display:none}.pos-collapsible-content.is-open{display:block}.pos-collapsible-inner{padding:.72rem}.pos-collapsible-badge{border:1px solid #cbd5e1;border-radius:999px;padding:.08rem .45rem;font-size:.72rem;color:#334155;background:#fff}.pos-inline-edit{display:grid;grid-template-columns:180px 1fr auto;gap:.5rem;align-items:start;margin-bottom:.45rem}.pos-inline-edit.is-no-label{grid-template-columns:minmax(0,1fr)}.pos-inline-label{color:#475569;font-size:.85rem;padding-top:.2rem}.pos-inline-value-wrap,.pos-inline-editor-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:.35rem}.pos-inline-edit.is-no-label .pos-inline-value-wrap,.pos-inline-edit.is-no-label .pos-inline-editor-wrap{grid-column:1}.pos-inline-editor-wrap.is-textarea-editor{grid-template-columns:minmax(0,1fr)}.pos-inline-value-wrap span.is-empty{color:#94a3b8;font-style:italic}.pos-inline-input{width:100%;border:1px solid #cbd5e1;border-radius:.45rem;padding:.4rem .55rem;font:inherit;min-width:0}textarea.pos-inline-input{min-height:110px;resize:vertical}.pos-inline-input:focus{outline:2px solid #bfdbfe;border-color:#60a5fa}.pos-inline-icon-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:.38rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pos-inline-editor-actions{display:inline-flex;gap:.25rem;margin-top:.1rem;justify-self:end}.pos-inline-editor-wrap.is-textarea-editor .pos-inline-editor-actions{justify-self:end}.pos-product-create-desc{min-height:120px;resize:vertical}.pos-inline-error{color:#b91c1c;font-size:.72rem;padding-top:.2rem}.pos-inline-success{color:#166534;font-size:.72rem;padding-top:.2rem}.pos-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#02061773;padding:.9rem}.pos-modal-card{width:min(460px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.pos-modal-card-lg{width:min(560px,100%);padding:.95rem}.pos-modal-title{margin:0 0 .65rem;font-size:1rem;font-weight:700;color:#0f172a}.pos-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem;border-bottom:1px solid #e2e8f0}.pos-modal-head h3{margin:0;font-size:1rem;display:inline-flex;align-items:center;gap:.35rem}.pos-modal-body{padding:.75rem}.pos-modal-actions{padding:.7rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.45rem}.pos-confirm-message{margin:0;color:#334155;font-size:.92rem}.pos-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.pos-role-item{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.4rem;border:1px solid #cbd5e1;border-radius:.45rem;padding:.45rem .55rem;background:#fff;cursor:pointer}.pos-role-item:hover{border-color:#93c5fd;background:#f8fafc}.pos-role-item.is-selected{border-color:#60a5fa;background:#eff6ff}.pos-role-item input{margin:0}.pos-role-item strong{font-size:.82rem;font-weight:600;color:#0f172a}.pos-user-avatar{width:84px;height:84px;border-radius:999px;margin:0 auto;border:1px solid #93c5fd;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700}.pos-timeline{display:grid;gap:.8rem}.pos-timeline-day-label{font-size:.8rem;color:#64748b;margin-bottom:.35rem}.pos-timeline-item{display:grid;grid-template-columns:30px 1fr;gap:.55rem}.pos-timeline-dot{width:28px;height:28px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#334155;display:inline-flex;align-items:center;justify-content:center}.pos-timeline-card{border:1px solid #e2e8f0;border-radius:.55rem;background:#fff;padding:.55rem}.pos-timeline-head{display:flex;justify-content:space-between;gap:.75rem}.pos-timeline-head p{margin:0;font-size:.86rem}.pos-timeline-head>div{text-align:right;font-size:.72rem;color:#64748b}.pos-timeline-changes{margin-top:.35rem;display:grid;gap:.2rem}.pos-timeline-changes div{font-size:.75rem;color:#475569;display:flex;align-items:center;gap:.3rem}.pos-timeline-changes code{border:1px solid #e2e8f0;border-radius:.35rem;background:#f8fafc;padding:.05rem .28rem}.pos-timeline-empty{border:1px dashed #cbd5e1;border-radius:.55rem;background:#fff;color:#64748b;padding:.75rem;display:grid;justify-items:center;gap:.35rem}.pos-md-list-shell{height:100%;display:grid;grid-template-rows:1fr auto}.pos-md-list-scroll{position:relative}@media(max-width:1100px){.pos-md-list-scroll{min-height:360px}}@media(min-width:1101px){.pos-md-list-scroll{min-height:0}}.pos-md-list-row{width:100%;border:0;border-left:4px solid transparent;background:transparent;text-align:left;padding:.7rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;cursor:pointer}.pos-md-list-row:hover{background:#eef2ff}.pos-md-list-row.is-selected{background:#dbeafe;border-left-color:#2563eb}.pos-md-list-row-main{min-width:0;flex:1}.pos-md-list-row-title{font-size:.9rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-md-list-row-meta{font-size:.75rem;color:#64748b}.pos-md-list-row-chip{font-size:.72rem;font-weight:600;color:#1d4ed8}.pos-md-empty-overlay{position:absolute;inset:0;display:grid;place-items:center;color:#64748b;font-size:.9rem;pointer-events:none}.pos-md-list-loading{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);font-size:.8rem;color:#64748b}.pos-md-add-button{width:100%;border:0;border-top:1px solid #dbe2ec;background:#eff6ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;cursor:pointer;font-weight:600}.pos-md-add-button:hover{background:#dbeafe}.pos-md-empty{padding:2.5rem 1rem;text-align:center;color:#64748b}.pos-md-stack{display:grid;gap:.8rem}.pos-md-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.pos-md-span-2{grid-column:1 / -1}.pos-md-box-md{max-width:420px}.pos-md-box-xl{max-width:960px}.pos-md-pad-lg{padding:1rem}.pos-md-price-value{font-size:1.2rem;font-weight:700;color:#0f172a}.pos-md-stock-row{display:inline-flex;align-items:baseline;gap:.75rem;padding:.5rem 0}.pos-md-stock-value{font-size:2rem;font-weight:700;color:#0f172a}.pos-md-stock-low{color:#b91c1c;font-weight:600}.pos-md-stock-ok{color:#166534;font-weight:600}.pos-ur-sidebar-list{display:grid;gap:.45rem}.pos-ur-user-item{width:100%;border:1px solid transparent;border-radius:.55rem;background:#fff;text-align:left;padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;cursor:pointer}.pos-ur-user-item:hover{background:#f8fafc;border-color:#e2e8f0}.pos-ur-user-item.is-selected{background:#eff6ff;border-color:#bfdbfe}.pos-ur-user-name{font-size:.9rem;font-weight:600;color:#0f172a}.pos-ur-user-meta{margin-top:.15rem;font-size:.75rem;color:#64748b}.pos-ur-locked-icon{color:#b91c1c}.pos-ur-sidebar-add{width:100%;border:0;border-radius:.55rem;background:#eff6ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .75rem;font-weight:600;cursor:pointer}.pos-ur-sidebar-add:hover{background:#dbeafe}.pos-ur-panel-stack{display:grid;gap:.85rem;max-width:960px}.pos-ur-panel-card,.pos-ur-role-matrix{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem}.pos-ur-user-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pos-ur-avatar{width:72px;height:72px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.pos-ur-user-title{margin:0;font-size:1.15rem;color:#0f172a}.pos-ur-user-subtitle{margin:.2rem 0 0;font-size:.82rem;color:#64748b}.pos-ur-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.pos-ur-field-label{display:block;margin-bottom:.4rem;font-size:.82rem;font-weight:600;color:#334155}.pos-select-wrap{position:relative;width:100%}.pos-select-label{display:block;margin-bottom:.35rem;font-size:.82rem;font-weight:600;color:#334155}.pos-select-trigger{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:.6rem;background:#fff;padding:.5rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.55rem;transition:border-color .12s ease,box-shadow .12s ease;cursor:pointer}.pos-select-trigger:hover{border-color:#94a3b8}.pos-select-trigger.is-open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.pos-select-trigger.is-disabled{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.pos-select-value-wrap{min-width:0;flex:1}.pos-select-placeholder{color:#94a3b8;font-size:.88rem}.pos-select-right-icons{display:inline-flex;align-items:center;gap:.35rem;color:#64748b}.pos-select-right-icons .is-open{transform:rotate(180deg)}.pos-select-chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.pos-select-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:.16rem .5rem;font-size:.77rem;font-weight:600}.pos-select-chip svg{cursor:pointer}.pos-select-dropdown{border:1px solid #cbd5e1;border-radius:.7rem;background:#fff;box-shadow:0 14px 38px #0f172a29;overflow:hidden}.pos-select-search-wrap{display:flex;align-items:center;gap:.35rem;border-bottom:1px solid #e2e8f0;padding:.5rem .55rem}.pos-select-search-icon{color:#94a3b8}.pos-select-search-input{width:100%;border:0;outline:none;background:transparent;font-size:.88rem;color:#0f172a}.pos-select-options{max-height:240px;overflow:auto;padding:.35rem;display:grid;gap:.2rem}.pos-select-empty{padding:.5rem;color:#64748b;font-size:.82rem}.pos-select-option{width:100%;border:1px solid transparent;border-radius:.5rem;background:#fff;color:#0f172a;padding:.45rem .5rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.4rem;cursor:pointer;font-size:.86rem}.pos-select-option:hover,.pos-select-option.is-highlight{background:#f8fafc;border-color:#e2e8f0}.pos-select-option.is-selected{background:#eff6ff;border-color:#bfdbfe}.pos-select-option.is-create{color:#166534}.pos-select-option-main{display:inline-flex;align-items:center;gap:.4rem}.pos-entity-picker-option,.pos-entity-picker-value{display:grid;gap:.1rem;min-width:0}.pos-entity-picker-primary{font-size:.89rem;font-weight:600;color:#0f172a;line-height:1.25}.pos-entity-picker-secondary{font-size:.76rem;color:#64748b;line-height:1.25}.pos-sale-picker-help{margin:.45rem 0 0;font-size:.78rem;color:#64748b}.pos-ur-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pos-ur-status-btn,.pos-ur-reset-btn{border:1px solid transparent;border-radius:.5rem;padding:.5rem .65rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font-weight:600}.pos-ur-status-btn.is-active{background:#dcfce7;color:#166534}.pos-ur-status-btn.is-locked{background:#fee2e2;color:#b91c1c}.pos-ur-reset-btn{background:#ffedd5;color:#c2410c}.pos-ur-role-chips{display:flex;flex-wrap:wrap;gap:.5rem}.pos-ur-role-chip,.pos-ur-role-add{border:1px solid transparent;border-radius:.55rem;padding:.52rem .75rem;font-weight:600;cursor:pointer}.pos-ur-role-chip{background:#e2e8f0;color:#0f172a}.pos-ur-role-chip.is-selected{background:#2563eb;color:#fff}.pos-ur-role-add{background:#dcfce7;color:#166534;display:inline-flex;align-items:center;gap:.4rem}.pos-ur-role-matrix-head{padding:.75rem .9rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.pos-ur-role-matrix-head h3{margin:0;font-size:.98rem}.pos-ur-role-matrix-body{padding:.75rem .9rem}.pos-ur-role-table{width:100%;border-collapse:collapse}.pos-ur-role-table td{padding:.48rem 0;border-bottom:1px solid #f1f5f9;font-size:.86rem}.pos-ur-role-table td:last-child{text-align:right}.pos-ur-perm-toggle{width:40px;height:40px;border:1px solid transparent;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pos-ur-perm-toggle.is-on{background:#2563eb;color:#fff}.pos-ur-perm-toggle.is-off{background:#e2e8f0;color:#64748b}.pos-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:600}.pos-settings-page{display:grid;gap:.85rem}.pos-settings-head h1,.pos-settings-head h2{margin:0;font-size:1.35rem}.pos-settings-head p{margin:.25rem 0 0;color:#64748b;font-size:.88rem}.pos-settings-card{border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;padding:.9rem;display:grid;gap:.65rem}.pos-settings-label{display:block;font-size:.82rem;font-weight:600;color:#334155}.pos-settings-subtitle{margin:0;font-size:1rem;color:#0f172a}.pos-settings-help{margin:0;font-size:.82rem;color:#64748b}.pos-settings-stack{display:grid;gap:.5rem}.pos-settings-policy-grid{gap:.6rem}.pos-settings-policy-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,240px);align-items:center;gap:.75rem}.pos-settings-policy-caption{font-size:.82rem;font-weight:600;color:#334155}.pos-settings-theme-row,.pos-settings-actions,.pos-settings-shortcut-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pos-settings-check-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;color:#334155}.pos-settings-shortcut-item{border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;padding:.65rem}.pos-settings-shortcut-title{font-size:.9rem;font-weight:600;color:#0f172a}.pos-settings-shortcut-help{margin-top:.2rem;font-size:.75rem;color:#64748b}.pos-settings-shortcut-key{width:64px;border:1px solid #cbd5e1;border-radius:.4rem;padding:.3rem .4rem;font-size:.85rem}.pos-settings-import{cursor:pointer}.pos-settings-hidden{display:none}@media(max-width:760px){.pos-settings-policy-row{grid-template-columns:1fr}}.pos-prod-hero{border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;padding:.85rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.pos-prod-hero-icon{width:56px;height:56px;border-radius:999px;background:#e0f2fe;color:#0369a1;display:inline-flex;align-items:center;justify-content:center}.pos-prod-hero-main h2{margin:0;font-size:1.08rem;color:#0f172a}.pos-prod-hero-main p{margin:.2rem 0 0;font-size:.76rem;color:#64748b}.pos-prod-hero-stock{text-align:right}.pos-prod-hero-stock span{display:block;font-size:.74rem;color:#64748b}.pos-prod-hero-stock strong{font-size:1.4rem;color:#0f172a}.pos-prod-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.pos-prod-kpi{border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;padding:.6rem .7rem}.pos-prod-kpi span{display:block;font-size:.75rem;color:#64748b}.pos-prod-kpi strong{display:block;margin-top:.18rem;font-size:.9rem;color:#0f172a}.pos-product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.pos-product-form-field{display:grid;gap:.35rem;font-size:.84rem;color:#334155}.pos-product-form-field .pos-input{width:100%;min-height:40px}.pos-product-description-field{margin-top:.15rem}.pos-product-description-input{width:100%;min-height:168px;line-height:1.45;resize:vertical}.pos-prod-margin{border:1px dashed #cbd5e1;border-radius:.6rem;background:#f8fafc;padding:.65rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pos-prod-margin span{color:#475569;font-size:.82rem}.pos-prod-margin strong{color:#0f172a}.pos-prod-stock-badges{display:inline-flex;flex-wrap:wrap;gap:.45rem}.pos-prod-badge{border-radius:999px;padding:.18rem .58rem;font-size:.76rem;font-weight:600;border:1px solid transparent}.pos-prod-badge.is-ok{background:#dcfce7;color:#166534;border-color:#86efac}.pos-prod-badge.is-warn{background:#fef9c3;color:#854d0e;border-color:#fde047}.pos-prod-badge.is-danger{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}@media(max-width:1100px){.pos-app{grid-template-columns:1fr}.pos-app .ofui-app-shell-main{grid-template-columns:minmax(0,1fr)}.pos-sidebar{position:fixed;inset:0 auto 0 0;width:min(340px,calc(100vw - 3.5rem));max-height:100vh;z-index:60;transform:translate(-105%);transition:transform .2s ease-out;border-right:1px solid #1e293b;border-bottom:none}.pos-sidebar.is-open{transform:translate(0)}.pos-sidebar-overlay{display:block;position:fixed;inset:0;z-index:55;border:none;background:#0f172a4d}.pos-nav-toggle{display:inline-flex}.pos-header{flex-direction:column;align-items:flex-start}.pos-header-actions{width:100%;flex-wrap:wrap}.pos-nav-section a,.pos-btn-secondary,.pos-btn-primary,.pos-btn-danger,.pos-form-grid input,.pos-form-grid select,.pos-form-grid button{min-height:42px}.pos-nav-section a{padding-block:.55rem}.pos-kpi-grid,.pos-form-grid{grid-template-columns:1fr}.pos-sales-7d-bar-row{grid-template-columns:56px 1fr}.pos-sales-7d-value{grid-column:1 / -1;text-align:left;padding-left:calc(56px + .75rem)}.pos-top-products-bar-row{grid-template-columns:1fr}.pos-top-products-name{white-space:normal}.pos-top-products-value{text-align:left}.pos-top-products-donut-chart{grid-template-columns:1fr}.pos-daily-metrics-row{grid-template-columns:56px 1fr}.pos-daily-metrics-values{grid-column:1 / -1;text-align:left;padding-left:calc(56px + .75rem)}.pos-transaction-heatmap{padding:.6rem}.pos-transaction-heatmap-table{min-width:680px}.pos-sync-health-chart,.pos-aging-row{grid-template-columns:1fr}.pos-aging-value{text-align:left}.pos-role-grid,.pos-md-layout,.pos-md-two-col,.pos-product-form-grid{grid-template-columns:1fr}.pos-md-span-2{grid-column:auto}.pos-inline-edit,.pos-ur-form-grid{grid-template-columns:1fr}.pos-prod-hero{grid-template-columns:auto 1fr}.pos-prod-hero-stock{grid-column:1 / -1;text-align:left}.pos-prod-kpis{grid-template-columns:1fr}}@media(max-width:760px){.pos-table--responsive thead{display:none}.pos-table--responsive,.pos-table--responsive tbody,.pos-table--responsive tr,.pos-table--responsive td{display:block;width:100%}.pos-table--responsive tr{border:1px solid #e2e8f0;border-radius:.55rem;margin-bottom:.65rem;background:#fff;padding:.2rem .45rem}.pos-table--responsive td{border-bottom:none;padding:.45rem .1rem;display:grid;gap:.1rem}.pos-table--responsive td:before{content:attr(data-label);font-size:.72rem;color:#64748b;letter-spacing:.02em;text-transform:uppercase;font-weight:600}}.pos-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-ofui-mode=dark]{color:#e2e8f0;background:#0b1220}[data-ofui-mode=dark] .pos-app{--ofui-app-shell-border: #1e293b;--ofui-app-shell-sidebar-bg: #0b1220;--ofui-app-shell-text: #e2e8f0;--ofui-app-shell-muted: #94a3b8;--of-app-shell-border: #1e293b;--of-app-shell-sidebar-bg: #0b1220;--of-app-shell-text: #e2e8f0;--of-app-shell-muted: #94a3b8}[data-ofui-mode=dark] .pos-sidebar{background:#0b1220;color:#cbd5e1;border-right-color:#1e293b}[data-ofui-mode=dark] .pos-brand{background:#0b1220;color:#e2e8f0}[data-ofui-mode=dark] .pos-nav-section h2{color:#475569}[data-ofui-mode=dark] .pos-nav-section a{color:#94a3b8}[data-ofui-mode=dark] .pos-nav-section a:hover{background:#1e293b;color:#e2e8f0}[data-ofui-mode=dark] .pos-nav-section a.active{background:#1d4ed8;color:#eff6ff}[data-ofui-mode=dark] .pos-sidebar-nav-item{color:#94a3b8}[data-ofui-mode=dark] .pos-sidebar-nav-item:hover,[data-ofui-mode=dark] .pos-sidebar-nav-item.is-active{background:#1e293b;color:#e2e8f0}[data-ofui-mode=dark] .pos-header-wrap{background:#111827;border-bottom-color:#1e293b;color:#e2e8f0}[data-ofui-mode=dark] .pos-header{background:#111827;color:#e2e8f0}[data-ofui-mode=dark] .pos-status-strip{background:#0b1220;border-top-color:#1e293b}[data-ofui-mode=dark] .pos-status-chip{background:#1e293b;color:#94a3b8;border-color:#334155}[data-ofui-mode=dark] .pos-status-chip.is-success{background:var(--of-color-state-success-bg, #052e16);color:var(--of-color-state-success-text, #86efac);border-color:#4ade804d}[data-ofui-mode=dark] .pos-status-chip.is-warning{background:var(--of-color-state-warning-bg, #422006);color:var(--of-color-state-warning-text, #fcd34d);border-color:#fbbf244d}[data-ofui-mode=dark] .pos-status-chip.is-info{background:var(--of-color-state-info-bg, #1e3a5f);color:var(--of-color-state-info-text, #93c5fd);border-color:#60a5fa4d}[data-ofui-mode=dark] .pos-status-chip.is-danger{background:var(--of-color-error-bg, #3b0f12);color:var(--of-color-error-text, #f87171);border-color:#f871714d}[data-ofui-mode=dark] .pos-login-wrap,[data-ofui-mode=dark] .pos-login-card,[data-ofui-mode=dark] .pos-card,[data-ofui-mode=dark] .pos-table-wrap,[data-ofui-mode=dark] .pos-panel{background:#111827;color:#e2e8f0;border-color:#1e293b}[data-ofui-mode=dark] .pos-user-chip{background:#1e293b;color:#e2e8f0;border-color:#475569}[data-ofui-mode=dark] .pos-btn-secondary{background:#1e293b;color:#e2e8f0;border-color:#334155}[data-ofui-mode=dark] .pos-btn-secondary:hover{background:#334155}[data-ofui-mode=dark] .pos-btn-primary{background:#1d4ed8;color:#eff6ff}[data-ofui-mode=dark] .pos-btn.is-primary{background:#2563eb;border-color:#2563eb;color:#fff}[data-ofui-mode=dark] .pos-btn.is-primary:hover{background:#1d4ed8;border-color:#1d4ed8}[data-ofui-mode=dark] .pos-btn.is-secondary{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-ofui-mode=dark] .pos-btn.is-secondary:hover{background:#334155;border-color:#64748b}[data-ofui-mode=dark] .pos-btn.is-outline.is-primary{background:transparent;color:#60a5fa;border-color:#3b82f6}[data-ofui-mode=dark] .pos-btn.is-outline.is-secondary{background:transparent;color:#94a3b8;border-color:#475569}[data-ofui-mode=dark] table,[data-ofui-mode=dark] .pos-table{color:#e2e8f0}[data-ofui-mode=dark] th{background:#1e293b;color:#94a3b8;border-color:#334155}[data-ofui-mode=dark] td{border-color:#1e293b}[data-ofui-mode=dark] tr:hover td{background:#1e293b}[data-ofui-mode=dark] input:not([type=checkbox]):not([type=radio]),[data-ofui-mode=dark] select,[data-ofui-mode=dark] textarea{background:#1e293b;color:#e2e8f0;border-color:#334155}.pos-app input[type=checkbox],.pos-app input[type=radio]{width:16px;height:16px;flex-shrink:0;accent-color:var(--of-color-primary, #2563eb);cursor:pointer;color-scheme:light}[data-ofui-mode=dark] .pos-app input[type=checkbox],[data-ofui-mode=dark] .pos-app input[type=radio]{color-scheme:dark}.pos-app label:has(input[type=checkbox]),.pos-app label:has(input[type=radio]){display:inline-flex;align-items:center;gap:8px;cursor:pointer}[data-ofui-mode=dark] input::placeholder,[data-ofui-mode=dark] textarea::placeholder{color:#64748b}.pos-dark-mode-toggle{min-width:2rem;font-size:1rem;padding:4px 8px}.pos-surface{height:100%;min-height:100vh;display:contents}[data-ofui-mode=dark] .pos-main,[data-ofui-mode=dark] .pos-modal-backdrop{background:var(--of-color-bg-main, #0b1220)}[data-ofui-mode=dark] .pos-md-layout,[data-ofui-mode=dark] .pos-md-main,[data-ofui-mode=dark] .pos-md-header,[data-ofui-mode=dark] .pos-modal-card,[data-ofui-mode=dark] .pos-collapsible,[data-ofui-mode=dark] .pos-tabs,[data-ofui-mode=dark] .pos-tab-panel,[data-ofui-mode=dark] .pos-toast,[data-ofui-mode=dark] .pos-timeline-card,[data-ofui-mode=dark] .pos-timeline-dot,[data-ofui-mode=dark] .pos-timeline-empty,[data-ofui-mode=dark] .pos-settings-card,[data-ofui-mode=dark] .pos-settings-policy-row,[data-ofui-mode=dark] .pos-role-item,[data-ofui-mode=dark] .pos-ur-panel-card,[data-ofui-mode=dark] .pos-ur-panel-stack,[data-ofui-mode=dark] .pos-ur-role-matrix,[data-ofui-mode=dark] .pos-ur-user-item,[data-ofui-mode=dark] .pos-sync-health-chart-container,[data-ofui-mode=dark] .pos-prod-hero,[data-ofui-mode=dark] .pos-prod-kpi,[data-ofui-mode=dark] .pos-action-cell,[data-ofui-mode=dark] .pos-action-row,[data-ofui-mode=dark] .pos-cat-tree-item,[data-ofui-mode=dark] .pos-login-meta,[data-ofui-mode=dark] .pos-fab-main,[data-ofui-mode=dark] .pos-fab-secondary,[data-ofui-mode=dark] .pos-sale-qty-stepper{background:var(--of-color-bg-main, #111827);color:var(--of-color-text-main, #e2e8f0);border-color:var(--of-color-border-main, #1e293b)}[data-ofui-mode=dark] .pos-form-grid .pos-sale-qty-stepper button{background:#1e293b;color:#e2e8f0;border-color:#475569}[data-ofui-mode=dark] .pos-form-grid .pos-sale-qty-stepper button:hover{background:#334155}[data-ofui-mode=dark] .pos-sale-add-button{background:#2563eb;border-color:#2563eb;color:#fff}[data-ofui-mode=dark] .pos-sale-add-button:hover{background:#1d4ed8;border-color:#1d4ed8}[data-ofui-mode=dark] .pos-md-sidebar,[data-ofui-mode=dark] .pos-md-content,[data-ofui-mode=dark] .pos-ops-layout,[data-ofui-mode=dark] .pos-ops-panel,[data-ofui-mode=dark] .pos-sale-panel,[data-ofui-mode=dark] .pos-kpi-card,[data-ofui-mode=dark] .pos-kpi-grid,[data-ofui-mode=dark] .pos-collapsible-head,[data-ofui-mode=dark] .pos-state,[data-ofui-mode=dark] .pos-category-sidebar,[data-ofui-mode=dark] .pos-category-detail,[data-ofui-mode=dark] .pos-daily-metrics-chart,[data-ofui-mode=dark] .pos-sales-7d-chart,[data-ofui-mode=dark] .pos-transaction-heatmap,[data-ofui-mode=dark] .pos-sync-health-chart,[data-ofui-mode=dark] .pos-sync-health-donut,[data-ofui-mode=dark] .pos-top-products-chart,[data-ofui-mode=dark] .pos-top-products-donut,[data-ofui-mode=dark] .pos-top-products-donut-chart,[data-ofui-mode=dark] .pos-aging-chart,[data-ofui-mode=dark] .pos-ur-role-matrix-head,[data-ofui-mode=dark] .pos-prod-margin,[data-ofui-mode=dark] .pos-settings-shortcut-item{background:var(--of-color-bg-secondary, #1a2535);color:var(--of-color-text-main, #e2e8f0);border-color:var(--of-color-border-main, #1e293b)}[data-ofui-mode=dark] .pos-select-trigger{background:var(--of-color-bg-main, #111827);color:var(--of-color-text-main, #e2e8f0);border-color:var(--of-color-border-main, #334155)}[data-ofui-mode=dark] .pos-select-trigger:hover{border-color:var(--of-color-text-muted, #94a3b8)}[data-ofui-mode=dark] .pos-select-trigger.is-open{border-color:var(--of-color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}[data-ofui-mode=dark] .pos-select-dropdown{background:var(--of-color-bg-main, #1e293b);border-color:var(--of-color-border-main, #334155)}[data-ofui-mode=dark] .pos-select-search-wrap{border-bottom-color:var(--of-color-border-main, #334155)}[data-ofui-mode=dark] .pos-select-search-input,[data-ofui-mode=dark] .pos-select-option{background:transparent;color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-select-option:hover,[data-ofui-mode=dark] .pos-select-option.is-highlight{background:var(--of-color-bg-secondary, #1e293b)}[data-ofui-mode=dark] .pos-select-option.is-selected,[data-ofui-mode=dark] .pos-select-chip{background:var(--of-color-state-info-bg, #1e3a5f);color:var(--of-color-state-info-text, #93c5fd)}[data-ofui-mode=dark] .pos-select-placeholder,[data-ofui-mode=dark] .pos-select-empty,[data-ofui-mode=dark] .pos-select-search-icon,[data-ofui-mode=dark] .pos-select-right-icons,[data-ofui-mode=dark] .pos-select-value-wrap,[data-ofui-mode=dark] .pos-select-label{color:var(--of-color-text-muted, #94a3b8)}[data-ofui-mode=dark] .pos-inline-alert,[data-ofui-mode=dark] .pos-inline-alert--info{background:var(--of-color-state-info-bg, #1e3a5f);color:var(--of-color-state-info-text, #93c5fd);border-color:#60a5fa4d}[data-ofui-mode=dark] .pos-inline-alert--success{background:var(--of-color-state-success-bg, #052e16);color:var(--of-color-state-success-text, #86efac);border-color:#4ade804d}[data-ofui-mode=dark] .pos-inline-alert--warning{background:var(--of-color-state-warning-bg, #422006);color:var(--of-color-state-warning-text, #fcd34d);border-color:#fbbf244d}[data-ofui-mode=dark] .pos-inline-alert--error{background:var(--of-color-error-bg, #3b0f12);color:var(--of-color-error-text, #f87171);border-color:#f871714d}[data-ofui-mode=dark] .pos-toast{background:var(--of-color-bg-main, #1e293b);color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-toast--info{border-color:var(--of-color-state-info-text, #93c5fd)}[data-ofui-mode=dark] .pos-toast--success{border-color:var(--of-color-state-success-text, #86efac)}[data-ofui-mode=dark] .pos-toast--warning{border-color:var(--of-color-state-warning-text, #fcd34d)}[data-ofui-mode=dark] .pos-toast--error{border-color:var(--of-color-error-text, #f87171)}[data-ofui-mode=dark] .pos-tabs{background:var(--of-color-bg-main, #111827);border-bottom-color:var(--of-color-border-main, #1e293b)}[data-ofui-mode=dark] .pos-tab-btn{color:var(--of-color-text-muted, #94a3b8)}[data-ofui-mode=dark] .pos-tab-btn:hover{color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-tab-btn.is-active{color:var(--of-color-primary, #60a5fa);border-bottom-color:var(--of-color-primary, #60a5fa)}[data-ofui-mode=dark] .pos-collapsible-head{background:var(--of-color-bg-secondary, #1a2535);color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-collapsible-title-wrap{color:var(--of-color-text-muted, #94a3b8)}[data-ofui-mode=dark] .pos-collapsible-badge{color:var(--of-color-text-muted, #94a3b8);background:var(--of-color-bg-secondary, #1e293b)}[data-ofui-mode=dark] .pos-aging-track,[data-ofui-mode=dark] .pos-daily-metrics-track,[data-ofui-mode=dark] .pos-sales-7d-track,[data-ofui-mode=dark] .pos-top-products-track{background:var(--of-color-bg-secondary, #1e293b)}[data-ofui-mode=dark] .pos-input-label,[data-ofui-mode=dark] .pos-input-wrap,[data-ofui-mode=dark] .pos-settings-label,[data-ofui-mode=dark] .pos-settings-check-label,[data-ofui-mode=dark] .pos-settings-subtitle,[data-ofui-mode=dark] .pos-settings-policy-caption,[data-ofui-mode=dark] .pos-product-form-field,[data-ofui-mode=dark] .pos-md-list-row-main,[data-ofui-mode=dark] .pos-md-list-row-title,[data-ofui-mode=dark] .pos-md-price-value,[data-ofui-mode=dark] .pos-md-stock-value,[data-ofui-mode=dark] .pos-sale-product-label,[data-ofui-mode=dark] .pos-sale-selection-meta,[data-ofui-mode=dark] .pos-modal-title,[data-ofui-mode=dark] .pos-ur-field-label,[data-ofui-mode=dark] .pos-ur-user-name,[data-ofui-mode=dark] .pos-ur-user-title,[data-ofui-mode=dark] .pos-confirm-message{color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-input-help,[data-ofui-mode=dark] .pos-settings-head,[data-ofui-mode=dark] .pos-settings-help,[data-ofui-mode=dark] .pos-settings-shortcut-help,[data-ofui-mode=dark] .pos-cat-badge,[data-ofui-mode=dark] .pos-cat-select,[data-ofui-mode=dark] .pos-md-title-row,[data-ofui-mode=dark] .pos-md-record-id,[data-ofui-mode=dark] .pos-md-list-row-meta,[data-ofui-mode=dark] .pos-md-sidebar-head,[data-ofui-mode=dark] .pos-md-list-loading,[data-ofui-mode=dark] .pos-md-empty,[data-ofui-mode=dark] .pos-md-empty-overlay,[data-ofui-mode=dark] .pos-sale-panel-head,[data-ofui-mode=dark] .pos-sale-summary-list,[data-ofui-mode=dark] .pos-sale-summary-note,[data-ofui-mode=dark] .pos-ops-section-title,[data-ofui-mode=dark] .pos-aging-label,[data-ofui-mode=dark] .pos-daily-metrics-date,[data-ofui-mode=dark] .pos-daily-metrics-values,[data-ofui-mode=dark] .pos-sales-7d-date,[data-ofui-mode=dark] .pos-transaction-heatmap-note,[data-ofui-mode=dark] .pos-transaction-heatmap-table,[data-ofui-mode=dark] .pos-top-products-name,[data-ofui-mode=dark] .pos-top-products-donut-name,[data-ofui-mode=dark] .pos-timeline-head,[data-ofui-mode=dark] .pos-timeline-day-label,[data-ofui-mode=dark] .pos-timeline-changes,[data-ofui-mode=dark] .pos-timeline,[data-ofui-mode=dark] .pos-ur-user-meta,[data-ofui-mode=dark] .pos-ur-user-subtitle,[data-ofui-mode=dark] .pos-online,[data-ofui-mode=dark] .pos-fab-tooltip,[data-ofui-mode=dark] .pos-inline-edit,[data-ofui-mode=dark] .pos-nav-section{color:var(--of-color-text-muted, #94a3b8)}[data-ofui-mode=dark] .pos-input-error,[data-ofui-mode=dark] .pos-inline-error,[data-ofui-mode=dark] .pos-product-create-desc,[data-ofui-mode=dark] .pos-ur-locked-icon,[data-ofui-mode=dark] .pos-md-stock-low{color:var(--of-color-error-text, #f87171)}[data-ofui-mode=dark] .pos-inline-success,[data-ofui-mode=dark] .pos-md-stock-ok{color:var(--of-color-state-success-text, #86efac)}[data-ofui-mode=dark] .pos-prod-badge,[data-ofui-mode=dark] .pos-ur-role-add,[data-ofui-mode=dark] .pos-ur-status-btn.is-active{background:var(--of-color-state-success-bg, #052e16);color:var(--of-color-state-success-text, #86efac);border-color:#4ade8040}[data-ofui-mode=dark] .pos-ur-status-btn.is-locked{background:var(--of-color-error-bg, #3b0f12);color:var(--of-color-error-text, #f87171)}[data-ofui-mode=dark] .pos-ur-reset-btn{background:var(--of-color-state-warning-bg, #422006);color:var(--of-color-state-warning-text, #fcd34d)}[data-ofui-mode=dark] .pos-ur-role-chip{background:var(--of-color-bg-secondary, #1e293b);color:var(--of-color-text-muted, #94a3b8)}[data-ofui-mode=dark] .pos-md-list-row{background:var(--of-color-bg-secondary, #1e293b)}[data-ofui-mode=dark] .pos-md-list-row-chip{color:var(--of-color-state-info-text, #93c5fd)}[data-ofui-mode=dark] .pos-md-add-button,[data-ofui-mode=dark] .pos-ur-sidebar-add{background:var(--of-color-state-info-bg, #1e3a5f);color:var(--of-color-state-info-text, #93c5fd)}[data-ofui-mode=dark] .pos-state--empty{border-color:var(--of-color-border-main, #334155)}[data-ofui-mode=dark] .pos-state--error{border-color:var(--of-color-error-text, #f87171)}[data-ofui-mode=dark] .pos-state--info{border-color:var(--of-color-state-info-text, #93c5fd)}[data-ofui-mode=dark] .pos-state--loading{border-color:var(--of-color-state-info-text, #60a5fa)}[data-ofui-mode=dark] .pos-state--unauthorized{border-color:var(--of-color-state-warning-text, #fcd34d)}[data-ofui-mode=dark] .pos-heatmap-total{color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-prod-hero-icon{background:var(--of-color-state-info-bg, #1e3a5f)}[data-ofui-mode=dark] .pos-prod-hero-main{color:var(--of-color-text-main, #e2e8f0)}[data-ofui-mode=dark] .pos-prod-hero-stock{color:var(--of-color-text-muted, #94a3b8)}.ofui-app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.ofui-app-shell-skip-link{position:absolute;left:10px;top:-40px;z-index:30;border:1px solid var(--of-app-shell-border, var(--ofui-app-shell-border, var(--of-color-border-main)));border-radius:8px;background:var(--of-app-shell-skip-bg, var(--ofui-app-shell-skip-bg, #fff));color:var(--of-app-shell-text, var(--ofui-app-shell-text, var(--of-color-text-main)));padding:6px 10px;text-decoration:none;font-size:.78rem}.ofui-app-shell-skip-link:focus-visible{top:10px}.ofui-app-shell-header,.ofui-app-shell-footer{background:var(--of-app-shell-surface, var(--ofui-app-shell-surface, var(--of-color-bg-main)));border-top:1px solid var(--of-app-shell-border, var(--ofui-app-shell-border, var(--of-color-border-main)));border-bottom:1px solid var(--of-app-shell-border, var(--ofui-app-shell-border, var(--of-color-border-main)));padding:12px 16px}.ofui-app-shell-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.ofui-app-shell-header-brand h1{margin:0;font-size:1.1rem}.ofui-app-shell-header-brand p{margin:2px 0 0;color:var(--of-app-shell-muted, var(--ofui-app-shell-muted, var(--of-color-text-muted)));font-size:.82rem}.ofui-app-shell-header-actions{display:flex;align-items:center;gap:10px}.ofui-app-shell-main{display:grid;grid-template-columns:var(--of-app-shell-sidebar-width, var(--ofui-app-shell-sidebar-width, 240px)) 1fr;min-height:0}.ofui-app-shell-sidebar{border-right:1px solid var(--of-app-shell-border, var(--ofui-app-shell-border, var(--of-color-border-main)));background:var(--of-app-shell-sidebar-bg, var(--ofui-app-shell-sidebar-bg, var(--of-color-bg-secondary)));padding:12px;overflow-y:auto}.ofui-app-shell-content{padding:16px;overflow:auto}.ofui-app-shell-footer{position:sticky;bottom:0;color:var(--of-app-shell-muted, var(--ofui-app-shell-muted, var(--of-color-text-muted)));font-size:.75rem}.ofui-entity-ref{display:inline-flex;flex-direction:column;gap:2px}.ofui-entity-primary{font-weight:600}.ofui-entity-secondary{font-family:IBM Plex Mono,Fira Code,monospace;font-size:.72rem;color:var(--of-entity-secondary-color, var(--ofui-entity-secondary-color, var(--of-color-text-muted)))}@media(max-width:980px){.ofui-app-shell-main{grid-template-columns:1fr}.ofui-app-shell-sidebar{border-right:none;border-bottom:1px solid var(--of-app-shell-border, var(--ofui-app-shell-border, var(--of-color-border-main)))}}:root{--of-color-primary: #2563eb;--of-color-primary-hover: #1d4ed8;--of-color-primary-light: #dbeafe;--of-color-text-main: #111827;--of-color-text-secondary: #4b5563;--of-color-text-muted: #9ca3af;--of-color-text-on-primary: #ffffff;--of-color-bg-main: #ffffff;--of-color-bg-secondary: #f9fafb;--of-color-bg-hover: #f3f4f6;--of-color-border-main: #e5e7eb;--of-color-border-focus: #3b82f6;--of-color-error-text: #dc2626;--of-color-error-bg: #fee2e2;--of-color-success: #16a34a;--of-spacing-1: .25rem;--of-spacing-2: .5rem;--of-spacing-3: .75rem;--of-spacing-4: 1rem;--of-spacing-5: 1.25rem;--of-spacing-6: 1.5rem;--of-spacing-7: 1.75rem;--of-spacing-8: 2rem;--of-spacing-9: 2.25rem;--of-spacing-10: 2.5rem;--of-spacing-12: 3rem;--of-radius-sm: .25rem;--of-radius-md: .375rem;--of-radius-lg: .5rem;--of-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--of-font-size-sm: .875rem;--of-font-size-md: 1rem;--of-font-size-lg: 1.125rem;--of-breakpoint-sm: 640px;--of-breakpoint-md: 768px;--of-breakpoint-lg: 1024px;--of-density-control-height: 38px;--of-density-row-padding-y: 9px;--of-density-row-padding-x: 8px;--of-color-state-success-bg: #dcfce7;--of-color-state-success-text: #166534;--of-color-state-warning-bg: #fef9c3;--of-color-state-warning-text: #854d0e;--of-color-state-warning-border: #f59e0b;--of-color-state-info-bg: #dbeafe;--of-color-state-info-text: #1e40af;--of-focus-ring-width: 2px;--of-focus-ring-color: var(--of-color-border-focus);--of-focus-ring-offset: 2px;--of-color-chart-1: #2563eb;--of-color-chart-2: #16a34a;--of-color-chart-3: #dc2626;--of-color-chart-4: #d97706;--of-color-chart-5: #7c3aed;--of-color-chart-6: #0891b2;--of-color-chart-muted: #9ca3af}[data-ofui-density=compact],.ofui-density-compact{--of-density-control-height: 34px;--of-density-row-padding-y: 7px;--of-density-row-padding-x: 6px}[data-ofui-density=comfortable],.ofui-density-comfortable{--of-density-control-height: 38px;--of-density-row-padding-y: 9px;--of-density-row-padding-x: 8px}[data-ofui-mode=dark],.ofui-mode-dark{--of-color-text-main: #e5e7eb;--of-color-text-secondary: #cbd5e1;--of-color-text-muted: #94a3b8;--of-color-text-on-primary: #ffffff;--of-color-bg-main: #0b1220;--of-color-bg-secondary: #111827;--of-color-bg-hover: #1f2937;--of-color-border-main: #334155;--of-color-border-focus: #60a5fa;--of-color-error-bg: #3b0f12;--of-color-error-text: #f87171;--of-color-success: #34d399;--of-color-state-success-bg: #052e16;--of-color-state-success-text: #86efac;--of-color-state-warning-bg: #422006;--of-color-state-warning-text: #fcd34d;--of-color-state-warning-border: #d97706;--of-color-state-info-bg: #1e3a5f;--of-color-state-info-text: #93c5fd;--of-color-chart-1: #3b82f6;--of-color-chart-2: #22c55e;--of-color-chart-3: #f87171;--of-color-chart-4: #fbbf24;--of-color-chart-5: #a78bfa;--of-color-chart-6: #22d3ee;--of-color-chart-muted: #6b7280}.ofui-base *,.ofui-base *:before,.ofui-base *:after{box-sizing:border-box}.ofui-base{font-family:var(--of-font-sans);font-size:var(--of-font-size-md);color:var(--of-color-text-main);background:var(--of-color-bg-main);line-height:1.5}.ofui-base a{color:var(--of-color-primary);text-decoration:underline}.ofui-base a:hover{color:var(--of-color-primary-hover)}.ofui-base a:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset);border-radius:var(--of-radius-sm)}.ofui-base button{font-family:inherit;font-size:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--of-radius-md);padding:var(--of-spacing-2) var(--of-spacing-4);background:var(--of-color-bg-hover);color:var(--of-color-text-main);transition:background .15s,color .15s}.ofui-base button:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-base button:disabled{opacity:.45;cursor:not-allowed}.ofui-base input,.ofui-base select,.ofui-base textarea{font-family:inherit;font-size:inherit;color:var(--of-color-text-main);background:var(--of-color-bg-main);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);padding:var(--of-spacing-2) var(--of-spacing-3);width:100%;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.ofui-base input:focus,.ofui-base select:focus,.ofui-base textarea:focus{outline:none;border-color:var(--of-color-border-focus);box-shadow:0 0 0 var(--of-focus-ring-width) var(--of-color-primary-light)}.ofui-base input:disabled,.ofui-base select:disabled,.ofui-base textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--of-color-bg-secondary)}.ofui-base textarea{min-height:var(--of-density-control-height);resize:vertical}.ofui-base table{width:100%;border-collapse:collapse;font-size:var(--of-font-size-sm)}.ofui-base th,.ofui-base td{text-align:left;padding:var(--of-density-row-padding-y) var(--of-density-row-padding-x);border-bottom:1px solid var(--of-color-border-main)}.ofui-base th{font-weight:600;color:var(--of-color-text-secondary);background:var(--of-color-bg-secondary)}.ofui-base tr:hover td{background:var(--of-color-bg-hover)}.ofui-base code{font-family:IBM Plex Mono,Fira Code,ui-monospace,monospace;font-size:.875em;background:var(--of-color-bg-secondary);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-sm);padding:.1em .35em}.ofui-base pre>code{display:block;padding:var(--of-spacing-3);overflow-x:auto}.ofui-base hr{border:none;border-top:1px solid var(--of-color-border-main);margin:var(--of-spacing-4) 0}.ofui-base fieldset{border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);padding:var(--of-spacing-3) var(--of-spacing-4)}.ofui-base legend{font-size:var(--of-font-size-sm);font-weight:600;color:var(--of-color-text-secondary);padding:0 var(--of-spacing-2)}.ofui-inline-edit{display:flex;flex-direction:column;align-items:stretch;gap:var(--of-spacing-1);padding:var(--of-spacing-2) 0;font-family:var(--of-font-sans)}@media(min-width:768px){.ofui-inline-edit{flex-direction:row;align-items:flex-start;gap:var(--of-spacing-4)}}.ofui-inline-edit-label{font-size:var(--of-font-size-sm);font-weight:500;color:var(--of-color-text-secondary);width:10rem;flex-shrink:0;padding-top:var(--of-spacing-1)}.ofui-inline-edit-display{flex:1;min-width:0;padding:var(--of-spacing-1) var(--of-spacing-2);border-radius:var(--of-radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--of-spacing-2);outline:none}.ofui-inline-edit-display:hover{background-color:var(--of-color-bg-hover)}.ofui-inline-edit-display:focus-visible{box-shadow:0 0 0 2px var(--of-color-border-focus)}.ofui-placeholder{color:var(--of-color-text-muted);font-style:italic}.ofui-inline-edit.ofui-editing .ofui-inline-edit-editor{flex:1;display:flex;align-items:center;gap:var(--of-spacing-2)}.ofui-inline-edit-input{width:100%;padding:var(--of-spacing-2) var(--of-spacing-3);font-size:var(--of-font-size-md);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);outline:none}.ofui-inline-edit-input:focus{border-color:var(--of-color-border-focus);box-shadow:0 0 0 2px var(--of-color-primary-light)}.ofui-inline-edit-actions{display:flex;gap:var(--of-spacing-1);flex-shrink:0}.ofui-inline-edit-actions button{padding:var(--of-spacing-1) var(--of-spacing-2);border-radius:var(--of-radius-sm);border:none;background:transparent;cursor:pointer}.ofui-action-save{color:var(--of-color-success)}.ofui-action-save:hover{background-color:var(--of-color-bg-hover)}.ofui-action-cancel{color:var(--of-color-text-secondary)}.ofui-action-cancel:hover{background-color:var(--of-color-bg-hover)}.ofui-inline-edit-error{margin-top:var(--of-spacing-1);font-size:.75rem;color:var(--of-color-error-text)}.ofui-page-card{border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-lg);background:var(--of-color-bg-main);box-shadow:var(--of-shadow-sm, 0 8px 24px rgba(15, 23, 42, .06))}.ofui-page-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--of-spacing-3);padding:var(--of-spacing-5);border-bottom:1px solid var(--of-color-border-main)}.ofui-page-card-header>:first-child{min-width:0}.ofui-page-card-title{font-size:var(--of-font-size-xl);font-weight:700;color:var(--of-color-text-main)}.ofui-page-card-subtitle{margin-top:var(--of-spacing-1);color:var(--of-color-text-secondary)}.ofui-page-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--of-spacing-2);flex-wrap:wrap}.ofui-page-card-body{padding:var(--of-spacing-5)}.ofui-page-card-footer{padding:var(--of-spacing-4) var(--of-spacing-5);border-top:1px solid var(--of-color-border-main);color:var(--of-color-text-secondary)}.ofui-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--of-spacing-4)}.ofui-page-header-title{font-size:var(--of-font-size-2xl);font-weight:700;color:var(--of-color-text-main)}.ofui-page-header-subtitle,.ofui-page-header-meta{margin-top:var(--of-spacing-1);color:var(--of-color-text-secondary)}.ofui-page-state{display:grid;gap:var(--of-spacing-2);padding:var(--of-spacing-4);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-lg);background:var(--of-color-bg-secondary)}.ofui-page-state.is-compact{padding:var(--of-spacing-3)}.ofui-page-state-title{font-weight:700;color:var(--of-color-text-main)}.ofui-page-state-description{color:var(--of-color-text-secondary)}.ofui-page-state-action{display:flex;gap:var(--of-spacing-2);flex-wrap:wrap}.ofui-color-mode-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--of-spacing-3);border:1px solid var(--of-color-border-main);border-radius:999px;background:var(--of-color-bg-main);color:var(--of-color-text-main);font:inherit;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.ofui-color-mode-toggle:hover{background:var(--of-color-bg-secondary)}.ofui-page-state--error{border-color:var(--of-color-error-border, #fca5a5);background:var(--of-color-error-bg, #fef2f2)}.ofui-page-state--warning{border-color:var(--of-color-warning-border, #fcd34d);background:var(--of-color-warning-bg, #fffbeb)}.ofui-page-state--success{border-color:var(--of-color-success-border, #86efac);background:var(--of-color-success-bg, #f0fdf4)}.ofui-search-input-wrapper{position:relative;display:flex;align-items:center}.ofui-search-input{width:100%;padding:var(--of-spacing-2) var(--of-spacing-8) var(--of-spacing-2) var(--of-spacing-3);font-size:var(--of-font-size-sm);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-main);color:var(--of-color-text-main);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.ofui-search-input:focus{border-color:var(--of-color-border-focus);box-shadow:0 0 0 var(--of-focus-ring-width) var(--of-focus-ring-color)}.ofui-search-clear{position:absolute;right:var(--of-spacing-3);color:var(--of-color-text-muted);cursor:pointer}.ofui-collapsible-section{border-bottom:1px solid var(--of-color-border-main)}.ofui-collapsible-header{width:100%;display:flex;justify-content:space-between;padding:var(--of-spacing-4) 0;background:transparent;border:none;cursor:pointer;font-weight:600}.ofui-tab-list{display:flex;gap:var(--of-spacing-4);border-bottom:1px solid var(--of-color-border-main);margin-bottom:var(--of-spacing-4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ofui-tab-list::-webkit-scrollbar{display:none}.ofui-tab{padding:var(--of-spacing-2) var(--of-spacing-1);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.ofui-tab.ofui-active{color:var(--of-color-primary);border-bottom-color:var(--of-color-primary)}.ofui-quick-actions-bar{display:flex;gap:var(--of-spacing-2);padding:var(--of-spacing-4);background-color:var(--of-color-bg-secondary);border-top:1px solid var(--of-color-border-main)}.ofui-quick-action{display:flex;align-items:center;gap:var(--of-spacing-2);padding:var(--of-spacing-2) var(--of-spacing-4);border-radius:var(--of-radius-md);font-weight:500;cursor:pointer}.ofui-variant-primary{background:var(--of-color-primary);color:var(--of-color-text-on-primary)}.ofui-variant-secondary{background:var(--of-color-bg-main);border:1px solid var(--of-color-border-main)}.ofui-variant-destructive{background:var(--of-color-error-bg);color:var(--of-color-error-text)}.ofui-data-page-layout{display:grid;grid-template-columns:1fr;height:100vh;background:var(--of-color-bg-main)}@media(min-width:1024px){.ofui-data-page-layout{grid-template-columns:320px 1fr}}.ofui-page-sidebar{border-right:none;border-bottom:1px solid var(--of-color-border-main);display:flex;flex-direction:column;max-height:40vh}@media(min-width:1024px){.ofui-page-sidebar{border-right:1px solid var(--of-color-border-main);border-bottom:none;max-height:100vh}}.ofui-sidebar-header{padding:var(--of-spacing-4);border-bottom:1px solid var(--of-color-border-main)}.ofui-page-title{font-size:1.25rem;font-weight:700}.ofui-page-main{display:flex;flex-direction:column}.ofui-main-content{flex:1;padding:var(--of-spacing-6);overflow-y:auto}.ofui-activity-timeline{display:flex;flex-direction:column;gap:var(--of-spacing-4)}.ofui-timeline-event{display:flex;gap:var(--of-spacing-4)}.ofui-event-marker{width:12px;height:12px;border-radius:50%;background:var(--of-color-border-main);margin-top:4px}.ofui-event-marker[data-type=created]{background:var(--of-color-success)}.ofui-event-marker[data-type=deleted]{background:var(--of-color-error-text)}.ofui-badge{display:inline-flex;align-items:center;gap:var(--of-spacing-1);padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1}.ofui-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ofui-badge[data-variant=neutral]{background:var(--of-color-bg-hover);color:var(--of-color-text-secondary)}.ofui-badge[data-variant=success]{background:var(--of-color-state-success-bg);color:var(--of-color-state-success-text)}.ofui-badge[data-variant=warning]{background:var(--of-color-state-warning-bg);color:var(--of-color-state-warning-text)}.ofui-badge[data-variant=error]{background:var(--of-color-error-bg);color:var(--of-color-error-text)}.ofui-badge[data-variant=info]{background:var(--of-color-state-info-bg);color:var(--of-color-state-info-text)}.ofui-number-input-wrapper{display:flex;flex-direction:column;gap:var(--of-spacing-1)}.ofui-input-inner{display:flex;align-items:center;border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);padding:0 var(--of-spacing-3);background:var(--of-color-bg-main)}.ofui-input-inner:focus-within{border-color:var(--of-color-border-focus);box-shadow:0 0 0 2px var(--of-color-primary-light)}.ofui-number-input{width:100%;padding:var(--of-spacing-2) 0;border:none;outline:none;font-family:inherit;font-size:var(--of-font-size-md);text-align:right}.ofui-input-prefix,.ofui-input-suffix{color:var(--of-color-text-muted);font-size:.875rem}.ofui-input-prefix{margin-right:var(--of-spacing-2)}.ofui-input-suffix{margin-left:var(--of-spacing-2)}.ofui-btn{padding:var(--of-spacing-2) var(--of-spacing-4);border-radius:var(--of-radius-md);cursor:pointer;font-weight:500;transition:all .2s;border:1px solid transparent}.ofui-btn-confirming{background:var(--of-color-error-text);color:var(--of-color-text-on-primary);animation:ofui-pulse 1.5s infinite}@keyframes ofui-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.ofui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--of-spacing-10);text-align:center}.ofui-empty-icon{font-size:3rem;margin-bottom:var(--of-spacing-4);opacity:.3}.ofui-empty-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--of-spacing-2)}.ofui-empty-description{color:var(--of-color-text-muted);margin-bottom:var(--of-spacing-6);max-width:300px}.ofui-empty-action{display:flex;gap:var(--of-spacing-2);flex-wrap:wrap;justify-content:center}.ofui-summary-grid{display:flex;flex-direction:column;gap:var(--of-spacing-2)}.ofui-summary-item{display:flex;flex-direction:column;justify-content:space-between;padding:var(--of-spacing-1) 0}@media(min-width:480px){.ofui-summary-item{flex-direction:row}}.ofui-summary-item[data-total=true]{border-top:1px solid var(--of-color-border-main);margin-top:var(--of-spacing-2);padding-top:var(--of-spacing-4);font-size:1.25rem;font-weight:700;color:var(--of-color-primary)}.ofui-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ofui-modal-container{background:var(--of-color-bg-main);width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}@media(min-width:768px){.ofui-modal-container{width:auto;height:auto;max-width:90vw;max-height:90vh;border-radius:var(--of-radius-lg)}.ofui-size-md{width:500px}.ofui-size-lg{width:800px}}.ofui-modal-header{padding:var(--of-spacing-4) var(--of-spacing-6);border-bottom:1px solid var(--of-color-border-main);display:flex;justify-content:space-between;align-items:center}.ofui-modal-body{padding:var(--of-spacing-6);overflow-y:auto}.ofui-modal-footer{padding:var(--of-spacing-4) var(--of-spacing-6);border-top:1px solid var(--of-color-border-main);display:flex;justify-content:flex-end;gap:var(--of-spacing-3)}.ofui-notification-container{position:fixed;top:var(--of-spacing-2);right:var(--of-spacing-2);left:var(--of-spacing-2);display:flex;flex-direction:column;gap:var(--of-spacing-3);z-index:2000}@media(min-width:640px){.ofui-notification-container{left:auto;width:400px;top:var(--of-spacing-6);right:var(--of-spacing-6)}}.ofui-notification-toast{background:var(--of-color-bg-main);border-radius:var(--of-radius-md);padding:var(--of-spacing-4) var(--of-spacing-5);box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;gap:var(--of-spacing-4);border-left:4px solid var(--of-color-primary)}.ofui-notification-toast[data-type=success]{border-left-color:var(--of-color-success)}.ofui-notification-toast[data-type=error]{border-left-color:var(--of-color-error-text)}.ofui-notification-toast[data-type=warning]{border-left-color:var(--of-color-state-warning-border)}.ofui-section-card{border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-main)}.ofui-section-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--of-spacing-3);padding:var(--of-spacing-4);border-bottom:1px solid var(--of-color-border-main)}.ofui-section-card-title{font-weight:700;color:var(--of-color-text-main)}.ofui-section-card-subtitle{margin-top:var(--of-spacing-1);font-size:var(--of-font-size-sm);color:var(--of-color-text-muted)}.ofui-section-card-body{padding:var(--of-spacing-4)}.ofui-section-card-footer{padding:var(--of-spacing-3) var(--of-spacing-4);border-top:1px solid var(--of-color-border-main);color:var(--of-color-text-muted)}.ofui-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--of-spacing-3)}.ofui-section-header-title{font-weight:700;color:var(--of-color-text-main)}.ofui-section-header-subtitle{margin-top:var(--of-spacing-1);font-size:var(--of-font-size-sm);color:var(--of-color-text-muted)}.ofui-inline-meta{margin:0;display:flex;flex-wrap:wrap;gap:var(--of-spacing-3)}.ofui-inline-meta-item{display:inline-flex;align-items:baseline;gap:var(--of-spacing-1)}.ofui-inline-meta-label{font-size:var(--of-font-size-xs);color:var(--of-color-text-muted)}.ofui-inline-meta-value{margin:0;font-weight:600;color:var(--of-color-text-main)}.ofui-form-row{display:flex;flex-direction:column;gap:var(--of-spacing-2)}.ofui-form-row-label{font-weight:600;color:var(--of-color-text-main)}.ofui-form-row-required{margin-left:4px;color:var(--of-color-error-text)}.ofui-form-row-control{display:flex;flex-direction:column;gap:var(--of-spacing-2)}.ofui-form-row-control input,.ofui-form-row-control select,.ofui-form-row-control textarea,.ofui-field-grid input,.ofui-field-grid select,.ofui-field-grid textarea{width:100%;padding:var(--of-spacing-2) var(--of-spacing-3);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-secondary);color:var(--of-color-text-main);font-family:inherit;font-size:inherit;line-height:1.5;color-scheme:light dark;transition:border-color .12s ease,box-shadow .12s ease;appearance:none;-webkit-appearance:none}.ofui-form-row-control input[type=date],.ofui-form-row-control input[type=time],.ofui-form-row-control input[type=datetime-local],.ofui-field-grid input[type=date],.ofui-field-grid input[type=time],.ofui-field-grid input[type=datetime-local]{appearance:auto;-webkit-appearance:auto}.ofui-form-row-control input:focus,.ofui-form-row-control select:focus,.ofui-form-row-control textarea:focus,.ofui-field-grid input:focus,.ofui-field-grid select:focus,.ofui-field-grid textarea:focus{outline:none;border-color:var(--of-color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--of-color-border-focus) 20%,transparent)}.ofui-field-grid{display:grid;grid-template-columns:1fr;gap:var(--of-spacing-3)}.ofui-form-section{display:grid;gap:var(--of-spacing-4);padding:var(--of-spacing-4);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-lg);background:color-mix(in oklab,var(--of-color-bg-main) 88%,var(--of-color-bg-secondary) 12%)}.ofui-form-section-header{display:grid;gap:var(--of-spacing-1)}.ofui-form-section-title{font-weight:700;color:var(--of-color-text-main)}.ofui-form-section-description{color:var(--of-color-text-secondary);font-size:var(--of-font-size-sm)}.ofui-form-section-body{display:grid;gap:var(--of-spacing-4)}.ofui-field-actions{display:flex;gap:var(--of-spacing-2);flex-wrap:wrap;align-items:center;min-height:36px}.ofui-field-actions[data-align=end]{justify-content:flex-end}.ofui-field-actions[data-align=between]{justify-content:space-between}.ofui-stat-card{display:grid;gap:var(--of-spacing-1);padding:var(--of-spacing-4);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-lg);background:var(--of-color-bg-main);box-shadow:var(--of-shadow-sm, 0 8px 24px rgba(15, 23, 42, .06))}.ofui-stat-card-label{color:var(--of-color-text-secondary);font-size:var(--of-font-size-sm)}.ofui-stat-card-value{font-size:var(--of-font-size-2xl);font-weight:800;color:var(--of-color-text-main)}.ofui-stat-card-meta{color:var(--of-color-text-muted);font-size:var(--of-font-size-sm)}.ofui-alert-panel{display:grid;gap:var(--of-spacing-2);padding:var(--of-spacing-4);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-lg);background:var(--of-color-bg-secondary)}.ofui-alert-panel-title{font-weight:700;color:var(--of-color-text-main)}.ofui-alert-panel-description{color:var(--of-color-text-secondary)}.ofui-alert-panel-action{display:flex;gap:var(--of-spacing-2);flex-wrap:wrap}.ofui-alert-panel--warning{border-color:var(--of-color-warning-border, #fcd34d);background:var(--of-color-warning-bg, #fffbeb)}.ofui-alert-panel--error{border-color:var(--of-color-error-border, #fca5a5);background:var(--of-color-error-bg, #fef2f2)}.ofui-alert-panel--success{border-color:var(--of-color-success-border, #86efac);background:var(--of-color-success-bg, #f0fdf4)}.ofui-data-table{width:100%;border-collapse:collapse;font-size:var(--of-font-size-sm, .875rem);line-height:1.5}.ofui-data-table th,.ofui-data-table td{padding:var(--of-spacing-3);border-bottom:1px solid var(--of-color-border-main);text-align:left;vertical-align:top;word-break:break-word}.ofui-data-table th{position:sticky;top:0;z-index:1;background:var(--of-color-bg-secondary);color:var(--of-color-text-secondary);font-size:var(--of-font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.ofui-data-table tbody tr:nth-child(2n){background:color-mix(in oklab,var(--of-color-bg-main) 82%,var(--of-color-bg-secondary) 18%)}.ofui-data-table tbody tr:hover{background:color-mix(in oklab,var(--of-color-bg-secondary) 75%,white 25%)}.ofui-data-table-row{transition:background-color .16s ease}.ofui-data-table-row--clickable{cursor:pointer}.ofui-data-table-row:focus-within{outline:2px solid var(--of-color-border-focus, #93c5fd);outline-offset:-2px;background:color-mix(in oklab,var(--of-color-bg-secondary) 78%,white 22%)}.ofui-data-table th.sortable{cursor:pointer}@media(min-width:768px){.ofui-field-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ofui-field-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.ofui-form-row-hint{color:var(--of-color-text-muted)}.ofui-form-row-error{color:var(--of-color-error-text)}.ofui-data-table-frame{border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-main)}.ofui-data-table-frame-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--of-spacing-3);padding:var(--of-spacing-4);border-bottom:1px solid var(--of-color-border-main)}.ofui-data-table-frame-title{font-weight:700;color:var(--of-color-text-main)}.ofui-data-table-frame-subtitle{margin-top:var(--of-spacing-1);font-size:var(--of-font-size-sm);color:var(--of-color-text-muted)}.ofui-data-table-frame-body{padding:var(--of-spacing-3);overflow-x:auto}.ofui-data-table-frame-empty{padding:var(--of-spacing-5);color:var(--of-color-text-muted)}.ofui-empty-table-state{display:grid;gap:var(--of-spacing-2)}.ofui-empty-table-state-title{font-weight:700;color:var(--of-color-text-main)}.ofui-empty-table-state-description{color:var(--of-color-text-muted)}@media(max-width:720px){.ofui-data-table thead{display:none}.ofui-data-table,.ofui-data-table tbody,.ofui-data-table tr,.ofui-data-table td{display:block;width:100%}.ofui-data-table tr{border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-main);margin-bottom:var(--of-spacing-2);overflow:hidden}.ofui-data-table td{border-bottom:1px solid var(--of-color-border-main);padding:var(--of-spacing-2) var(--of-spacing-3)}.ofui-data-table td:last-child{border-bottom:none}.ofui-data-table td:before{content:attr(data-label);display:block;margin-bottom:var(--of-spacing-1);color:var(--of-color-text-muted);font-size:.74rem;font-weight:700}}.ofui-sidebar{display:flex;flex-direction:column;height:100%;width:var(--of-sidebar-width, 240px);background:var(--of-color-bg-secondary);border-right:1px solid var(--of-color-border-main);overflow:hidden;transition:width .2s ease}.ofui-sidebar--collapsed{width:var(--of-sidebar-collapsed-width, 56px)}.ofui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--of-spacing-3) var(--of-spacing-3);border-bottom:1px solid var(--of-color-border-main);min-height:52px;flex-shrink:0;position:sticky;top:0;background:var(--of-color-bg-secondary);z-index:1}.ofui-sidebar-brand{font-weight:600;font-size:var(--of-font-size-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.ofui-sidebar-toggle{background:none;border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-sm);color:var(--of-color-text-muted);cursor:pointer;padding:2px 6px;font-size:1rem;line-height:1;flex-shrink:0;transition:background .15s}.ofui-sidebar-toggle:hover{background:var(--of-color-bg-hover);color:var(--of-color-text-main)}.ofui-sidebar-toggle:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-sidebar-body{flex:1;overflow-y:auto;padding:var(--of-spacing-2) 0}.ofui-sidebar-footer{flex-shrink:0;padding:var(--of-spacing-3);border-top:1px solid var(--of-color-border-main);position:sticky;bottom:0;background:var(--of-color-bg-secondary)}.ofui-sidebar--collapsed .ofui-sidebar-brand{opacity:0;pointer-events:none;width:0}.ofui-topbar{background:var(--of-color-bg-main);border-bottom:1px solid var(--of-color-border-main);position:sticky;top:0;z-index:20}.ofui-topbar-inner{display:flex;align-items:center;gap:var(--of-spacing-4);padding:0 var(--of-spacing-4);height:52px}.ofui-topbar-brand{font-weight:600;font-size:var(--of-font-size-md);white-space:nowrap;flex-shrink:0}.ofui-topbar-nav{display:none;align-items:center;gap:var(--of-spacing-1);flex:1}@media(min-width:768px){.ofui-topbar-nav{display:flex}.ofui-topbar-mobile-toggle{display:none}}.ofui-topbar-nav-item{display:inline-flex;align-items:center;padding:var(--of-spacing-2) var(--of-spacing-3);border-radius:var(--of-radius-md);font-size:var(--of-font-size-sm);font-weight:500;color:var(--of-color-text-secondary);text-decoration:none;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;border:none;background:none}.ofui-topbar-nav-item:hover,.ofui-topbar-nav-item.ofui-active{background:var(--of-color-bg-hover);color:var(--of-color-text-main)}.ofui-topbar-nav-item.ofui-active{font-weight:600;color:var(--of-color-primary)}.ofui-topbar-nav-item.ofui-disabled{opacity:.4;pointer-events:none}.ofui-topbar-nav-item:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-topbar-dropdown-trigger{display:inline-flex;align-items:center;gap:var(--of-spacing-1);padding:var(--of-spacing-2) var(--of-spacing-3);border-radius:var(--of-radius-md);font-size:var(--of-font-size-sm);font-weight:500;color:var(--of-color-text-secondary);background:none;border:none;cursor:pointer;transition:background .15s,color .15s}.ofui-topbar-dropdown-trigger:hover{background:var(--of-color-bg-hover);color:var(--of-color-text-main)}.ofui-topbar-dropdown-trigger:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-topbar-dropdown-caret{font-size:.6em;opacity:.7}.ofui-topbar-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--of-color-bg-main);border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);box-shadow:0 8px 20px #0000001a;z-index:50;overflow:hidden}.ofui-topbar-dropdown-item{display:block;padding:var(--of-spacing-2) var(--of-spacing-4);font-size:var(--of-font-size-sm);color:var(--of-color-text-main);text-decoration:none;transition:background .1s}.ofui-topbar-dropdown-item:hover,.ofui-topbar-dropdown-item.ofui-active{background:var(--of-color-bg-hover)}.ofui-topbar-dropdown-item.ofui-disabled{opacity:.4;pointer-events:none}.ofui-topbar-actions{display:flex;align-items:center;gap:var(--of-spacing-2);margin-left:auto}.ofui-topbar-mobile-toggle{display:flex;background:none;border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-sm);color:var(--of-color-text-main);cursor:pointer;padding:var(--of-spacing-2);font-size:1rem;line-height:1}.ofui-topbar-mobile-menu{display:flex;flex-direction:column;padding:var(--of-spacing-2) var(--of-spacing-4);border-top:1px solid var(--of-color-border-main);background:var(--of-color-bg-secondary)}@media(min-width:768px){.ofui-topbar-mobile-menu{display:none}}.ofui-bottom-bar{display:flex;align-items:stretch;background:var(--of-color-bg-main);border-top:1px solid var(--of-color-border-main);position:fixed;bottom:0;left:0;right:0;z-index:30;height:56px;padding-bottom:env(safe-area-inset-bottom,0px)}.ofui-bottom-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--of-color-text-muted);font-size:.7rem;text-decoration:none;background:none;border:none;cursor:pointer;padding:var(--of-spacing-1) var(--of-spacing-2);transition:color .15s,background .15s;position:relative}.ofui-bottom-bar-item:hover,.ofui-bottom-bar-item.ofui-active{color:var(--of-color-primary);background:var(--of-color-primary-light)}.ofui-bottom-bar-item.ofui-active{font-weight:600}.ofui-bottom-bar-item.ofui-disabled{opacity:.4;pointer-events:none}.ofui-bottom-bar-item:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-bottom-bar-item-icon{font-size:1.2rem;line-height:1;position:relative;display:inline-flex}.ofui-bottom-bar-item-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;background:var(--of-color-error-text);color:var(--of-color-text-on-primary);border-radius:999px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.ofui-bottom-bar-item-label{font-size:.68rem;line-height:1}.ofui-dock-panel{position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--of-color-bg-secondary);border-top:1px solid var(--of-color-border-main)}.ofui-dock-panel-resize{height:4px;background:var(--of-color-border-main);cursor:ns-resize;position:absolute;top:0;left:0;right:0;transition:background .15s}.ofui-dock-panel-resize:hover{background:var(--of-color-primary)}.ofui-dock-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--of-spacing-3);height:36px;border-bottom:1px solid var(--of-color-border-main);background:var(--of-color-bg-secondary)}.ofui-dock-panel-tabs{display:flex;gap:0;align-items:center;flex:1;overflow-x:auto}.ofui-dock-panel-tab{padding:var(--of-spacing-1) var(--of-spacing-3);font-size:var(--of-font-size-sm);color:var(--of-color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.ofui-dock-panel-tab:hover{color:var(--of-color-text-main)}.ofui-dock-panel-tab.ofui-active{color:var(--of-color-primary);border-bottom-color:var(--of-color-primary);font-weight:600}.ofui-dock-panel-tab:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-dock-panel-toggle{background:none;border:none;color:var(--of-color-text-muted);cursor:pointer;padding:var(--of-spacing-1) var(--of-spacing-2);font-size:.8rem;border-radius:var(--of-radius-sm);transition:background .15s;flex-shrink:0}.ofui-dock-panel-toggle:hover{background:var(--of-color-bg-hover);color:var(--of-color-text-main)}.ofui-dock-panel-toggle:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-dock-panel-body{font-size:var(--of-font-size-sm);overflow-y:auto;background:var(--of-color-bg-secondary);padding:var(--of-spacing-3)}@keyframes ofui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ofui-spin{animation:ofui-spin .85s linear infinite}.ofui-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;line-height:1.4;white-space:nowrap;border:1px solid var(--of-color-border-main);background:var(--of-color-bg-secondary);color:var(--of-color-text-muted)}.ofui-status-chip-neutral{background:var(--of-color-bg-secondary);color:var(--of-color-text-muted);border-color:var(--of-color-border-main)}.ofui-status-chip-info{background:var(--of-color-state-info-bg);color:var(--of-color-state-info-text);border-color:#1e40af33}.ofui-status-chip-success{background:var(--of-color-state-success-bg);color:var(--of-color-state-success-text);border-color:#15803d33}.ofui-status-chip-warning{background:var(--of-color-state-warning-bg);color:var(--of-color-state-warning-text);border-color:var(--of-color-state-warning-border)}.ofui-status-chip-danger{background:var(--of-color-error-bg);color:var(--of-color-error-text);border-color:#dc262640}.ofui-select-wrap{position:relative;width:100%}.ofui-select-label{display:block;margin-bottom:.35rem;font-size:var(--of-font-size-sm);font-weight:600;color:var(--of-color-text-main)}.ofui-select-trigger{width:100%;min-height:40px;border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-main);color:var(--of-color-text-main);padding:var(--of-spacing-2) var(--of-spacing-3);display:flex;align-items:center;justify-content:space-between;gap:var(--of-spacing-2);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.ofui-select-trigger:hover{border-color:var(--of-color-text-muted)}.ofui-select-trigger.is-open,.ofui-select-trigger:focus-visible{border-color:var(--of-color-primary);box-shadow:0 0 0 var(--of-focus-ring-width) var(--of-focus-ring-color);outline:none}.ofui-select-trigger.is-error{border-color:var(--of-color-error-text);box-shadow:0 0 0 var(--of-focus-ring-width) #dc262633}.ofui-select-trigger.is-disabled{background:var(--of-color-bg-secondary);color:var(--of-color-text-muted);border-color:var(--of-color-border-main);cursor:not-allowed;opacity:.7}.ofui-select-value-wrap{min-width:0;flex:1}.ofui-select-placeholder{color:var(--of-color-text-muted);font-size:var(--of-font-size-sm)}.ofui-select-right-icons{display:inline-flex;align-items:center;gap:var(--of-spacing-1);color:var(--of-color-text-muted);flex-shrink:0}.ofui-select-right-icons .is-open{transform:rotate(180deg)}.ofui-select-chip-list{display:flex;flex-wrap:wrap;gap:var(--of-spacing-1)}.ofui-select-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;background:var(--of-color-state-info-bg);color:var(--of-color-state-info-text);padding:2px var(--of-spacing-2);font-size:.75rem;font-weight:600}.ofui-select-chip svg{cursor:pointer}.ofui-select-dropdown{border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-lg, var(--of-radius-md));background:var(--of-color-bg-main);box-shadow:0 12px 32px #0f172a24;overflow:hidden}.ofui-select-search-wrap{display:flex;align-items:center;gap:var(--of-spacing-2);border-bottom:1px solid var(--of-color-border-main);padding:var(--of-spacing-2) var(--of-spacing-3)}.ofui-select-search-icon{color:var(--of-color-text-muted);flex-shrink:0}.ofui-select-search-input{width:100%;border:none;outline:none;background:transparent;font-size:var(--of-font-size-sm);color:var(--of-color-text-main)}.ofui-select-options{max-height:240px;overflow:auto;padding:var(--of-spacing-1);display:grid;gap:2px}.ofui-select-empty{padding:var(--of-spacing-2) var(--of-spacing-3);color:var(--of-color-text-muted);font-size:var(--of-font-size-sm)}.ofui-select-option{width:100%;border:1px solid transparent;border-radius:var(--of-radius-sm);background:transparent;color:var(--of-color-text-main);padding:var(--of-spacing-2) var(--of-spacing-3);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--of-spacing-2);cursor:pointer;font-size:var(--of-font-size-sm);transition:background .1s}.ofui-select-option:hover,.ofui-select-option.is-highlight{background:var(--of-color-bg-secondary);border-color:var(--of-color-border-main)}.ofui-select-option.is-selected{background:var(--of-color-state-info-bg);border-color:#1e40af33;color:var(--of-color-state-info-text)}.ofui-select-option.is-create{color:var(--of-color-state-success-text)}.ofui-select-option-main{display:inline-flex;align-items:center;gap:var(--of-spacing-2)}.ofui-horizontal-bar-chart{list-style:none;margin:0;padding:0;display:grid;gap:var(--of-spacing-3)}.ofui-horizontal-bar-chart-row{display:grid;grid-template-columns:10rem 1fr auto;align-items:center;gap:var(--of-spacing-3);font-size:var(--of-font-size-sm)}.ofui-horizontal-bar-chart-label{color:var(--of-color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofui-horizontal-bar-chart-bars{display:grid;gap:2px;flex:1}.ofui-horizontal-bar-chart-track{height:8px;background:var(--of-color-bg-secondary);border-radius:999px;overflow:hidden}.ofui-horizontal-bar-chart-fill{display:block;height:100%;border-radius:999px;transition:width .35s ease}.ofui-horizontal-bar-chart-summary{font-size:.75rem;color:var(--of-color-text-muted);white-space:nowrap}.ofui-donut-legend-chart{display:flex;align-items:center;gap:var(--of-spacing-5);flex-wrap:wrap}.ofui-donut-legend-chart-donut{position:relative;width:120px;height:120px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ofui-donut-legend-chart-donut:before{content:"";position:absolute;inset:20px;background:var(--of-color-bg-main);border-radius:50%}.ofui-donut-legend-chart-donut span{position:relative;font-size:.8rem;font-weight:700;color:var(--of-color-text-main);text-align:center}.ofui-donut-legend-chart-legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--of-spacing-2)}.ofui-donut-legend-chart-legend li{display:flex;align-items:center;gap:var(--of-spacing-2);font-size:var(--of-font-size-sm);color:var(--of-color-text-main)}.ofui-donut-legend-chart-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.ofui-donut-legend-chart-value{margin-left:auto;color:var(--of-color-text-muted);font-weight:600;font-size:.75rem}.ofui-heatmap-matrix{overflow-x:auto}.ofui-heatmap-matrix-table{width:100%;border-collapse:collapse;font-size:var(--of-font-size-sm)}.ofui-heatmap-matrix-table th{padding:var(--of-spacing-1) var(--of-spacing-2);text-align:center;font-weight:600;color:var(--of-color-text-muted);border-bottom:1px solid var(--of-color-border-main);white-space:nowrap}.ofui-heatmap-matrix-table th:first-child{text-align:left}.ofui-heatmap-matrix-table td{padding:var(--of-spacing-1) var(--of-spacing-2);text-align:center;border-bottom:1px solid var(--of-color-border-main)}.ofui-heatmap-matrix-table td:first-child{text-align:left;color:var(--of-color-text-main);white-space:nowrap}.ofui-heatmap-cell{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:1.6rem;border-radius:var(--of-radius-sm);font-size:.72rem;font-weight:600;color:#fff}.ofui-heatmap-total{font-weight:700;color:var(--of-color-text-main)}@keyframes ofui-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.ofui-notification-toast{animation:ofui-toast-in .2s ease}.ofui-app-shell-skip-link{position:absolute;left:10px;top:-44px;z-index:30;border:1px solid var(--of-color-border-main);border-radius:var(--of-radius-md);background:var(--of-color-bg-main);color:var(--of-color-text-main);padding:var(--of-spacing-2) var(--of-spacing-3);text-decoration:none;font-size:var(--of-font-size-sm);font-weight:600;transition:top .15s ease}.ofui-app-shell-skip-link:focus-visible{top:10px;outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-modal-close{background:transparent;border:none;cursor:pointer;padding:var(--of-spacing-1) var(--of-spacing-2);border-radius:var(--of-radius-sm);color:var(--of-color-text-muted);font-size:1rem;line-height:1;transition:background .15s,color .15s}.ofui-modal-close:hover{background:var(--of-color-bg-secondary);color:var(--of-color-text-main)}.ofui-modal-close:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-toast-close{border:none;background:transparent;color:currentColor;cursor:pointer;font-size:14px;line-height:1;padding:2px var(--of-spacing-1);border-radius:var(--of-radius-sm);opacity:.7}.ofui-toast-close:hover{opacity:1}.ofui-toast-message{flex:1}.ofui-toast-close:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-btn:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset)}.ofui-collapsible-header{align-items:center;gap:var(--of-spacing-3);color:var(--of-color-text-main)}.ofui-collapsible-header.is-disabled{opacity:.5;cursor:not-allowed}.ofui-collapsible-header:hover{color:var(--of-color-primary)}.ofui-collapsible-header:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset);border-radius:var(--of-radius-sm)}.ofui-collapsible-chevron{display:inline-flex;align-items:center;flex-shrink:0;transition:transform .2s ease;color:var(--of-color-text-muted)}.ofui-collapsible-chevron.is-open{transform:rotate(180deg)}.ofui-collapsible-title-wrap{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.ofui-collapsible-title-wrap small{font-weight:400;color:var(--of-color-text-muted);font-size:var(--of-font-size-sm)}.ofui-collapsible-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px var(--of-spacing-2);font-size:.72rem;font-weight:700;background:var(--of-color-state-info-bg);color:var(--of-color-state-info-text);margin-left:auto}.ofui-collapsible-content{display:none}.ofui-collapsible-content.is-open{display:block}.ofui-collapsible-inner{padding:var(--of-spacing-2) 0 var(--of-spacing-4)}.ofui-tabbed-content{display:flex;flex-direction:column}.ofui-tab{color:var(--of-color-text-muted)}.ofui-tab:hover{color:var(--of-color-text-main)}.ofui-tab:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset);border-radius:var(--of-radius-sm)}.ofui-tab.is-disabled{opacity:.45;cursor:not-allowed}.ofui-tab-icon{display:inline-flex;align-items:center;flex-shrink:0}.ofui-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1em;border-radius:999px;background:var(--of-color-primary);color:var(--of-color-text-on-primary);font-size:.68rem;font-weight:700;padding:0 4px;line-height:1.5}.ofui-tab-panel{padding:var(--of-spacing-4) 0}.ofui-search-clear:focus-visible{outline:var(--of-focus-ring-width) solid var(--of-focus-ring-color);outline-offset:var(--of-focus-ring-offset);border-radius:var(--of-radius-sm)}