html:is([data-template=ledger],[data-template=showcase]){--bg: #ffffff;--surface: #ffffff;--surface-soft: #f6f7f8;--line: #e2e5e7;--text: #24262b;--muted: #69717c}html[data-template=ledger] .app-shell{grid-template-columns:216px minmax(0,1fr)}html[data-template=showcase] .app-shell{grid-template-columns:248px minmax(0,1fr)}html[data-template=ledger] .sidebar{background:#fff;color:var(--text);border-inline-end:1px solid var(--line)}html[data-template=ledger] .brand{border-bottom:1px solid var(--line);padding:24px 18px}html[data-template=ledger] .brand-mark{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}html[data-template=ledger] .brand span,html[data-template=ledger] .user-chip small{color:var(--muted)}html[data-template=ledger] .user-chip{background:var(--surface-soft);border-color:var(--line)}html[data-template=ledger] .nav-group h2{color:var(--muted);font-size:11px;border-radius:0}html[data-template=ledger] .sidebar nav a{color:var(--text);border-radius:3px;min-height:36px}html[data-template=ledger] .sidebar nav a.active{background:#eff2f5;box-shadow:inset -3px 0 var(--brand);color:var(--brand)}html[data-template=ledger] .sidebar nav a:hover{background:var(--surface-soft)}html[data-template=ledger] .nav-icon{color:var(--muted)}html[data-template=ledger] .sidebar nav a.active .nav-icon{color:var(--brand)}html[data-template=ledger] .sidebar nav a .nav-label{font-weight:500;font-size:13px}html[data-template=ledger] .content{padding:24px;max-width:none}html[data-template=ledger] .page-title h1{font-size:24px}html[data-template=ledger] th{background:var(--surface-soft);font-size:12px;color:var(--muted)}html[data-template=ledger] td{font-size:13px;font-variant-numeric:tabular-nums}html[data-template=ledger] :is(input,select,textarea){border-radius:3px;background:#fff;min-height:36px}html[data-template=ledger] .quick-actions{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px}html[data-template=ledger] .quick-actions a{background:#fff;box-shadow:none;border:1px solid var(--line);border-radius:3px;padding:9px 14px}html[data-template=ledger] .quick-actions a span{display:none}html[data-template=ledger] .catalog-summary{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap}html[data-template=ledger] .catalog-summary article{display:flex;gap:8px;padding:0;border:0;background:none;box-shadow:none;align-items:center}html[data-template=ledger] .catalog-summary small{display:none}html[data-template=ledger] .catalog-summary strong,html[data-template=ledger] .catalog-summary span{font-size:12px}html[data-template=showcase] .sidebar{background:var(--brand);color:var(--brand-on)}html[data-template=showcase] .brand{padding:28px 20px;min-height:106px;border-bottom:1px solid color-mix(in srgb,var(--brand-on) 20%,transparent)}html[data-template=showcase] .brand strong{font-size:24px;line-height:1.6}html[data-template=showcase] .brand span,html[data-template=showcase] .user-chip small{color:color-mix(in srgb,var(--brand-on) 72%,transparent)}html[data-template=showcase] .sidebar nav{padding:16px 12px;gap:16px}html[data-template=showcase] .nav-group h2{color:color-mix(in srgb,var(--brand-on) 68%,transparent);font-weight:500;font-size:12px}html[data-template=showcase] .sidebar nav a{color:var(--brand-on);min-height:43px;padding:6px 12px}html[data-template=showcase] .sidebar nav a .nav-label{font-weight:500}html[data-template=showcase] .nav-icon{color:inherit}html[data-template=showcase] .sidebar nav a.active{background:var(--surface);color:var(--brand);box-shadow:none}html[data-template=showcase] .sidebar nav a.active .nav-icon{color:var(--brand)}html[data-template=showcase] .content{padding:32px;max-width:1560px}html[data-template=showcase] .page-title{align-items:center;margin-bottom:26px}html[data-template=showcase] .page-title h1{font-size:30px;line-height:1.5}html[data-template=showcase] .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}html[data-template=showcase] .catalog-summary{display:none}html[data-template=showcase] .quick-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}html[data-template=showcase] .quick-actions a{padding:12px 18px;border:0;border-inline-start:3px solid var(--accent);background:var(--surface-soft);box-shadow:none;border-radius:0;flex:1;min-width:130px}html[data-template=showcase] .quick-actions a span{font-size:11px}html:is([data-template=ledger],[data-template=showcase]) section.panel{border:0;border-radius:0;box-shadow:none;padding-inline:0}html:is([data-template=ledger],[data-template=showcase]) .panel-header{padding-inline:0;background:transparent}html:is([data-template=ledger],[data-template=showcase]) .topbar{min-height:62px;background:var(--surface);padding-inline:24px}html:is([data-template=ledger],[data-template=showcase]) .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px}html:is([data-template=ledger],[data-template=showcase]) .btn .material-symbols-outlined{font-size:19px}html:is([data-template=ledger],[data-template=showcase]) .btn.primary{color:var(--brand-on)}html[data-template=showcase] .btn.primary{color:var(--accent-on)}html:is([data-template=ledger],[data-template=showcase]) .brand>div{min-width:0}html:is([data-template=ledger],[data-template=showcase]) .brand strong{overflow-wrap:anywhere}html:is([data-template=ledger],[data-template=showcase]) .login-page{background:var(--surface-soft)}html[data-template=ledger] .login-panel{box-shadow:none;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:4px}html[data-template=showcase] .login-panel{border:0;border-top:6px solid var(--brand);border-radius:8px;box-shadow:0 18px 50px #17202a12;padding:40px}html[data-template=showcase] .login-brand span{font-size:30px;color:var(--brand)}html:is([data-template=ledger],[data-template=showcase]) :focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media(max-width:860px){html:is([data-template=ledger],[data-template=showcase]) .topbar{flex-direction:row;align-items:center}html:is([data-template=ledger],[data-template=showcase]) .sidebar:not(.open){visibility:hidden;box-shadow:none}html:is([data-template=ledger],[data-template=showcase]) .topbar .menu-toggle .material-symbols-outlined{height:auto;width:auto;background:none;font-size:22px}html:is([data-template=ledger],[data-template=showcase]) .app-shell{grid-template-columns:minmax(0,1fr)}html:is([data-template=ledger],[data-template=showcase]) .content{padding:18px 14px}html:is([data-template=ledger],[data-template=showcase]) .sidebar{width:min(280px,85vw);z-index:40}html:is([data-template=ledger],[data-template=showcase]) .page-title{align-items:flex-start;flex-wrap:wrap}html:is([data-template=ledger],[data-template=showcase]) .page-title h1{font-size:24px}html:is([data-template=ledger],[data-template=showcase]) .topbar{padding:10px 14px;gap:8px}html:is([data-template=ledger],[data-template=showcase]) .login-panel{padding:26px;width:min(420px,calc(100vw - 28px))}html:is([data-template=ledger],[data-template=showcase]) button,html:is([data-template=ledger],[data-template=showcase]) .btn{min-height:40px}}@font-face{font-family:Cairo UI;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cairo-ui-400.ttf) format("truetype")}@font-face{font-family:Cairo UI;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cairo-ui-500.ttf) format("truetype")}@font-face{font-family:Cairo UI;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cairo-ui-600.ttf) format("truetype")}@font-face{font-family:Cairo UI;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cairo-ui-700.ttf) format("truetype")}@font-face{font-family:Cairo UI;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/cairo-ui-800.ttf) format("truetype")}html[data-template=ledger]{--bg: #f3f5f7;--surface: #ffffff;--surface-soft: #f1f4f7;--text: #18232f;--muted: #526171;--line: #cdd6df;--ledger-selected: color-mix(in srgb, var(--brand) 9%, white)}html[data-template=ledger] body{font-size:15px;font-weight:500;line-height:1.7}html[data-template=ledger] .app-shell{grid-template-columns:248px minmax(0,1fr)}html[data-template=ledger] .sidebar{border-inline-end-color:var(--line)}html[data-template=ledger] .brand{min-height:100px;padding:22px 20px;gap:12px}html[data-template=ledger] .brand-mark{flex:0 0 44px;height:44px;background:var(--ledger-selected);color:var(--brand);border:0}html[data-template=ledger] .brand strong{font-size:21px;font-weight:800;line-height:1.5}html[data-template=ledger] .brand span{font-size:13px}html[data-template=ledger] .sidebar .user-chip{margin:16px 16px 8px;padding:10px 12px;background:#fff}html[data-template=ledger] .user-chip strong{font-size:14px}html[data-template=ledger] .user-chip small{font-size:12px}html[data-template=ledger] .sidebar nav{gap:16px;padding:8px 12px 24px}html[data-template=ledger] .nav-group h2{font-size:13px;font-weight:700;padding:8px}html[data-template=ledger] .nav-group h2:hover{color:var(--text);background:var(--surface-soft)}html[data-template=ledger] .sidebar .nav-items{padding-inline-start:0;padding-inline-end:0;gap:5px}html[data-template=ledger] .sidebar nav a{min-height:44px;padding:8px 12px;gap:12px;border-radius:6px}html[data-template=ledger] .sidebar nav a .nav-label{font-size:15px;font-weight:600}html[data-template=ledger] .sidebar nav a.active{color:var(--brand-dark);background:var(--ledger-selected);box-shadow:inset -3px 0 var(--brand)}html[data-template=ledger] .sidebar .nav-icon{font-size:22px;width:24px;height:24px}html[data-template=ledger] .topbar{min-height:70px;padding:12px 28px}html[data-template=ledger] .topbar strong{font-size:16px;font-weight:700}html[data-template=ledger] .topbar span{font-size:13px}html[data-template=ledger] .content{padding:28px;max-width:1680px}html[data-template=ledger] .page-title{gap:18px;margin-bottom:24px;align-items:center;flex-wrap:wrap}html[data-template=ledger] .page-title>div:first-child{flex:1;min-width:min(260px,100%)}html[data-template=ledger] .page-title h1{font-size:28px;line-height:1.6;font-weight:800}html[data-template=ledger] .page-title p{font-size:14px;max-width:760px;line-height:1.8}html[data-template=ledger] :is(h2,h3){font-size:18px;font-weight:700;line-height:1.6}html[data-template=ledger] section.panel,html[data-template=ledger] form.purchase-editor{border:0;border-radius:0;box-shadow:none;padding:24px;border-top:1px solid var(--line)}html[data-template=ledger] .panel+.panel{margin-top:20px}html[data-template=ledger] .section-heading{padding:0 0 14px;margin-bottom:20px;gap:12px;align-items:center;flex-wrap:wrap}html[data-template=ledger] .section-heading :is(h2,h3){margin:0;display:flex;align-items:center;gap:10px}html[data-template=ledger] .section-heading p{font-size:13px;max-width:640px}html[data-template=ledger] .section-heading .material-symbols-outlined{color:var(--brand);font-size:22px}html[data-template=ledger] .panel-header{padding:16px 0}html[data-template=ledger] .content .panel-actions{gap:10px}html[data-template=ledger] .content .page-title .panel-actions{padding:0}html[data-template=ledger] .app-shell .content label,html[data-template=ledger] .login-panel label{font-size:14px;font-weight:700;color:#354454;gap:8px;min-width:0}html[data-template=ledger] .app-shell .content :is(input,select,textarea),html[data-template=ledger] .login-panel :is(input,select,textarea){font-family:inherit;font-size:15px;font-weight:500;line-height:1.6;min-height:44px;min-width:0;max-width:100%;padding:9px 12px;border:1px solid #b7c4d1;border-radius:6px;background:#fff;color:var(--text)}html[data-template=ledger] .app-shell .content :is(input,textarea)::placeholder{color:#647383;opacity:1}html[data-template=ledger] .app-shell .content :is(input,select,textarea):focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 20%,transparent);outline-offset:1px}html[data-template=ledger] .app-shell .content :is(input,select,textarea):disabled{background:#eef1f4;color:#596777;border-color:var(--line);opacity:1}html[data-template=ledger] .app-shell .content input:where([type=checkbox],[type=radio]){width:19px;height:19px;min-height:19px;padding:0;accent-color:var(--brand);flex-shrink:0}html[data-template=ledger] .app-shell .content .checkbox-label{flex-direction:row;display:flex;align-items:center}html[data-template=ledger] :is(.btn,.btn-sm,.view-switch button){font-size:14px;font-weight:700;line-height:1.6;min-height:42px;padding:9px 15px;border-radius:6px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;white-space:normal}html[data-template=ledger] .btn-sm{margin-inline-start:0}html[data-template=ledger] :is(.btn.primary,.btn-sm.primary){background:var(--brand);color:var(--brand-on);border-color:var(--brand)}html[data-template=ledger] :is(.btn-sm.success,.btn.success){background:#087443;color:#fff;border-color:#087443}html[data-template=ledger] :is(.btn,.btn-sm):disabled{opacity:1;background:#e7edf3;border-color:#cdd6df;color:#647181;cursor:not-allowed;box-shadow:none}html[data-template=ledger] :is(.btn,.btn-sm):hover:not(:disabled){box-shadow:none;border-color:var(--brand)}html[data-template=ledger] .btn-sm .material-symbols-outlined{font-size:20px}html[data-template=ledger] .view-switch{padding:4px;gap:4px;background:#e7ecf1;border:0;border-radius:8px;max-width:100%}html[data-template=ledger] .content .view-switch button{background:transparent;border:0}html[data-template=ledger] .content .view-switch button.active{background:#fff;color:var(--brand-dark);box-shadow:0 1px 3px #18232f1a}html[data-template=ledger] .badge{font-size:13px;min-height:28px;font-weight:700}html[data-template=ledger] .badge.warning{color:#845900;background:#fff1c6}html[data-template=ledger] .table-wrap{border:1px solid var(--line);border-radius:6px;background:#fff}html[data-template=ledger] th{color:#384a5b;font-size:13px;font-weight:700;background:#edf1f5;padding:13px 16px}html[data-template=ledger] td{color:var(--text);font-size:14px;font-weight:500;padding:14px 16px;line-height:1.7}html[data-template=ledger] tbody tr:nth-child(2n) td{background:#fafbfc}html[data-template=ledger] tbody tr:hover td{background:#f1f5f9}html[data-template=ledger] tbody tr.selected td{background:var(--ledger-selected)}html[data-template=ledger] tbody tr.selected td:first-child{box-shadow:inset -3px 0 var(--brand)}html[data-template=ledger] .empty-state.compact{padding:24px 18px;background:#f6f8fa;color:var(--muted);font-size:14px}html[data-template=ledger] app-product-editor-page .compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}html[data-template=ledger] app-product-editor-page .workflow-guide{gap:0;margin-bottom:24px;padding:0;border-bottom:1px solid var(--line)}html[data-template=ledger] app-product-editor-page .wf-step{background:transparent;border:0;border-radius:0;padding:12px 16px 16px;gap:12px;min-width:180px}html[data-template=ledger] app-product-editor-page .wf-step:first-child{border-bottom:3px solid var(--brand)}html[data-template=ledger] .content app-product-editor-page .wf-step strong{font-size:15px}html[data-template=ledger] .content app-product-editor-page .wf-step small{font-size:12px;line-height:1.7}html[data-template=ledger] app-product-editor-page .wf-num{width:30px;height:30px;font-size:14px}html[data-template=ledger] app-product-editor-page .wf-arrow{display:none}html[data-template=ledger] app-product-editor-page .grid-toolbar{margin-bottom:18px;gap:10px}html[data-template=ledger] app-product-editor-page :is(.unit-card,.color-card){border-radius:6px}html[data-template=ledger] app-locations-page .list-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,300px) auto;gap:12px;align-items:center;margin-bottom:20px}html[data-template=ledger] app-locations-page .list-toolbar :is(input,select){width:100%}html[data-template=ledger] app-locations-page .detail-header{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px;gap:12px}html[data-template=ledger] .content app-locations-page .detail-header h2{font-size:21px}html[data-template=ledger] app-locations-page .breadcrumb{font-size:13px}html[data-template=ledger] app-locations-page .detail-grid{gap:18px;margin-bottom:20px}html[data-template=ledger] app-locations-page .detail-actions{flex-wrap:wrap;gap:10px;margin:18px 0 28px}html[data-template=ledger] app-locations-page .capacity-bar{margin-top:20px;height:10px}html[data-template=ledger] app-locations-page .compact-form{border-radius:0;padding:20px 0 0;border-top:1px solid var(--line);background:transparent;gap:16px}html[data-template=ledger] app-locations-page .lookup-toolbar{flex-direction:row;flex-wrap:wrap;gap:14px}html[data-template=ledger] .purchase-editor .purchase-details{margin-bottom:30px}html[data-template=ledger] .purchase-editor .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}html[data-template=ledger] .purchase-editor .purchase-lines-heading{margin-bottom:16px}html[data-template=ledger] .purchase-editor .purchase-search{width:min(440px,100%);margin-bottom:18px}html[data-template=ledger] .purchase-editor .purchase-lines-table{table-layout:fixed;min-width:760px}html[data-template=ledger] .purchase-editor .purchase-lines-table th:first-child{width:30%}html[data-template=ledger] .purchase-editor .purchase-lines-table :is(th,td){padding:12px 10px}html[data-template=ledger] .purchase-editor .purchase-lines-table td select{width:100%}html[data-template=ledger] .purchase-editor .purchase-lines-table td input{width:100%;text-align:center;font-variant-numeric:tabular-nums}html[data-template=ledger] .purchase-editor .purchase-add-line{padding:16px 0}html[data-template=ledger] .purchase-editor .purchase-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 0;margin-top:12px;border-top:1px solid var(--line)}html[data-template=ledger] .purchase-editor .purchase-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px}html[data-template=ledger] .purchase-editor .purchase-total span{font-size:14px;color:var(--muted)}html[data-template=ledger] .purchase-editor .purchase-total strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}html[data-template=ledger] .purchase-editor .purchase-total small{font-size:14px;color:var(--muted)}@media(min-width:861px)and (max-width:1250px){html[data-template=ledger] .app-shell{grid-template-columns:224px minmax(0,1fr)}html[data-template=ledger] .content{padding:20px}html[data-template=ledger] app-product-editor-page .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){html[data-template=ledger] .app-shell{grid-template-columns:minmax(0,1fr)}html[data-template=ledger] .topbar{padding:10px 16px;min-height:64px}html[data-template=ledger] .topbar>div{flex:1;min-width:0}html[data-template=ledger] .topbar>div span{display:none}html[data-template=ledger] .topbar .btn{padding:8px 12px}html[data-template=ledger] .content{padding:20px 14px}html[data-template=ledger] .page-title{margin-bottom:18px;gap:16px}html[data-template=ledger] .page-title h1{font-size:24px}html[data-template=ledger] section.panel,html[data-template=ledger] form.purchase-editor{padding:20px 16px}html[data-template=ledger] .content .page-title .panel-actions{width:100%}html[data-template=ledger] .content .page-title .panel-actions .btn{flex:1 1 130px}html[data-template=ledger] app-product-editor-page .compact-grid,html[data-template=ledger] app-locations-page .detail-grid,html[data-template=ledger] .purchase-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-template=ledger] app-locations-page .list-toolbar{grid-template-columns:minmax(0,1fr)}html[data-template=ledger] app-product-editor-page .wf-step{padding:10px 6px;min-width:0}html[data-template=ledger] .content app-product-editor-page .wf-step small{display:none}html[data-template=ledger] .content app-product-editor-page .wf-step strong{font-size:13px}html[data-template=ledger] app-product-editor-page .wf-num{width:24px;height:24px;flex-basis:24px;font-size:12px}html[data-template=ledger] .purchase-editor .purchase-lines-table{display:block;min-width:0;table-layout:auto}html[data-template=ledger] .purchase-editor .purchase-lines-table thead{display:none}html[data-template=ledger] .purchase-editor .purchase-lines-table tbody{display:grid;gap:14px}html[data-template=ledger] .purchase-editor .purchase-lines-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;margin:0;background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0}html[data-template=ledger] .purchase-editor .purchase-lines-table td{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:6px;padding:0;background:transparent;border:0}html[data-template=ledger] .purchase-editor .purchase-lines-table td:first-child{grid-column:1 / -1}html[data-template=ledger] .purchase-editor .purchase-lines-table td:before{content:attr(data-label);font-size:13px;font-weight:700;color:#354454}html[data-template=ledger] .purchase-editor .purchase-lines-table td:last-child{align-content:end}html[data-template=ledger] .purchase-editor .purchase-lines-table td:last-child:before{display:none}html[data-template=ledger] .purchase-editor .purchase-footer{flex-wrap:wrap}html[data-template=ledger] .purchase-editor .purchase-footer>.btn{width:100%}html[data-template=ledger] app-locations-page .table-wrap{overflow-x:auto}html[data-template=ledger] app-locations-page .table-wrap table{display:table;min-width:680px}html[data-template=ledger] app-locations-page .table-wrap thead{display:table-header-group}html[data-template=ledger] app-locations-page .table-wrap tbody{display:table-row-group}html[data-template=ledger] app-locations-page .table-wrap tr{display:table-row}html[data-template=ledger] app-locations-page .table-wrap :is(th,td){display:table-cell;width:auto}html[data-template=ledger] app-locations-page .detail-header{flex-wrap:wrap}}@media(max-width:540px){html[data-template=ledger] app-product-editor-page .compact-grid,html[data-template=ledger] app-locations-page .detail-grid,html[data-template=ledger] .purchase-editor .form-grid{grid-template-columns:minmax(0,1fr)}html[data-template=ledger] .app-shell .content :is(input,select,textarea){font-size:16px}html[data-template=ledger] app-product-editor-page .wf-step{flex-direction:column;gap:6px;align-items:center;text-align:center}html[data-template=ledger] .view-switch button{flex:1;font-size:13px;padding-inline:8px}html[data-template=ledger] .section-heading{align-items:flex-start}html[data-template=ledger] .content app-product-editor-page .section-heading p{display:none}html[data-template=ledger] app-locations-page .view-switch{width:100%}}html[data-template=operations]{color-scheme:dark;--bg: #14181c;--surface: #1c2227;--surface-soft: #242c32;--surface-muted: #242c32;--line: #37434c;--line-strong: #687782;--field-bg: #20272d;--field-border: #687782;--text: #f0f4f6;--muted: #b2bec7;--danger: #ff767c;--success: #39d49a;--info: #5edce5}html[data-template=operations] body{font-size:14px;line-height:1.7}html[data-template=operations] :is(button,input,select,textarea){letter-spacing:0}html[data-template=operations] .app-shell{grid-template-columns:236px minmax(0,1fr)}html[data-template=operations] .app-shell .sidebar{background:#191e23;color:var(--text);border-inline-end:1px solid var(--line)}html[data-template=operations] .brand{min-height:96px;padding:22px 18px}html[data-template=operations] .brand strong{font-size:25px;line-height:1.5}html[data-template=operations] :is(.brand span,.user-chip small,.nav-group h2){color:var(--muted)}html[data-template=operations] .brand-mark{background:var(--surface-soft);color:var(--brand);border:1px solid var(--line);flex-shrink:0}html[data-template=operations] .sidebar nav a{color:var(--text);min-height:44px;border-radius:4px}html[data-template=operations] .sidebar nav a:hover{background:var(--surface-soft)}html[data-template=operations] .sidebar nav a.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--surface));box-shadow:inset -3px 0 var(--brand)}html[data-template=operations] .sidebar nav a .nav-icon{color:inherit}html[data-template=operations] .user-chip,html[data-template=operations] .topbar{background:var(--surface);border-color:var(--line)}html[data-template=operations] .content{max-width:none;padding:22px;min-width:0}html[data-template=operations] .main{min-width:0}html[data-template=operations] .page-title{align-items:center;margin-bottom:18px}html[data-template=operations] .page-title h1{font-size:26px;line-height:1.5;margin:0}html[data-template=operations] :is(.panel,.login-panel,.modal,.preview-control-bar,.template-option,.stat,.metrics article,.quick-actions a){background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none}html[data-template=operations] .panel{border-radius:0}html[data-template=operations] .content .panel{background:transparent;border:0;padding:20px 0}html[data-template=operations] .content .section-heading{gap:12px;flex-wrap:wrap}html[data-template=operations] .content .section-heading h2{font-size:18px;flex-shrink:0}html[data-template=operations] .content :is(.compact-grid,.purchase-editor .form-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}html[data-template=operations] .content :is(.compact-grid,.purchase-editor .form-grid) label{display:grid;gap:7px}html[data-template=operations] .content .purchase-details{margin-bottom:28px}html[data-template=operations] .content .workflow-guide{border-bottom:1px solid var(--line);gap:0}html[data-template=operations] .content .wf-step{background:transparent;border:0;padding:14px 10px;border-radius:0}html[data-template=operations] .content .wf-arrow{display:none}html[data-template=operations] .brand>div{min-width:0}html[data-template=operations] .brand strong{overflow-wrap:anywhere}html[data-template=operations] :is(.btn,.btn-sm,.icon-button,.preview-options button){background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:6px}html[data-template=operations] :is(.btn,.btn-sm){min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px}html[data-template=operations] .icon-button{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center}html[data-template=operations] .icon-button.menu-toggle{display:none}html[data-template=operations] :is(.btn.primary,.btn-primary){background:var(--brand);border-color:var(--brand);color:var(--brand-on);font-weight:700}html[data-template=operations] .btn.danger{color:var(--danger);background:#352329;border-color:#91454e}html[data-template=operations] .btn:disabled{opacity:.45}html[data-template=operations] :is(input,select,textarea){background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:6px;min-height:42px;padding:8px 11px;max-width:100%}html[data-template=operations] .app-shell input{background:var(--surface-soft);color:var(--text)}html[data-template=operations] input::placeholder{color:#a0aeb8;opacity:1}html[data-template=operations] :is(input,select,textarea):focus-visible{outline:2px solid var(--brand);outline-offset:2px}html[data-template=operations] button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}html[data-template=operations] :is(label,.note,.muted,.empty-state){color:var(--muted)}html[data-template=operations] th{background:var(--surface-soft);color:var(--muted)}html[data-template=operations] :is(table,td,tbody tr){background:transparent;color:var(--text);border-color:var(--line)}html[data-template=operations] tbody tr:hover{background:var(--surface-soft)}html[data-template=operations] .alert.error{background:#352329;color:#ffb4b7;border-color:#91454e}html[data-template=operations] .preview-control-bar{flex-wrap:wrap}html[data-template=operations] .login-page{background:var(--bg)}html[data-template=operations] .login-brand{color:var(--text)}html[data-template=operations] .login-brand span{color:var(--brand)}html[data-template=operations] .preview-bottom-nav{background:var(--surface)}html[data-template=operations] .ops-mobile-nav{display:none}html[data-template=operations] .menu-toggle .material-symbols-outlined{width:auto;height:auto;background:none}html[data-template=operations] app-operations-workspace{display:block;min-width:0}html[data-template=operations] .ops-toolbar{display:flex;align-items:end;gap:12px;padding:0 0 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}html[data-template=operations] .ops-toolbar label{display:grid;gap:5px;font-size:12px;width:180px;min-width:0}html[data-template=operations] .ops-toolbar .ops-threshold{width:94px}html[data-template=operations] .ops-updated{display:flex;align-items:center;gap:7px;margin-inline-start:auto;color:var(--muted);font-size:12px;min-height:42px}html[data-template=operations] .ops-dot{width:7px;height:7px;background:var(--success);border-radius:50%}html[data-template=operations] .ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:18px}html[data-template=operations] .ops-metrics button{min-width:0;border:0;border-inline-end:1px solid var(--line);border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text);display:grid;grid-template-columns:1fr auto;padding:16px;cursor:pointer;text-align:start;align-items:center}html[data-template=operations] .ops-metrics button:last-child{border-inline-end:0}html[data-template=operations] .ops-metrics button.selected{background:var(--surface);border-bottom-color:var(--brand)}html[data-template=operations] .ops-metrics button>span{display:flex;align-items:center;gap:7px;font-size:12px}html[data-template=operations] .ops-metrics button strong{font-size:26px;font-weight:700;line-height:1.4}html[data-template=operations] .ops-metrics button small{color:var(--muted);font-size:11px}html[data-template=operations] [data-stock=available]{--stock-color: #39d49a}html[data-template=operations] [data-stock=low]{--stock-color: #ffc35c}html[data-template=operations] [data-stock=out]{--stock-color: #ff767c}html[data-template=operations] [data-stock=unknown]{--stock-color: #b2bec7}html[data-template=operations] :is(.ops-metrics i,.ops-state i){width:8px;height:8px;border-radius:50%;background:var(--stock-color);flex-shrink:0}html[data-template=operations] .ops-search-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}html[data-template=operations] .ops-search{display:flex;align-items:center;flex:1;max-width:520px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;padding-inline-start:12px}html[data-template=operations] .ops-search input{border:0;background:transparent;width:100%}html[data-template=operations] .ops-search>span{color:var(--muted);font-size:21px}html[data-template=operations] .ops-quantity-label{color:var(--muted);font-size:12px;margin-inline-start:auto}html[data-template=operations] .ops-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.4fr) minmax(200px,.8fr);gap:22px}html[data-template=operations] .ops-grid>section{min-width:0}html[data-template=operations] .ops-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}html[data-template=operations] .ops-section-title h2{font-size:16px;line-height:1.6;margin:0;color:var(--text);overflow-wrap:anywhere}html[data-template=operations] .ops-section-title>span{color:var(--muted);font-size:12px;flex-shrink:0}html[data-template=operations] .ops-product-list{display:grid;gap:8px}html[data-template=operations] .ops-product-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;text-align:start;gap:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:10px;cursor:pointer;width:100%;min-height:80px}html[data-template=operations] .ops-product-row:hover{background:var(--surface-soft)}html[data-template=operations] .ops-product-row.selected{border-color:var(--brand);box-shadow:inset -3px 0 var(--brand)}html[data-template=operations] .ops-product-name{display:grid;gap:4px;min-width:0}html[data-template=operations] .ops-product-name strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}html[data-template=operations] .ops-product-name small{font-size:11px;color:var(--muted);text-align:start;direction:ltr}html[data-template=operations] .ops-stock-number{color:var(--stock-color);display:grid;text-align:end}html[data-template=operations] .ops-stock-number strong{font-size:21px;line-height:1.4}html[data-template=operations] .ops-stock-number small{font-size:10px}html[data-template=operations] .ops-photo{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background-color:var(--surface-soft);color:var(--muted)}html[data-template=operations] .ops-photo img{width:100%;height:100%;object-fit:contain;background:#fff}html[data-template=operations] .ops-photo.demo{background-image:url(/images/template-products.png);background-size:200% 200%;background-repeat:no-repeat}html[data-template=operations] .ops-photo.small{width:48px;height:48px}html[data-template=operations] .ops-photo.large{width:160px;aspect-ratio:1}html[data-template=operations] .ops-photo.large>span{font-size:64px}html[data-template=operations] .ops-product-focus{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 0 18px}html[data-template=operations] .ops-focus-info{display:grid;gap:4px;color:var(--muted)}html[data-template=operations] .ops-state{display:flex;align-items:center;gap:8px;color:var(--stock-color);font-size:13px}html[data-template=operations] .ops-focus-quantity{font-size:48px;color:var(--stock-color);line-height:1.4;font-variant-numeric:tabular-nums}html[data-template=operations] .ops-balance-breakdown{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 20px;border-block:1px solid var(--line);padding:12px 0;gap:10px}html[data-template=operations] .ops-balance-breakdown dt{font-size:12px;color:var(--muted)}html[data-template=operations] .ops-balance-breakdown dd{margin:5px 0 0;font-size:19px}html[data-template=operations] .ops-reorder{display:flex;align-items:end;gap:12px}html[data-template=operations] .ops-reorder label{display:grid;gap:6px;font-size:12px;width:90px}html[data-template=operations] .ops-reorder .btn{flex:1;min-width:0;font-size:13px}html[data-template=operations] .movements-title{margin-top:28px}html[data-template=operations] .ops-movements-wrap{overflow:auto}html[data-template=operations] table.ops-movements{display:table;width:100%;border-collapse:collapse;min-width:270px}html[data-template=operations] table.ops-movements :is(thead,tbody){display:table-row-group}html[data-template=operations] table.ops-movements tr{display:table-row}html[data-template=operations] table.ops-movements :is(td,th){display:table-cell;padding:10px 8px;font-size:11px;border-bottom:1px solid var(--line);white-space:nowrap}html[data-template=operations] table.ops-movements td:before{display:none}html[data-template=operations] .ops-shortage{margin-bottom:12px;border:1px solid var(--line);border-inline-start:3px solid var(--stock-color);background:var(--surface);border-radius:6px;padding:12px}html[data-template=operations] .ops-shortage-select{display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;color:var(--text);border:0;padding:0 0 12px;width:100%;text-align:start;cursor:pointer}html[data-template=operations] .ops-shortage-select strong{font-size:13px;overflow-wrap:anywhere}html[data-template=operations] .ops-shortage-select>span{color:var(--stock-color);font-size:23px;display:grid;text-align:end}html[data-template=operations] .ops-shortage-select small{font-size:10px;white-space:nowrap}html[data-template=operations] .ops-request{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;border:1px solid color-mix(in srgb,var(--stock-color) 60%,transparent);color:var(--stock-color);background:transparent;border-radius:4px;padding:5px 10px;cursor:pointer}html[data-template=operations] .ops-request span{font-size:18px}html[data-template=operations] .ops-empty{padding:24px 12px;color:var(--muted);text-align:center;font-size:13px}html[data-template=operations] .ops-notice{background:#2f2b22;color:#ffe0a1;border-inline-start:3px solid #ffc35c;padding:12px;margin:12px 0}html[data-template=operations] .ops-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:16px}@media(max-width:1250px){html[data-template=operations] .ops-grid{grid-template-columns:minmax(220px,1fr) minmax(300px,1.3fr)}html[data-template=operations] .ops-alerts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-template=operations] .ops-alerts .ops-section-title{grid-column:1 / -1;margin:0}}@media(max-width:860px){html[data-template=operations] .topbar>div{flex:1;min-width:0}html[data-template=operations] .topbar>div>span{display:none}html[data-template=operations] .content .page-title .panel-actions{width:100%;flex-wrap:wrap}html[data-template=operations] .content .page-title .panel-actions .btn{flex:1 1 130px}html[data-template=operations] .content .wf-step{min-width:0}html[data-template=operations] .content .wf-step small{display:none}html[data-template=operations] .content .workflow-guide{flex-wrap:nowrap}html[data-template=operations] .content .wf-step strong{font-size:12px}html[data-template=operations] .content :is(.compact-grid,.purchase-editor .form-grid){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=operations] .ops-mobile-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:15;align-items:center;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}html[data-template=operations] .ops-mobile-nav :is(a,button){display:grid;justify-items:center;gap:5px;color:var(--muted);background:transparent;border:0;text-decoration:none;font-size:11px;padding:4px 10px;cursor:pointer}html[data-template=operations] .ops-mobile-nav a.active{color:var(--brand)}html[data-template=operations] .app-shell:not(.preview-shell){padding-bottom:90px}html[data-template=operations] .topbar{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;min-height:64px}html[data-template=operations] .icon-button.menu-toggle{display:inline-flex}html[data-template=operations] .app-shell{grid-template-columns:minmax(0,1fr)}html[data-template=operations] .content{padding:18px}}@media(max-width:620px){html[data-template=operations] .content :is(.compact-grid,.purchase-editor .form-grid){grid-template-columns:minmax(0,1fr)}html[data-template=operations] .content .compact-grid>.full{grid-column:1}html[data-template=operations] .content{padding:14px}html[data-template=operations] .page-title h1{font-size:23px}html[data-template=operations] .ops-grid{grid-template-columns:minmax(0,1fr);gap:26px}html[data-template=operations] .ops-alerts{display:block}html[data-template=operations] .ops-alerts .ops-section-title{margin-bottom:14px}html[data-template=operations] .ops-toolbar{gap:10px}html[data-template=operations] .ops-toolbar label{width:calc(50% - 5px)}html[data-template=operations] .ops-toolbar .ops-threshold{width:84px}html[data-template=operations] .ops-updated{font-size:11px}html[data-template=operations] .ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=operations] .ops-metrics button{padding:12px 10px}html[data-template=operations] .ops-metrics button:nth-child(2){border-inline-end:0}html[data-template=operations] .ops-search-row{flex-wrap:wrap;gap:6px}html[data-template=operations] .ops-search{flex-basis:100%}html[data-template=operations] .ops-quantity-label{margin-inline-start:0}html[data-template=operations] .ops-photo.large{width:140px}html[data-template=operations] .ops-product-row{grid-template-columns:54px minmax(0,1fr) auto;min-height:82px}html[data-template=operations] .ops-photo.small{width:54px;height:54px}html[data-template=operations] .preview-control-bar select{margin-inline-start:0}}html[data-template=enterprise]{color-scheme:light;--bg: #edf2f6;--surface: #fff;--surface-soft: #f4f6f8;--text: #202b36;--muted: #556574;--line: #d2dce5;--enterprise-selected: color-mix(in srgb, var(--brand) 9%, white)}html[data-template=enterprise] body{font-size:14px;font-weight:500;line-height:1.7;letter-spacing:0}html[data-template=enterprise] .app-shell{grid-template-columns:232px minmax(0,1fr)}html[data-template=enterprise] .main{min-width:0}html[data-template=enterprise] .sidebar{background:var(--brand);color:var(--brand-on);display:flex;flex-direction:column}html[data-template=enterprise] .brand{padding:24px 18px;min-height:108px;gap:12px}html[data-template=enterprise] .brand>div{min-width:0}html[data-template=enterprise] .brand strong{font-size:24px;line-height:1.5;font-weight:800;overflow-wrap:anywhere}html[data-template=enterprise] .brand span,html[data-template=enterprise] .user-chip small{color:var(--brand-on);opacity:.86}html[data-template=enterprise] .brand-mark{flex:0 0 42px;border-radius:6px;background:var(--brand-on);color:var(--brand)}html[data-template=enterprise] .sidebar nav{padding:16px 12px;gap:18px}html[data-template=enterprise] .sidebar .nav-group h2{font-size:12px;font-weight:700;color:var(--brand-on);padding:10px;border-radius:4px}html[data-template=enterprise] .sidebar .nav-group h2:hover{background:color-mix(in srgb,var(--brand-on) 12%,transparent)}html[data-template=enterprise] .sidebar .nav-items{padding:6px;gap:4px;background:color-mix(in srgb,var(--brand-on) 10%,transparent);border-radius:6px}html[data-template=enterprise] .sidebar .nav-items.hidden{display:none}html[data-template=enterprise] .sidebar nav a{min-height:42px;padding:10px;gap:10px;border-radius:4px;color:var(--brand-on)}html[data-template=enterprise] .sidebar nav a .nav-label{font-size:14px;font-weight:600}html[data-template=enterprise] .sidebar .nav-icon{font-size:21px;color:inherit;width:22px;height:22px}html[data-template=enterprise] .sidebar nav a:hover{background:color-mix(in srgb,var(--brand-on) 14%,transparent)}html[data-template=enterprise] .sidebar nav a.active{color:var(--brand-ink);background:#fff;box-shadow:none}html[data-template=enterprise] .user-chip{order:3;margin:auto 16px 18px;padding:12px 4px 0;border:0;border-top:1px solid color-mix(in srgb,var(--brand-on) 25%,transparent);border-radius:0;background:transparent}html[data-template=enterprise] .user-chip strong{font-size:13px}html[data-template=enterprise] .topbar{min-height:74px;padding:12px 24px;background:#fff}html[data-template=enterprise] .topbar strong{font-size:16px}html[data-template=enterprise] .topbar span{font-size:12px}html[data-template=enterprise] .content{padding:26px 24px;max-width:1680px}html[data-template=enterprise] .page-title{align-items:center;flex-wrap:wrap;margin-bottom:22px}html[data-template=enterprise] .page-title h1{font-size:25px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}html[data-template=enterprise] .page-title p{font-size:13px;max-width:680px}html[data-template=enterprise] :is(h2,h3){font-size:17px;line-height:1.7}html[data-template=enterprise] :is(.btn,.btn-sm){min-height:40px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:700;white-space:normal;text-decoration:none}html[data-template=enterprise] .btn.primary{color:var(--brand-on);background:var(--brand)}html[data-template=enterprise] .btn .material-symbols-outlined{font-size:20px}html[data-template=enterprise] :is(button,.btn):disabled{opacity:.55;cursor:not-allowed}html[data-template=enterprise] .icon-button{width:40px;height:40px;flex:0 0 40px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--brand-ink)}html[data-template=enterprise] .icon-button .material-symbols-outlined{font-size:21px;width:22px;height:22px;background:none}html[data-template=enterprise] .icon-button.active{background:var(--enterprise-selected);border-color:var(--brand)}html[data-template=enterprise] :is(input,select,textarea){min-width:0;max-width:100%;min-height:42px;padding:9px 12px;font-size:14px;font-weight:500;border:1px solid #b8c6d2;border-radius:5px;background:#fff;color:var(--text)}html[data-template=enterprise] label{color:#354656;font-size:13px;gap:7px;min-width:0}html[data-template=enterprise] :is(input,textarea)::placeholder{color:#617182;opacity:1}html[data-template=enterprise] :is(input,select,textarea):disabled{background:#f1f3f5;color:var(--muted)}html[data-template=enterprise] input:where([type=checkbox],[type=radio]){min-height:18px;height:18px;width:18px;padding:0;accent-color:var(--brand)}html[data-template=enterprise] :focus-visible{outline:2px solid var(--brand);outline-offset:3px}html[data-template=enterprise] .sidebar :focus-visible{outline-color:var(--brand-on)}html[data-template=enterprise] :is(section.panel,form.purchase-editor){border:0;border-radius:0;box-shadow:none;padding:22px;border-top:1px solid var(--line)}html[data-template=enterprise] .section-heading{padding:0 0 14px;margin-bottom:18px;gap:12px;flex-wrap:wrap}html[data-template=enterprise] .section-heading :is(h2,h3){display:flex;align-items:center;gap:8px}html[data-template=enterprise] .section-heading .material-symbols-outlined{color:var(--brand)}html[data-template=enterprise] .table-wrap{min-width:0}html[data-template=enterprise] th{font-size:12px;color:#435464;font-weight:700;padding:13px 12px;background:#f1f4f7}html[data-template=enterprise] td{font-size:13px;padding:15px 12px;font-variant-numeric:tabular-nums}html[data-template=enterprise] tbody tr:nth-child(2n){background:#fafbfc}html[data-template=enterprise] tbody tr.selected{background:var(--enterprise-selected)}html[data-template=enterprise] tbody tr:hover{background:#f1f6fa}html[data-template=enterprise] .catalog-summary{display:none}html[data-template=enterprise] .enterprise-catalog{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:stretch;background:#fff;border-block:1px solid var(--line);min-height:570px}html[data-template=enterprise] .enterprise-directory{min-width:0;border-inline-end:1px solid var(--line);background:#f8fafc}html[data-template=enterprise] .enterprise-directory-heading{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid var(--line);color:var(--brand-ink);min-height:72px}html[data-template=enterprise] .enterprise-directory-heading h2{font-size:15px}html[data-template=enterprise] .enterprise-directory-toggle{display:none}html[data-template=enterprise] .enterprise-directory-body{padding:14px 10px}html[data-template=enterprise] .enterprise-segmented{display:flex;padding:3px;background:#e9eef2;gap:2px;border-radius:5px}html[data-template=enterprise] .enterprise-segmented button{min-width:0;flex:1;min-height:34px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}html[data-template=enterprise] .enterprise-segmented button[aria-pressed=true]{background:#fff;color:var(--brand-ink)}html[data-template=enterprise] .enterprise-search{display:flex;align-items:center;gap:8px;padding-inline:10px;background:#fff;border:1px solid #b8c6d2;border-radius:5px;min-width:0}html[data-template=enterprise] .enterprise-search .material-symbols-outlined{font-size:20px;color:var(--muted);flex:0 0 20px}html[data-template=enterprise] .enterprise-search input{width:100%;border:0;box-shadow:none;padding-inline:0;min-height:40px;background:transparent}html[data-template=enterprise] .enterprise-group-search{margin:14px 0}html[data-template=enterprise] .enterprise-group-search input{font-size:12px}html[data-template=enterprise] .enterprise-group-list{display:grid;gap:5px}html[data-template=enterprise] .enterprise-group{display:flex;align-items:center;gap:8px;padding:10px 8px;min-height:42px;width:100%;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);text-align:start;font-size:13px;cursor:pointer}html[data-template=enterprise] .enterprise-group span:nth-child(2){flex:1;overflow-wrap:anywhere}html[data-template=enterprise] .enterprise-group .material-symbols-outlined{flex:0 0 19px;color:var(--brand);font-size:19px}html[data-template=enterprise] .enterprise-group small{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}html[data-template=enterprise] .enterprise-group[aria-pressed=true]{background:var(--enterprise-selected);color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand) 25%,white);font-weight:700}html[data-template=enterprise] .child-group{margin-inline-start:12px;width:calc(100% - 12px);border-inline-start-color:var(--line);border-start-start-radius:0;border-end-start-radius:0}html[data-template=enterprise] .enterprise-directory-empty{padding:14px 8px;font-size:12px;color:var(--muted)}html[data-template=enterprise] .enterprise-register{padding:0 20px;min-width:0;display:flex;flex-direction:column}html[data-template=enterprise] .enterprise-register-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;min-height:94px;padding-block:18px}html[data-template=enterprise] .enterprise-register-heading h2{font-size:19px;margin-top:3px}html[data-template=enterprise] .enterprise-eyebrow{font-size:11px;color:var(--muted)}html[data-template=enterprise] .enterprise-result-count{color:#08735e;font-size:12px;font-weight:700;border-inline-start:3px solid var(--accent);padding-inline-start:10px}html[data-template=enterprise] .enterprise-toolbar{display:flex;align-items:center;gap:8px;padding-block:0 18px;border-bottom:1px solid var(--line)}html[data-template=enterprise] .enterprise-toolbar>.enterprise-search{flex:1}html[data-template=enterprise] .enterprise-toolbar select{width:145px}html[data-template=enterprise] .enterprise-filters{display:flex;align-items:flex-end;gap:12px;background:#f5f8fa;padding:14px;border-bottom:1px solid var(--line)}html[data-template=enterprise] .enterprise-filters label{display:grid;width:180px}html[data-template=enterprise] .enterprise-register app-product-collection{flex:1;padding-block:14px}html[data-template=enterprise] .product-collection{grid-template-columns:minmax(0,1fr);gap:18px}html[data-template=enterprise] .product-collection:has(.product-inspector){grid-template-columns:minmax(0,1fr) 220px}html[data-template=enterprise] .product-inspector{padding-inline-start:18px;top:92px}html[data-template=enterprise] .product-inspector h2{font-size:18px}html[data-template=enterprise] .product-inspector .inspector-photo{max-width:190px;margin-inline:auto}html[data-template=enterprise] .ledger-products table{min-width:0}html[data-template=enterprise] .enterprise-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}html[data-template=enterprise] .enterprise-pagination>div{display:flex;align-items:center;gap:10px}html[data-template=enterprise] .enterprise-editor-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line);background:#e3eaf0;margin-block:0 0;padding:0 8px}html[data-template=enterprise] .enterprise-editor-tabs button{min-height:48px;padding:12px 18px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:700;cursor:pointer}html[data-template=enterprise] .enterprise-editor-tabs button[aria-selected=true]{color:var(--brand-ink);background:#fff;border-bottom-color:var(--brand)}html[data-template=enterprise] .enterprise-panel-hidden{display:none!important}html[data-template=enterprise] app-product-editor-page .workflow-guide{display:none}html[data-template=enterprise] app-product-editor-page .compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}html[data-template=enterprise] app-product-editor-page .panel+.panel{margin-top:0}html[data-template=enterprise] app-product-editor-page .product-photo-editor{float:left;margin-inline-start:24px;margin-bottom:18px;max-width:210px}html[data-template=enterprise] app-product-editor-page .product-panel{display:flow-root}html[data-template=enterprise] app-product-editor-page .product-panel:has(.product-photo-editor) .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=enterprise] .overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-block:1px solid var(--line);margin-bottom:24px}html[data-template=enterprise] .overview-metrics>div{padding:20px;border-inline-end:1px solid var(--line)}html[data-template=enterprise] .overview-metrics small{display:block;color:var(--muted);font-size:12px}html[data-template=enterprise] .overview-metrics strong{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}html[data-template=enterprise] .overview-metrics>div:nth-child(2) strong{color:var(--brand)}html[data-template=enterprise] .overview-metrics>div:nth-child(3) strong{color:#9b6300}html[data-template=enterprise] .overview-metrics>div:nth-child(4) strong{color:#08735e}html[data-template=enterprise] .overview-orders{background:#fff;padding:20px;border-block:1px solid var(--line)}html[data-template=enterprise] .overview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}html[data-template=enterprise] .login-panel{border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:6px;box-shadow:none}html[data-template=enterprise] .login-brand span{font-size:28px}html[data-template=enterprise] .enterprise-mobile-nav,html[data-template=enterprise] .topbar .menu-toggle{display:none}html[data-template=enterprise] .quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:24px;background:var(--line);border-block:1px solid var(--line)}html[data-template=enterprise] .quick-actions a{min-height:92px;display:grid;align-content:center;gap:4px;padding:16px 18px;background:#fff;color:var(--text);text-decoration:none;border-radius:0}html[data-template=enterprise] .quick-actions a:hover{background:#f8fbfd;color:var(--brand-ink)}html[data-template=enterprise] .quick-actions strong{font-size:15px;font-weight:800}html[data-template=enterprise] .quick-actions span{color:var(--muted);font-size:12px}html[data-template=enterprise] .metrics,html[data-template=enterprise] .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:24px;background:var(--line);border-block:1px solid var(--line)}html[data-template=enterprise] .metrics article,html[data-template=enterprise] .summary-grid article,html[data-template=enterprise] .summary-grid>div,html[data-template=enterprise] .stat-card{min-width:0;min-height:94px;display:grid;align-content:center;gap:4px;padding:18px 20px;background:#fff;border:0;border-radius:0;box-shadow:none}html[data-template=enterprise] .metrics span,html[data-template=enterprise] .summary-grid span,html[data-template=enterprise] .summary-grid small,html[data-template=enterprise] .stat-card span{color:var(--muted);font-size:12px;font-weight:700}html[data-template=enterprise] .metrics strong,html[data-template=enterprise] .summary-grid strong,html[data-template=enterprise] .stat-card strong{color:var(--text);font-size:25px;line-height:1.25;font-weight:800;font-variant-numeric:tabular-nums}html[data-template=enterprise] .metrics article:nth-child(2) strong,html[data-template=enterprise] .summary-grid article:nth-child(2) strong,html[data-template=enterprise] .summary-grid>div:nth-child(2) strong{color:var(--brand)}html[data-template=enterprise] .metrics article:nth-child(3) strong,html[data-template=enterprise] .summary-grid article:nth-child(3) strong,html[data-template=enterprise] .summary-grid>div:nth-child(3) strong{color:#0b7f74}html[data-template=enterprise] .metrics article:nth-child(4) strong,html[data-template=enterprise] .summary-grid article:nth-child(4) strong,html[data-template=enterprise] .summary-grid>div:nth-child(4) strong{color:#9b6300}html[data-template=enterprise] .panel{background:#fff;border:0;border-block:1px solid var(--line);border-radius:0;box-shadow:none;padding:22px;margin-bottom:24px}html[data-template=enterprise] .form-panel{background:#f8fafc}html[data-template=enterprise] .panel-header,html[data-template=enterprise] .detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}html[data-template=enterprise] .tabs,html[data-template=enterprise] .view-switch{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;padding:3px;margin-bottom:20px;background:#e4ebf1;border:1px solid var(--line);border-radius:6px}html[data-template=enterprise] .tabs.wrap{display:flex}html[data-template=enterprise] .tabs button,html[data-template=enterprise] .view-switch button{min-height:36px;border:0;border-radius:4px;padding:8px 14px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}html[data-template=enterprise] .tabs button.active,html[data-template=enterprise] .view-switch button.active{background:#fff;color:var(--brand-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}html[data-template=enterprise] .inline-form,html[data-template=enterprise] .form-grid,html[data-template=enterprise] .detail-grid,html[data-template=enterprise] .list-toolbar,html[data-template=enterprise] .lookup-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px}html[data-template=enterprise] .inline-form label,html[data-template=enterprise] .form-grid label,html[data-template=enterprise] .detail-grid label{display:grid}html[data-template=enterprise] .inline-form .full,html[data-template=enterprise] .form-grid .full,html[data-template=enterprise] .detail-grid .full{grid-column:1 / -1}html[data-template=enterprise] .list-toolbar,html[data-template=enterprise] .lookup-toolbar,html[data-template=enterprise] .purchase-search{padding:14px;margin-bottom:18px;background:#f3f7fa;border:1px solid var(--line)}html[data-template=enterprise] .list-toolbar .search-input,html[data-template=enterprise] .lookup-toolbar .search-input,html[data-template=enterprise] .purchase-search input{grid-column:span 2}html[data-template=enterprise] .table-wrap{border:1px solid var(--line);background:#fff;overflow-x:auto}html[data-template=enterprise] table{width:100%;border-collapse:collapse}html[data-template=enterprise] :is(th,td){border-bottom:1px solid var(--line);vertical-align:middle}html[data-template=enterprise] tbody tr:last-child td{border-bottom:0}html[data-template=enterprise] .actions,html[data-template=enterprise] .panel-actions,html[data-template=enterprise] .modal-actions,html[data-template=enterprise] .detail-actions,html[data-template=enterprise] .checkout-actions,html[data-template=enterprise] .purchase-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}html[data-template=enterprise] .badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;background:#e8eef4;color:#425466;white-space:nowrap}html[data-template=enterprise] .badge.success{background:#d9f7e8;color:#09613f}html[data-template=enterprise] .badge.warning{background:#fff0c7;color:#845100}html[data-template=enterprise] .badge.danger,html[data-template=enterprise] .badge.error{background:#ffe0e0;color:#a22222}html[data-template=enterprise] .badge.muted{background:#edf1f5;color:#566575}html[data-template=enterprise] .alert{border-radius:6px;border:1px solid var(--line);padding:12px 14px;margin-bottom:18px;background:#fff;color:var(--text)}html[data-template=enterprise] .alert.error,html[data-template=enterprise] .alert.danger{border-color:#f1b7b7;background:#fff7f7;color:#9f1f1f}html[data-template=enterprise] .alert.warning{border-color:#f4d48b;background:#fff9e8;color:#744900}html[data-template=enterprise] .empty,html[data-template=enterprise] .loading,html[data-template=enterprise] .empty-state{padding:24px;color:var(--muted);text-align:center}html[data-template=enterprise] .empty-state.compact{padding:18px}html[data-template=enterprise] .modal-backdrop{background:#0d1f307a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-template=enterprise] .modal{border:1px solid var(--line);border-radius:6px;box-shadow:0 22px 60px #18263538}html[data-template=enterprise] code{border-radius:4px;padding:2px 6px;background:#eef4f8;color:var(--brand-ink);font-family:Consolas,Courier New,monospace}html[data-template=enterprise] .color-swatch,html[data-template=enterprise] .color-dot{display:inline-block;width:14px;height:14px;border-radius:999px;border:1px solid #fff;box-shadow:0 0 0 1px var(--line);vertical-align:middle}html[data-template=enterprise] .capacity-bar{height:7px;overflow:hidden;margin:14px 0 6px;border-radius:999px;background:#dce5ed}html[data-template=enterprise] .capacity-bar .fill{height:100%;border-radius:inherit;background:var(--accent)}html[data-template=enterprise] app-new-sale-page .sale-page,html[data-template=enterprise] app-new-purchase-page .purchase-editor,html[data-template=enterprise] app-pos-page .panel,html[data-template=enterprise] app-settings-page .panel,html[data-template=enterprise] app-reports-hub-page .panel,html[data-template=enterprise] app-inventory-page .panel,html[data-template=enterprise] app-locations-page .panel{border-inline-start:4px solid color-mix(in srgb,var(--brand) 55%,#fff)}html[data-template=enterprise] app-new-sale-page .sale-card,html[data-template=enterprise] app-new-sale-page .sale-cart-card,html[data-template=enterprise] app-new-purchase-page .purchase-editor{background:#fff}html[data-template=enterprise] app-new-sale-page .sale-setup-grid,html[data-template=enterprise] app-new-sale-page .sale-line-grid,html[data-template=enterprise] app-new-sale-page .payment-grid,html[data-template=enterprise] app-new-purchase-page .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-template=enterprise] app-new-sale-page .sale-add-button,html[data-template=enterprise] app-new-purchase-page .purchase-footer .large{min-height:46px}html[data-template=enterprise] app-pos-page .shift-report{width:min(980px,calc(100vw - 32px))}html[data-template=enterprise] app-reports-hub-page .tabs{width:100%}html[data-template=enterprise] app-reports-hub-page .tabs button{flex:1 1 120px}html[data-template=enterprise] app-settings-page .checkbox-list{display:grid;gap:10px}html[data-template=enterprise] app-settings-page .checkbox-label{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:5px}@media(max-width:1200px){html[data-template=enterprise] .enterprise-catalog{grid-template-columns:190px minmax(0,1fr)}html[data-template=enterprise] .product-collection:has(.product-inspector){grid-template-columns:minmax(0,1fr)}html[data-template=enterprise] .product-inspector{position:static;border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:18px}html[data-template=enterprise] .quick-actions,html[data-template=enterprise] .metrics,html[data-template=enterprise] .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=enterprise] .inline-form,html[data-template=enterprise] .form-grid,html[data-template=enterprise] .detail-grid,html[data-template=enterprise] .list-toolbar,html[data-template=enterprise] .lookup-toolbar,html[data-template=enterprise] app-new-sale-page .sale-setup-grid,html[data-template=enterprise] app-new-sale-page .sale-line-grid,html[data-template=enterprise] app-new-sale-page .payment-grid,html[data-template=enterprise] app-new-purchase-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){html[data-template=enterprise] .app-shell{grid-template-columns:minmax(0,1fr);padding-bottom:80px}html[data-template=enterprise] .sidebar{width:min(280px,85vw)}html[data-template=enterprise] .sidebar:not(.open){visibility:hidden;box-shadow:none}html[data-template=enterprise] .topbar{flex-direction:row;min-height:66px;padding:10px 14px}html[data-template=enterprise] .topbar .menu-toggle{display:inline-grid}html[data-template=enterprise] .content{padding:20px 14px}html[data-template=enterprise] .page-title h1{font-size:23px}html[data-template=enterprise] .enterprise-mobile-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:15;background:#fff;border-top:1px solid var(--line);padding:8px 12px max(8px,env(safe-area-inset-bottom));justify-content:space-around}html[data-template=enterprise] .enterprise-mobile-nav :is(a,button){display:grid;justify-items:center;min-height:44px;gap:3px;font-size:10px;border:0;border-radius:0;background:none;color:var(--muted);padding:4px 10px;text-decoration:none}html[data-template=enterprise] .enterprise-mobile-nav .active{color:var(--brand)}html[data-template=enterprise] .preview-control-bar{gap:8px}html[data-template=enterprise] .preview-options{flex-wrap:wrap}html[data-template=enterprise] .preview-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}html[data-template=enterprise] .panel,html[data-template=enterprise] :is(section.panel,form.purchase-editor){padding:18px 14px}html[data-template=enterprise] .page-title .panel-actions,html[data-template=enterprise] .page-title .actions{justify-content:flex-start;width:100%}}@media(max-width:620px){html[data-template=enterprise] .page-title{flex-direction:row;align-items:center;justify-content:space-between;text-align:start;gap:10px}html[data-template=enterprise] .page-title>div:first-child{min-width:0}html[data-template=enterprise] .quick-actions,html[data-template=enterprise] .metrics,html[data-template=enterprise] .summary-grid,html[data-template=enterprise] .inline-form,html[data-template=enterprise] .form-grid,html[data-template=enterprise] .detail-grid,html[data-template=enterprise] .list-toolbar,html[data-template=enterprise] .lookup-toolbar,html[data-template=enterprise] app-new-sale-page .sale-setup-grid,html[data-template=enterprise] app-new-sale-page .sale-line-grid,html[data-template=enterprise] app-new-sale-page .payment-grid,html[data-template=enterprise] app-new-purchase-page .form-grid{grid-template-columns:minmax(0,1fr)}html[data-template=enterprise] .quick-actions a,html[data-template=enterprise] .metrics article,html[data-template=enterprise] .summary-grid article,html[data-template=enterprise] .summary-grid>div,html[data-template=enterprise] .stat-card{min-height:76px;padding:14px}html[data-template=enterprise] .list-toolbar .search-input,html[data-template=enterprise] .lookup-toolbar .search-input,html[data-template=enterprise] .purchase-search input{grid-column:auto}html[data-template=enterprise] .tabs,html[data-template=enterprise] .view-switch{width:100%}html[data-template=enterprise] .tabs button,html[data-template=enterprise] .view-switch button{flex:1 1 110px;padding-inline:10px}html[data-template=enterprise] .actions,html[data-template=enterprise] .panel-actions,html[data-template=enterprise] .modal-actions,html[data-template=enterprise] .detail-actions,html[data-template=enterprise] .checkout-actions,html[data-template=enterprise] .purchase-footer{justify-content:stretch}html[data-template=enterprise] .actions>*,html[data-template=enterprise] .panel-actions>*,html[data-template=enterprise] .modal-actions>*,html[data-template=enterprise] .detail-actions>*,html[data-template=enterprise] .checkout-actions>*,html[data-template=enterprise] .purchase-footer>*{flex:1 1 auto}html[data-template=enterprise] .enterprise-catalog{grid-template-columns:minmax(0,1fr);min-height:0}html[data-template=enterprise] .enterprise-directory{border-inline-end:0;border-bottom:1px solid var(--line)}html[data-template=enterprise] .enterprise-directory-heading{min-height:56px;padding:10px 12px}html[data-template=enterprise] .enterprise-directory-toggle{display:inline-grid;margin-inline-start:auto}html[data-template=enterprise] .enterprise-directory-body:not(.expanded){display:none}html[data-template=enterprise] .enterprise-group-list{max-height:270px;overflow-y:auto}html[data-template=enterprise] .enterprise-register{padding-inline:12px}html[data-template=enterprise] .enterprise-register-heading{min-height:82px}html[data-template=enterprise] .enterprise-toolbar{flex-wrap:wrap}html[data-template=enterprise] .enterprise-toolbar>.enterprise-search{flex:1 0 100%}html[data-template=enterprise] .enterprise-toolbar select{flex:1;width:auto}html[data-template=enterprise] .enterprise-filters{padding-inline:0}html[data-template=enterprise] .enterprise-register .ledger-products td{padding:15px 5px;font-size:12px}html[data-template=enterprise] .enterprise-register .ledger-products .product-row{gap:8px;font-weight:700}html[data-template=enterprise] .enterprise-register .product-row .thumb{width:34px!important;height:34px!important;flex-basis:34px}html[data-template=enterprise] .enterprise-register .product-row small{display:block;font-size:10px;font-weight:500}html[data-template=enterprise] .enterprise-register .product-status{font-size:10px;white-space:normal}html[data-template=enterprise] .enterprise-register .ledger-products :is(table,tbody){display:block;width:100%}html[data-template=enterprise] .enterprise-register .ledger-products tr{display:grid;grid-template-columns:minmax(0,1fr) 65px;grid-template-rows:auto auto;align-items:center;gap:3px 10px;padding:14px 5px;border-bottom:1px solid var(--line)}html[data-template=enterprise] .enterprise-register .ledger-products td{display:block;border:0;padding:0;min-width:0}html[data-template=enterprise] .enterprise-register .ledger-products td:first-child{grid-column:1;grid-row:1 / 3}html[data-template=enterprise] .enterprise-register .ledger-products td:nth-child(2){display:none}html[data-template=enterprise] .enterprise-register .ledger-products td:nth-child(3){grid-column:2;grid-row:1;text-align:end}html[data-template=enterprise] .enterprise-register .ledger-products td:nth-child(4){grid-column:2;grid-row:2;text-align:end}html[data-template=enterprise] .enterprise-register .product-status{white-space:nowrap}html[data-template=enterprise] .enterprise-pagination{font-size:11px}html[data-template=enterprise] .enterprise-pagination .icon-button{width:36px;flex-basis:36px}html[data-template=enterprise] .enterprise-editor-tabs button{padding:10px 12px;font-size:12px;flex:1}html[data-template=enterprise] :is(section.panel,form.purchase-editor){padding:18px 14px}html[data-template=enterprise] app-product-editor-page .compact-grid,html[data-template=enterprise] app-product-editor-page .product-panel:has(.product-photo-editor) .compact-grid{grid-template-columns:minmax(0,1fr);gap:18px}html[data-template=enterprise] app-product-editor-page .product-photo-editor{float:none;max-width:100%;margin:0 0 20px}html[data-template=enterprise] .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=enterprise] .overview-metrics>div{padding:16px;border-bottom:1px solid var(--line)}html[data-template=enterprise] .overview-metrics strong{font-size:24px}html[data-template=enterprise] .overview-orders{padding:16px 12px}html[data-template=enterprise] .login-panel{padding:26px;width:min(420px,calc(100vw - 28px))}}html:is([data-template=mintflow],[data-template=colorflow]){--bg: #f4f5f5;--surface: #fff;--surface-soft: #f7f8f8;--line: #e1e7e6;--text: #273734;--muted: #657873}html:is([data-template=mintflow],[data-template=colorflow]) body{font-size:13px;line-height:1.65}html:is([data-template=mintflow],[data-template=colorflow]) .app-shell{grid-template-columns:208px minmax(0,1fr)}html:is([data-template=mintflow],[data-template=colorflow]) .main{min-width:0}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar{display:flex;flex-direction:column;border-inline-end:1px solid var(--line)}html:is([data-template=mintflow],[data-template=colorflow]) .brand{padding:20px 12px;min-height:78px;border-bottom:1px solid var(--line)}html:is([data-template=mintflow],[data-template=colorflow]) .brand strong{font-size:18px;overflow-wrap:anywhere}html:is([data-template=mintflow],[data-template=colorflow]) .brand-mark{width:34px;height:34px;flex:0 0 34px;font-size:14px}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar nav{padding:8px;gap:8px}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar .nav-group h2{font-size:11px;padding:10px 6px;margin:0}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar .nav-items{gap:4px}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar nav a{padding:8px;min-height:36px;gap:8px;border-radius:5px;box-shadow:none}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar .nav-label{font-size:12px}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar .nav-icon{font-size:18px;width:20px;height:20px;color:inherit}html:is([data-template=mintflow],[data-template=colorflow]) .user-chip{order:3;margin:auto 12px 14px;padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}html:is([data-template=mintflow],[data-template=colorflow]) .topbar{min-height:58px;padding:10px 22px;background:#fff}html:is([data-template=mintflow],[data-template=colorflow]) .topbar strong{font-size:14px}html:is([data-template=mintflow],[data-template=colorflow]) .topbar span{font-size:11px}html:is([data-template=mintflow],[data-template=colorflow]) .content{padding:22px;max-width:none}html:is([data-template=mintflow],[data-template=colorflow]) .page-title{gap:12px;margin-bottom:18px;flex-wrap:wrap}html:is([data-template=mintflow],[data-template=colorflow]) .page-title h1{font-size:22px;line-height:1.6}html:is([data-template=mintflow],[data-template=colorflow]) .page-title p{font-size:12px}html:is([data-template=mintflow],[data-template=colorflow]) :is(.btn,.btn-sm){font-size:12px;padding:7px 12px;min-height:34px;border-radius:5px}html:is([data-template=mintflow],[data-template=colorflow]) :is(input,select,textarea){font-size:13px;min-width:0;max-width:100%;min-height:36px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:7px 10px}html:is([data-template=mintflow],[data-template=colorflow]) :is(input[type=checkbox],input[type=radio]){min-height:16px;width:16px;padding:0}html:is([data-template=mintflow],[data-template=colorflow]) label{font-size:12px;gap:6px;min-width:0}html:is([data-template=mintflow],[data-template=colorflow]) :is(.panel,.form-panel){box-shadow:none;border:1px solid var(--line);padding:18px;border-radius:7px}html:is([data-template=mintflow],[data-template=colorflow]) .section-heading{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;flex-wrap:wrap;gap:8px}html:is([data-template=mintflow],[data-template=colorflow]) :is(h2,h3){font-size:16px}html:is([data-template=mintflow],[data-template=colorflow]) .table-wrap{min-width:0}html:is([data-template=mintflow],[data-template=colorflow]) th{padding:10px;background:#f0f3f2;color:#465a54;font-size:11px}html:is([data-template=mintflow],[data-template=colorflow]) td{padding:11px 10px;font-size:12px;font-variant-numeric:tabular-nums}html:is([data-template=mintflow],[data-template=colorflow]) tbody tr:nth-child(2n){background:#fafbfb}html:is([data-template=mintflow],[data-template=colorflow]) tbody tr:hover{background:#edf6f2}html:is([data-template=mintflow],[data-template=colorflow]) :focus-visible{outline:2px solid var(--brand);outline-offset:3px}html:is([data-template=mintflow],[data-template=colorflow]) :disabled{opacity:.55}html:is([data-template=mintflow],[data-template=colorflow]) .product-collection{grid-template-columns:minmax(0,1fr)}html:is([data-template=mintflow],[data-template=colorflow]) .product-collection:has(.product-inspector){grid-template-columns:minmax(0,1fr) 240px}html:is([data-template=mintflow],[data-template=colorflow]) .ledger-products{background:#fff}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics{gap:16px;border:0;margin-bottom:24px}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics>div{position:relative;border:1px solid var(--line);background:#fff;border-radius:7px;padding:16px;padding-inline-end:60px;gap:5px;min-height:96px;align-content:center}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics strong{font-size:23px;color:var(--text)}html:is([data-template=mintflow],[data-template=colorflow]) .metric-icon{position:absolute;left:16px;top:30px;width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#e5f6ea;color:#15803d;font-size:21px}html:is([data-template=mintflow],[data-template=colorflow]) .overview-metrics>div:nth-child(2) .metric-icon{background:#e0f2f1;color:#0f7479}html:is([data-template=mintflow],[data-template=colorflow]) .overview-metrics>div:nth-child(3) .metric-icon{background:#f0e7ff;color:#7024b7}html:is([data-template=mintflow],[data-template=colorflow]) .overview-metrics>div:nth-child(4) .metric-icon{background:#eae7ff;color:#5140ba}html:is([data-template=mintflow],[data-template=colorflow]) .reference-shortcuts{margin-bottom:24px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-shortcuts .overview-heading{padding:0 0 12px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-shortcuts small{color:var(--muted)}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid a{background:#159447;color:#fff;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;min-width:0;box-shadow:0 3px 6px #243b3110}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid a:nth-child(2){background:#137d8d}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid a:nth-child(3){background:#7422cf}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid a:nth-child(4){background:#5144d6}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid a>.material-symbols-outlined{padding:8px;border-radius:7px;background:#ffffff24;align-self:flex-start;margin-bottom:10px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid strong{font-size:16px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid small{font-size:11px;color:#fff}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-arrow{align-self:flex-end}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px;margin-bottom:24px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart-row{display:grid;grid-template-columns:110px minmax(0,1fr) 30px;align-items:center;gap:12px;margin-block:12px;font-size:12px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart-track{background:#f0f4f3;border-radius:4px;overflow:hidden}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart-track>div{height:18px;background:var(--brand);border-radius:4px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart-row:nth-child(odd) .reference-chart-track>div{background:#788ac2}html:is([data-template=mintflow],[data-template=colorflow]) .overview-orders{background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px}html[data-template=mintflow] .sidebar{background:#d9ecea;color:#2e5652}html[data-template=mintflow] :is(.brand span,.user-chip small,.sidebar .nav-group h2){color:#456965}html[data-template=mintflow] .sidebar nav a{color:#36514e}html[data-template=mintflow] .sidebar nav a:hover{background:#c3dfdb}html[data-template=mintflow] .sidebar nav a.active{background:#3c7772;color:#fff}html[data-template=mintflow] .nav-group.open h2{color:#24554d}html[data-template=mintflow] app-dashboard-page>.page-title{justify-content:center;text-align:center;padding-block:18px}html[data-template=mintflow] app-dashboard-page>.page-title h1{color:#356e63;font-size:27px}html[data-template=mintflow] app-dashboard-page>.page-title>a{margin-inline-start:auto}html[data-template=colorflow]{--bg: #edf1f3;--text: #243342;--line: #d8e1e6;--muted: #627381}html[data-template=colorflow] .sidebar{background:#f1f5f7;color:#263950}html[data-template=colorflow] .brand{background:var(--brand);color:var(--brand-on);min-height:60px;padding:12px}html[data-template=colorflow] .brand span{color:var(--brand-on)}html[data-template=colorflow] .user-chip small{color:var(--muted)}html[data-template=colorflow] .sidebar .nav-group h2{color:#29446e;padding-block:8px}html[data-template=colorflow] .sidebar nav a{background:#1c4fd7;color:#fff;border:1px solid #ffffff65;font-weight:700}html[data-template=colorflow] .sidebar nav a:nth-child(3n+2){background:#5635d3}html[data-template=colorflow] .sidebar nav a:nth-child(3n){background:#008a7e}html[data-template=colorflow] .sidebar nav a[data-nav-path="/products"]{background:#cf5300}html[data-template=colorflow] .sidebar nav a[data-nav-path="/suppliers"]{background:#8c16cb}html[data-template=colorflow] .sidebar nav a[data-nav-path="/returns"]{background:#007d67}html[data-template=colorflow] .sidebar nav a[data-nav-path="/new-sale"]{background:#ffdc76;color:#513600}html[data-template=colorflow] .sidebar nav a.active{outline:2px solid #8196cc;outline-offset:1px;box-shadow:inset 4px 0 #fff}html[data-template=colorflow] .sidebar nav a:hover{filter:brightness(.92)}html[data-template=colorflow] .topbar{background:var(--brand);color:var(--brand-on);min-height:40px;padding:5px 14px}html[data-template=colorflow] .topbar span{color:var(--brand-on)}html[data-template=colorflow] .topbar .btn{background:#fff;color:#ad2433;min-height:28px;padding:3px 10px}html[data-template=colorflow] .reference-module-bar{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px;background:#e4e9ed;border-bottom:1px solid #cbd5dd}html[data-template=colorflow] .reference-module-bar a{display:inline-flex;gap:5px;align-items:center;background:#fff;color:#34465c;padding:5px 9px;border:1px solid #d0d9e0;border-radius:3px;text-decoration:none;font-size:11px}html[data-template=colorflow] .reference-module-bar .material-symbols-outlined{font-size:16px}html[data-template=colorflow] .content{padding:12px}html[data-template=colorflow] .page-title{padding:12px;background:#fff;border:1px solid var(--line);border-radius:5px;margin-bottom:12px}html[data-template=colorflow] .page-title h1{font-size:19px}html[data-template=colorflow] :is(.panel,.form-panel){padding:12px;border-radius:4px}html[data-template=colorflow] th{background:#203246;color:#fff;padding:8px}html[data-template=colorflow] td{padding:8px;font-size:12px}html[data-template=colorflow] app-overview .overview .overview-metrics{gap:10px;margin-bottom:14px}html[data-template=colorflow] app-overview .overview .overview-metrics>div{min-height:76px;padding:12px;padding-inline-end:52px}html[data-template=colorflow] .metric-icon{top:20px}html[data-template=colorflow] .reference-action-grid a{min-height:90px;padding:12px;gap:5px}html[data-template=colorflow] .reference-action-grid a>.material-symbols-outlined{margin-bottom:0;font-size:18px;padding:4px}html[data-template=colorflow] .reference-action-grid strong{font-size:13px}html[data-template=colorflow] .reference-pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px;max-height:540px;overflow-y:auto;padding:3px}html[data-template=colorflow] .reference-pos-products button{display:flex;flex-direction:column;align-items:stretch;gap:5px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--text);padding:8px;cursor:pointer;text-align:start;min-width:0}html[data-template=colorflow] .reference-pos-products button[aria-pressed=true]{outline:2px solid var(--brand);background:#f0f5ff}html[data-template=colorflow] .reference-pos-products .product-thumb.lg{width:100%;height:110px;border:0;border-radius:0}html[data-template=colorflow] .reference-pos-products strong{font-size:12px;overflow-wrap:anywhere}html[data-template=colorflow] .reference-pos-products small{color:var(--muted);font-size:10px}@media(min-width:1200px){html[data-template=colorflow] .sale-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:12px;align-items:start}html[data-template=colorflow] .sale-page>*{grid-column:1 / -1;min-width:0}html[data-template=colorflow] .sale-page>.sale-products-card{grid-column:1;grid-row:span 2}html[data-template=colorflow] .sale-page>.sale-cart-card{grid-column:2}html[data-template=colorflow] .sale-page .sale-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=colorflow] .sale-page .sale-add-button{grid-column:1 / -1}html[data-template=colorflow] .sale-cart-card .payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=colorflow] .sale-cart-card .sale-lines-table{display:block;min-width:0;width:100%}html[data-template=colorflow] .sale-lines-table thead{display:none}html[data-template=colorflow] .sale-lines-table tbody{display:grid;gap:10px}html[data-template=colorflow] .sale-lines-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;padding:8px}html[data-template=colorflow] .sale-lines-table td{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;border:0;white-space:normal;padding:6px}html[data-template=colorflow] .sale-lines-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:400}html[data-template=colorflow] .sale-lines-table td:first-child{display:none}html[data-template=colorflow] .sale-lines-table td:nth-child(2),html[data-template=colorflow] .sale-lines-table td[colspan]{grid-column:1 / -1;display:block}html[data-template=colorflow] .sale-lines-table td:nth-child(2):before{display:none}html[data-template=colorflow] .sale-lines-table .table-input{width:100%;min-width:0}}@media(max-width:1100px){html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){html:is([data-template=mintflow],[data-template=colorflow]) .app-shell{grid-template-columns:minmax(0,1fr)}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar{width:min(86vw,280px)}html:is([data-template=mintflow],[data-template=colorflow]) .sidebar nav a{min-height:44px}html:is([data-template=mintflow],[data-template=colorflow]) .content{padding:14px}html:is([data-template=mintflow],[data-template=colorflow]) .product-collection:has(.product-inspector){grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){html:is([data-template=mintflow],[data-template=colorflow]) .sale-page .sale-lines-table{min-width:0;width:100%}html:is([data-template=mintflow],[data-template=colorflow]) .sale-lines-table td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;flex:0 0 75px;text-align:start}html:is([data-template=mintflow],[data-template=colorflow]) .sale-lines-table td[data-label]{align-items:center}html:is([data-template=mintflow],[data-template=colorflow]) .sale-lines-table td>:is(input,select){width:min(150px,60%)}html:is([data-template=mintflow],[data-template=colorflow]) .topbar{flex-direction:row;align-items:center;padding:8px 12px}html:is([data-template=mintflow],[data-template=colorflow]) .topbar>div{min-width:0}html:is([data-template=mintflow],[data-template=colorflow]) .page-title{flex-direction:column;align-items:stretch}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics{gap:8px}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics>div{padding:42px 12px 12px;min-height:100px}html:is([data-template=mintflow],[data-template=colorflow]) app-overview .overview .overview-metrics strong{font-size:20px}html:is([data-template=mintflow],[data-template=colorflow]) .metric-icon{top:10px;left:12px;height:27px;width:27px;font-size:18px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid{gap:8px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid a{padding:12px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-action-grid strong{font-size:13px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart-row{grid-template-columns:80px minmax(0,1fr) 22px;gap:6px}html:is([data-template=mintflow],[data-template=colorflow]) .overview-orders{padding:8px}html:is([data-template=mintflow],[data-template=colorflow]) .reference-chart .overview-heading{flex-wrap:wrap;gap:6px}html[data-template=colorflow] .reference-module-bar{gap:4px;padding:6px}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(/fonts/material-symbols-outlined.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f9fafb;--surface-muted: #f1f5f9;--surface-raised: #ffffff;--text: #17202a;--text-strong: #101828;--muted: #697586;--line: #dbe2ea;--line-strong: #c5ced8;--field-bg: #ffffff;--field-border: #aeb9c6;--brand: #166b5d;--brand-dark: #0d4239;--brand-ink: #07352f;--accent: #b7791f;--danger: #b42318;--success: #067647;--info: #175cd3;--focus-ring: rgba(23, 92, 211, .24);--control-height: 44px;--content-max: 1480px;--motion-fast: .16s;--motion-normal: .22s;--radius: 8px;--shadow-card: 0 10px 24px rgba(16, 24, 40, .04);--density-gap: 16px;--app-font-family: "Cairo", Tahoma, Arial, sans-serif}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);direction:rtl;font-family:var(--app-font-family);font-size:15px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb,var(--brand) 22%,white);color:var(--text-strong)}.skip-link{background:var(--text-strong);border-radius:0 0 var(--radius) var(--radius);color:#fff;inset-inline-start:18px;padding:10px 16px;position:fixed;top:0;transform:translateY(-120%);transition:transform var(--motion-fast) ease-out;z-index:100}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--brand-ink),var(--brand-dark));color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.14)}.brand-mark{align-items:center;background:#fff;border-radius:var(--radius);color:var(--brand-dark);display:flex;font-weight:900;height:42px;justify-content:center;letter-spacing:0;width:42px}.brand-logo{height:42px;max-width:64px;object-fit:contain;border-radius:var(--radius);background:#fff;padding:2px}.brand strong{display:block;font-size:18px;line-height:1.2}.brand span{color:#ffffffad;font-size:13px}.user-chip{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);display:flex;gap:8px;margin:10px 10px 4px;padding:7px 10px}.user-chip>span{background:#12b76a;border:3px solid rgba(255,255,255,.2);border-radius:999px;height:13px;width:13px}.user-chip div{display:grid;gap:2px}.user-chip strong{font-size:13px}.user-chip small{color:#ffffff94;font-size:11px}nav{display:grid;gap:10px;padding:10px 8px 14px}.nav-group{display:grid;gap:4px}.nav-group h2{color:#ffffff75;font-size:13px;font-weight:700;padding:6px 8px;text-transform:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:6px;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}.nav-group h2:hover{background-color:#ffffff0d;color:#fff}.nav-group h2 .expand-icon{font-size:18px}.nav-items{display:grid;gap:4px;padding-right:12px}.nav-items.hidden{display:none}nav a{display:flex;align-items:center;gap:10px;min-height:var(--control-height);padding:0 9px;border-radius:var(--radius);color:#ffffffc2;text-decoration:none;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}nav a.active,nav a:hover{background:#ffffff1c;color:#fff}nav a.active{box-shadow:inset -3px 0 #9ce2d2}nav a .nav-label{font-size:14px;font-weight:700}.nav-icon{font-size:19px;line-height:1;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffffad;transition:color .16s ease}nav a.active .nav-icon,nav a:hover .nav-icon{color:#9ce2d2}.main{min-width:0}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px clamp(14px,2vw,24px);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar div{display:grid;gap:2px}.topbar span{color:var(--muted);font-size:13px}.content{padding:clamp(14px,2vw,28px);max-width:var(--content-max);margin-inline:auto;width:100%}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.page-title>div:first-child{display:grid;gap:5px}.page-title p{color:var(--muted);font-size:13px;line-height:1.6}.page-title>.panel-actions{border:0;padding:0}h1,h2,p{margin:0}h1{color:var(--text-strong);font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.25}h2{font-size:16px;line-height:1.35}.panel,.product-card,.queue-card,.report-card,.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.panel{isolation:isolate}.panel-header{padding:10px 14px;border-bottom:1px solid var(--line)}.panel+.panel{margin-top:12px}.panel>h3{padding:10px 14px 0}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.section-heading{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:10px 14px 8px}.section-heading p{color:var(--muted);font-size:13px;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--density-gap);margin-bottom:12px}.metrics article{display:grid;gap:6px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);border-inline-start:4px solid color-mix(in srgb,var(--brand) 72%,white)}.metrics span{color:var(--muted);font-size:13px}.metrics strong{font-size:28px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 14px}.summary-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.summary-grid article{display:grid;gap:7px;min-height:82px;padding:14px 16px;background:var(--surface-raised);border:1px solid var(--line);border-inline-start:4px solid rgba(22,107,93,.72);border-radius:var(--radius);box-shadow:var(--shadow-card)}.summary-grid span{color:var(--muted);font-size:12px;line-height:1.5}.summary-grid strong{color:var(--text);font-size:22px;line-height:1.25;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;vertical-align:middle}th{background:var(--surface-muted);color:#475467;font-weight:700;font-size:13px;position:sticky;top:0;z-index:1}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.table-wrap tbody tr:nth-child(2n)>td{background:color-mix(in srgb,var(--brand) 2.5%,var(--surface))}.table-wrap tbody tr:focus-within>td{background:color-mix(in srgb,var(--brand) 7%,var(--surface));box-shadow:inset 0 1px color-mix(in srgb,var(--brand) 18%,var(--line)),inset 0 -1px color-mix(in srgb,var(--brand) 18%,var(--line))}td,.summary-grid strong,.metrics strong{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#eef2f6;color:var(--muted);font-size:12px;font-weight:700}.badge.success,.success{background:#dcfae6;color:var(--success)}.badge.warning,.warning{background:#fef0c7;color:var(--accent)}.badge.danger,.danger{background:#fee4e2;color:var(--danger)}.badge.info,.info{background:#dbeafe;color:var(--info)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);min-height:var(--control-height);padding:0 14px;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:hover:not(:disabled){border-color:#166b5d73;box-shadow:0 8px 18px #10182812}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand);text-decoration:none}.btn-primary,.btn-secondary{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);padding:0 14px;text-decoration:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-secondary{background:var(--surface);color:var(--text)}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){box-shadow:0 8px 18px #10182812}.btn.success{background:var(--success);color:#fff;border-color:var(--success)}.btn.danger{background:#fff;color:var(--danger);border-color:#fecdca}.btn.full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.48}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed}.btn:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(1px)}.empty{padding:18px;color:var(--muted);text-align:center}.empty-state{display:grid;justify-items:center;gap:8px;padding:20px 16px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:17px}.empty-state p{max-width:520px;line-height:1.7}.empty-state.compact{padding:14px 10px}.product-grid,.queue-grid,.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.panel-grid{padding:10px 14px}.product-card,.queue-card,.report-card{padding:12px;display:grid;gap:10px}.product-card p,.report-card p{color:var(--muted);font-size:13px}dl,.queue-lines{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:0;font-size:14px}dt,.queue-lines span{color:var(--muted)}dd{margin:0}.queue-card header{display:flex;justify-content:space-between;gap:12px}.queue-grid.has-expanded{grid-template-columns:1fr}select,textarea,input:not([type=checkbox]):not([type=radio]){width:100%;min-height:var(--control-height);border:1px solid var(--field-border);border-radius:var(--radius);padding:0 12px;background:var(--field-bg);color:var(--text);overflow:hidden;text-align:right;text-overflow:ellipsis;unicode-bidi:plaintext}input[type=color]{background:linear-gradient(45deg,#e4e7ec 25%,transparent 25%),linear-gradient(-45deg,#e4e7ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e7ec 75%),linear-gradient(-45deg,transparent 75%,#e4e7ec 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid var(--field-border);cursor:pointer;min-width:64px;padding:4px;width:64px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid var(--surface);border-radius:calc(var(--radius) - 2px);box-shadow:0 0 0 1px var(--line-strong)}input[type=color]::-moz-color-swatch{border:2px solid var(--surface);border-radius:calc(var(--radius) - 2px);box-shadow:0 0 0 1px var(--line-strong)}html[data-template] input[type=color]{min-height:44px;min-width:58px;padding:4px;width:58px}textarea{min-height:112px;padding-block:10px;resize:vertical}input::placeholder,textarea::placeholder{color:#98a2b3;opacity:1}input[readonly],textarea[readonly]{background:var(--surface-muted);border-style:dashed;color:#475467}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-height:24px;margin:0;accent-color:#175cd3;cursor:pointer;flex-shrink:0}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}html[data-template] .table-wrap td :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){background:var(--field-bg);border:1px solid var(--field-border);box-shadow:0 1px 2px #10182814;min-height:40px;min-width:76px}html[data-template] .table-wrap td :is(input,select,textarea):hover:not(:disabled){border-color:var(--brand)}html[data-template] .table-wrap td :is(input,select,textarea):focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}html[data-template] .table-wrap td :is(input,select,textarea):disabled{background:var(--surface-muted);border-color:var(--line);opacity:.68}.table-wrap :is(.color-dot,.color-swatch,.table-color-swatch){border:2px solid var(--surface)!important;border-radius:50%;box-shadow:0 0 0 1px var(--line-strong),0 1px 3px #10182833;display:inline-block;height:18px!important;margin-inline-end:7px;vertical-align:-4px;width:18px!important}.tabs{display:flex;gap:6px;margin-bottom:10px;border-bottom:1px solid var(--line);overflow-x:auto;padding-bottom:1px}.panel-tabs{margin-bottom:0;padding:0 14px}.tabs button{min-height:var(--control-height);border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;padding:0 10px}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.form-panel{margin-bottom:12px;padding:10px}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:end}.panel>.inline-form{padding:10px 14px}.panel>.table-wrap+.inline-form,.panel>.inline-form+.table-wrap,.panel>.section-heading+.inline-form{padding-top:10px}.sale-page{direction:rtl;display:grid;gap:16px}.sale-page .sale-title{align-items:flex-end;margin-bottom:0}.sale-page .sale-title p,.sale-page .section-heading p{color:var(--muted);font-size:13px;line-height:1.6}.sale-page .sale-title-actions,.sale-page .checkout-actions{border:0;padding:0}.sale-page .sale-title-actions{justify-content:flex-start}.sale-page .sale-card,.sale-page .sale-cart-card{box-shadow:var(--shadow-card)}.sale-page .form-panel{padding:16px}.sale-page .section-heading{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;margin:-2px 0 16px;padding-bottom:12px}.sale-page .section-heading h2{font-size:18px;line-height:1.3}.sale-page label{color:#475467;font-size:13px;font-weight:700}.sale-page input,.sale-page select{min-height:44px;overflow:hidden;text-align:right;text-overflow:ellipsis;unicode-bidi:plaintext}.sale-page .sale-setup-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.sale-page .sale-setup-grid label:nth-child(n+4){grid-column:span 1}.sale-page .sale-line-grid{grid-template-columns:minmax(280px,2fr) minmax(280px,2fr) minmax(120px,.8fr) minmax(180px,1fr)}.sale-page .sale-add-button{box-shadow:0 10px 18px #06764724;font-weight:800;min-height:44px}.sale-page .empty-state.compact{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:var(--radius);margin-top:14px}.sale-page .sale-cart-card{overflow:hidden}.sale-page .sale-cart-card>.section-heading,.sale-page .sale-cart-card>.table-wrap,.sale-page .sale-cart-card>form,.sale-page .sale-cart-card>.payment-schedule-table,.sale-page .sale-cart-card>.checkout-actions{margin-inline:16px}.sale-page .sale-cart-card>.section-heading:first-child{margin-top:16px}.sale-page .sale-cart-card>.section-heading:not(:first-child){margin-top:18px}.sale-page .sale-cart-card table{min-width:860px}.sale-page .table-input{max-width:110px;min-height:36px}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid var(--line);margin-inline-end:6px;vertical-align:middle}.sale-page .payment-grid{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(160px,1fr));margin-bottom:14px}.sale-page .payment-schedule-table{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.sale-page .payment-schedule-table table{min-width:520px}.sale-page .checkout-actions{background:#fbfdff;border-top:1px solid var(--line);justify-content:flex-start;margin-top:16px;padding:14px 16px}.sale-page .checkout-actions .btn.primary{min-width:180px}.quick-actions{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:18px}.quick-actions a{align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);display:grid;gap:5px;min-height:92px;padding:16px;text-decoration:none}.quick-actions a:hover{border-color:#166b5d73;box-shadow:0 10px 24px #10182814}.quick-actions strong{color:var(--brand)}.quick-actions span{color:var(--muted);font-size:13px;line-height:1.6}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:none;place-items:center;cursor:pointer}.icon-button span{width:18px;height:2px;background:var(--text);display:block;margin:2px 0}.sidebar-scrim{display:none}.btn-sm{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;margin-inline-start:4px}.total-row{background:var(--brand-dark);color:#fff;font-weight:700}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);display:grid;gap:16px;padding:26px;box-shadow:0 18px 48px #10182824}.login-brand{display:grid;gap:4px;text-align:center}.login-brand span{color:var(--brand);font-weight:800;font-size:24px}.login-brand strong{font-size:18px}label{display:grid;gap:8px;color:var(--muted);font-size:14px}.alert{padding:12px;border-radius:var(--radius);border-inline-start:4px solid currentColor;line-height:1.7}.alert.error{background:#fee4e2;color:var(--danger)}.alert.warning{background:#fef0c7;color:var(--accent)}.alert.success{background:#d1fadf;color:#067647}.alert.info{background:#d1e9ff;color:var(--info)}.wa-qr-wrap{display:grid;justify-items:center;gap:8px;padding:16px}.wa-qr-image{width:220px;height:220px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:8px}.wa-line-row{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.wa-line-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wa-line-info .badge{background:var(--surface-soft);color:var(--muted)}.wa-line-info .badge.active{background:#d1fadf;color:#067647}.wa-line-actions{display:flex;gap:8px}.field-error{color:var(--danger);font-size:13px;line-height:1.7;margin-top:10px}.mobile-download{display:grid;gap:18px;padding:20px}.mobile-download p,.note{color:var(--muted);line-height:1.8}.download-card{display:grid;gap:6px;width:min(100%,460px);padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.download-card span{color:var(--muted);font-size:13px}.download-card strong{font-size:18px}.download-actions{display:flex;flex-wrap:wrap;gap:10px}.success-alert{background:#dcfae6;color:var(--success)}.catalog-summary{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.catalog-summary article{display:grid;gap:5px;padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.catalog-summary span{color:var(--brand);font-size:22px;font-weight:800}.catalog-summary small{color:var(--muted)}.role-selector .role-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:16px 18px}.role-pill{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);cursor:pointer;display:grid;gap:4px;min-height:70px;padding:12px;text-align:right}.role-pill.active{background:#e6f4f1;border-color:#166b5d73;box-shadow:inset -3px 0 0 var(--brand)}.role-pill span{color:var(--muted);direction:ltr;font-size:12px;text-align:right}.permission-tools,.permission-group{margin-top:16px}.permission-matrix{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:16px 18px}.permission-screen{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;padding:14px}.permission-screen header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.permission-screen header div:first-child{display:grid;gap:4px}.permission-screen header span,.permission-check small{color:var(--muted);direction:ltr;font-size:12px;text-align:right}.screen-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.permission-list{display:grid;gap:8px}.permission-check{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:grid;gap:10px;grid-template-columns:22px 1fr;padding:10px}.permission-check input{height:18px;margin-top:2px;min-height:18px;width:18px}.permission-check span{display:grid;gap:4px}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{bottom:0;box-shadow:-18px 0 36px #10182833;height:100dvh;min-height:100dvh;position:fixed;right:0;top:0;transform:translate(105%);transition:transform .18s ease;width:min(86vw,320px);z-index:40}.sidebar.open{transform:translate(0)}.sidebar-scrim{background:#0f172a6b;border:0;display:block;inset:0;position:fixed;z-index:30}nav{grid-auto-flow:row;overflow-x:visible}nav a{min-width:0}.menu-toggle{display:grid}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-summary{grid-template-columns:1fr}.content{padding:18px}.sale-page .sale-setup-grid,.sale-page .sale-line-grid,.sale-page .payment-grid{grid-template-columns:1fr 1fr}.sale-page .sale-add-button{grid-column:1 / -1}}@media(max-width:560px){.topbar,.page-title{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:1fr}.panel-actions{width:100%}.panel-actions .btn{flex:1}.sale-page .sale-title{align-items:stretch}.sale-page .section-heading{display:grid}.sale-page .sale-setup-grid,.sale-page .sale-line-grid,.sale-page .payment-grid{grid-template-columns:1fr}.sale-page .sale-cart-card>.section-heading,.sale-page .sale-cart-card>.table-wrap,.sale-page .sale-cart-card>form,.sale-page .sale-cart-card>.payment-schedule-table,.sale-page .sale-cart-card>.checkout-actions{margin-inline:12px}.table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}.table-wrap table{display:table;min-width:680px}.table-wrap thead{display:table-header-group}.table-wrap tbody{display:table-row-group}.table-wrap tr{display:table-row}.table-wrap th,.table-wrap td{display:table-cell;width:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-shell=topnav] .app-shell{display:block;min-height:100vh}[data-shell=topnav] .sidebar{position:sticky;top:0;z-index:20;min-height:0;height:auto;overflow:visible;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:0 14px}[data-shell=topnav] .brand{border-bottom:0;padding:10px 14px 10px 0}[data-shell=topnav] .user-chip{margin-inline-start:auto}[data-shell=topnav] nav{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:0}[data-shell=topnav] .nav-group{position:relative;gap:0}[data-shell=topnav] .nav-group h2{color:#ffffffc2;border-radius:var(--radius)}[data-shell=topnav] .nav-items{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:220px;background:var(--brand-ink);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow-card);z-index:30}[data-shell=topnav] .sidebar-scrim{display:none}@media(max-width:860px){[data-shell=topnav] .sidebar{position:static}[data-shell=topnav] nav{display:none}}.dashboard-hero{display:grid;gap:var(--density-gap);grid-template-columns:2fr 1fr 1fr;margin-bottom:12px}.dashboard-hero-main{grid-row:span 2;display:grid;align-content:center;gap:6px;padding:24px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-card)}.dashboard-hero-main span{color:#ffffffc7;font-size:14px}.dashboard-hero-main strong{font-size:42px;line-height:1.1}.dashboard-hero article{display:grid;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.dashboard-hero article span{color:var(--muted);font-size:12px}.dashboard-hero article strong{font-size:20px}@media(max-width:860px){.dashboard-hero{grid-template-columns:1fr 1fr}.dashboard-hero-main{grid-column:1 / -1;grid-row:auto}}select:not([multiple]):not([data-native-select]){cursor:pointer}select:not([multiple]):not([data-native-select]):disabled{cursor:not-allowed}:root{--ui-canvas: #f3f6f9;--ui-surface: #ffffff;--ui-surface-subtle: #f8fafc;--ui-text: #17212b;--ui-text-soft: #52606d;--ui-border: #d6dee7;--ui-border-strong: #aebbc8;--ui-success: #087a4b;--ui-success-bg: #e7f7ef;--ui-warning: #9a5b00;--ui-warning-bg: #fff5d8;--ui-danger: #b42318;--ui-danger-bg: #fff0ee;--ui-info: #175cd3;--ui-info-bg: #edf4ff;--ui-focus: #175cd3;--ui-page-gap: clamp(16px, 2vw, 28px);--ui-card-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);--ui-modal-shadow: 0 24px 72px rgba(15, 23, 42, .24)}html[data-template]{--bg: var(--ui-canvas);--surface: var(--ui-surface);--surface-soft: var(--ui-surface-subtle);--surface-muted: #eef2f6;--surface-raised: var(--ui-surface);--text: var(--ui-text);--text-strong: #101828;--muted: var(--ui-text-soft);--line: var(--ui-border);--line-strong: var(--ui-border-strong);--field-bg: #ffffff;--field-border: #9eacba;--table-grid: color-mix(in srgb, var(--line-strong) 72%, var(--surface));--danger: var(--ui-danger);--success: var(--ui-success);--info: var(--ui-info);--focus-ring: color-mix(in srgb, var(--ui-focus) 28%, transparent);--control-height: 46px}body{min-height:100dvh;background:var(--bg);color:var(--text)}.main{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 2.2%,var(--bg)) 0,var(--bg) 180px)}.content{padding:var(--ui-page-gap)}.page-title{align-items:center;border-bottom:1px solid var(--line);margin-bottom:18px;padding:2px 14px 16px 0;position:relative}.page-title:before{background:var(--brand);border-radius:999px;content:"";height:42px;inset-block-start:1px;inset-inline-start:0;position:absolute;width:4px}.page-title h1{letter-spacing:-.015em}.page-title p{color:var(--muted);font-size:14px;max-width:72ch}.topbar{box-shadow:0 1px #10182805}.topbar strong{color:var(--text-strong);font-size:15px}.panel,.product-card,.queue-card,.report-card,.login-panel{border-color:var(--line);box-shadow:var(--ui-card-shadow)}.panel{margin-bottom:16px}.panel+.panel{margin-top:16px}.panel-header,.section-heading{min-height:54px;padding:13px 16px}.panel-header,.section-heading,.panel-actions{background:color-mix(in srgb,var(--brand) 1.8%,var(--surface))}.section-heading h2,.panel-header h2,.panel>h3{color:var(--text-strong);font-weight:800}.panel>h3{padding:16px 16px 4px}.panel-actions{align-items:center;min-height:58px;padding:10px 16px}.form-panel,.panel-grid,.panel>.inline-form{padding:16px}.summary-grid,.metrics{gap:14px;margin-bottom:16px}.summary-grid article,.metrics article{border-color:var(--line);border-inline-start-color:var(--brand);min-height:98px;padding:16px;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.summary-grid article:hover,.metrics article:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 10px 26px #10182812}.summary-grid span,.metrics span{color:var(--muted);font-size:13px;font-weight:600}.summary-grid strong,.metrics strong,td[dir=ltr],.badge[dir=ltr]{font-variant-numeric:tabular-nums}label{color:#344054;font-size:13px;font-weight:700;line-height:1.45}select,textarea,input:not([type=checkbox]):not([type=radio]){background:var(--field-bg);border-color:var(--field-border);box-shadow:0 1px 2px #1018280a;color:var(--text-strong);font-weight:500;min-height:var(--control-height);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}select:hover:not(:disabled),textarea:hover:not(:disabled),input:not([type=checkbox]):not([type=radio]):hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 58%,var(--field-border))}input::placeholder,textarea::placeholder{color:#667587}input[readonly],textarea[readonly]{background:var(--surface-muted);border-color:var(--line-strong);color:#475467}select:disabled,textarea:disabled,input:disabled{background:var(--surface-muted);color:#667085;opacity:.72}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.btn,.btn-primary,.btn-secondary,.btn-sm,.icon-button{font-weight:750;touch-action:manipulation}.btn,.btn-primary,.btn-secondary{min-height:44px;padding-inline:16px}.btn.primary,.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-on, #fff)}.btn.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 88%,#000);border-color:color-mix(in srgb,var(--brand) 88%,#000)}.btn-secondary,.btn:not(.primary):not(.success):not(.danger){background:var(--surface);border-color:var(--line-strong)}.btn.danger,.danger.btn{background:var(--ui-danger-bg);border-color:#f3aaa4;color:var(--ui-danger)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;opacity:.5}.icon-button{align-items:center;background:var(--surface);border-color:var(--line-strong);color:var(--text);justify-content:center;min-height:44px;min-width:44px}.icon-button .material-symbols-outlined{background:none;color:currentColor;display:inline-block;font-size:21px;height:auto;margin:0;width:auto}.table-wrap{border:1px solid var(--line-strong);box-shadow:inset 0 1px #fff9;scrollbar-color:var(--line-strong) var(--surface-muted)}.table-wrap::-webkit-scrollbar{height:11px;width:11px}.table-wrap::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--surface-muted);border-radius:999px}.table-wrap::-webkit-scrollbar-track{background:var(--surface-muted)}table{background:var(--surface);border:1px solid var(--line-strong)}.table-wrap table{border:0}th,td{border-bottom-color:var(--table-grid);border-inline-end:1px solid var(--table-grid);min-height:48px;padding:12px 14px}table tr>:is(th,td):last-child{border-inline-end:0}th{background:color-mix(in srgb,var(--brand) 5%,var(--surface-muted));border-bottom-color:var(--line-strong);color:#344054;font-size:13px;font-weight:800;letter-spacing:.005em}td{color:var(--text);font-size:14px}.table-wrap tbody tr:nth-child(2n)>td{background:color-mix(in srgb,var(--brand) 2.2%,var(--surface))}.table-wrap tbody tr:hover>td{background:color-mix(in srgb,var(--brand) 6%,var(--surface))}.table-wrap tbody tr:focus-within>td{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.table-wrap :is(td,th):first-child{box-shadow:-1px 0 0 var(--line);inset-inline-start:0;position:sticky;z-index:2}.table-wrap th:first-child{z-index:3}.table-wrap td :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){background:var(--field-bg);border-color:var(--field-border);min-height:42px}.table-wrap td .btn,.table-wrap td .btn-sm,.table-wrap td button{min-height:38px}.badge{border:1px solid #d5dde6;font-weight:800;min-height:28px}.badge.success,.success.badge{background:var(--ui-success-bg);border-color:#9fd7bb;color:var(--ui-success)}.badge.warning,.warning.badge{background:var(--ui-warning-bg);border-color:#e6c57a;color:var(--ui-warning)}.badge.danger,.danger.badge{background:var(--ui-danger-bg);border-color:#f3aaa4;color:var(--ui-danger)}.badge.info,.info.badge{background:var(--ui-info-bg);border-color:#b2ccff;color:var(--ui-info)}.alert{border:1px solid currentColor;border-inline-start-width:5px;font-weight:600;margin-block:10px;padding:13px 15px}.alert.error{background:var(--ui-danger-bg);color:var(--ui-danger)}.alert.warning{background:var(--ui-warning-bg);color:var(--ui-warning)}.alert.success,.success-alert{background:var(--ui-success-bg);color:var(--ui-success)}.alert.info{background:var(--ui-info-bg);color:var(--ui-info)}.empty,.empty-state{background:color-mix(in srgb,var(--brand) 1.5%,var(--surface-soft));border:1px dashed var(--line-strong);border-radius:var(--radius);display:grid;margin:12px;min-height:96px;place-content:center}.login-page{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--bg)),var(--bg) 58%),var(--bg)}.login-panel{border-block-start:4px solid var(--brand);gap:18px;padding:clamp(26px,4vw,38px);width:min(460px,100%)}.login-brand{border-bottom:1px solid var(--line);gap:6px;padding-bottom:18px}.login-brand img{max-height:78px;max-width:120px}.login-brand span{color:var(--brand-dark);font-size:27px;letter-spacing:-.02em}.login-brand strong{color:var(--text-strong);font-size:17px}.login-panel .checkbox-label{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);min-height:46px;padding:9px 12px}.tabs{gap:4px;scrollbar-width:thin}.tabs button{border-radius:var(--radius) var(--radius) 0 0;font-weight:750;min-height:46px;white-space:nowrap}.tabs button:hover{background:color-mix(in srgb,var(--brand) 5%,transparent);color:var(--text)}.tabs button.active{background:color-mix(in srgb,var(--brand) 7%,transparent);color:var(--brand-dark)}.quick-actions a{border-color:var(--line);border-inline-start:4px solid color-mix(in srgb,var(--brand) 72%,var(--line));min-height:104px;padding:16px 18px;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease}.quick-actions a:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));transform:translateY(-1px)}html[data-template] .modal-backdrop,html[data-template] .drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94}html[data-template] .modal,html[data-template] .drawer{background:var(--surface);border:1px solid var(--line);box-shadow:var(--ui-modal-shadow);color:var(--text)}html[data-template] .modal{border-radius:max(12px,var(--radius));max-height:min(88dvh,920px);overflow-y:auto}html[data-template] :is(.modal-actions,.drawer-actions){background:var(--surface-soft);border-top:1px solid var(--line);bottom:0;gap:8px;padding:14px 16px;position:sticky}html[data-template=ledger]{--ui-canvas: #f7f8fa;--ui-card-shadow: none;--field-border: #9ba8b6}html[data-template=ledger] .page-title:before{border-radius:0;height:2px;inset-block-start:auto;inset-block-end:-1px;width:92px}html[data-template=ledger] :is(.panel,.summary-grid article,.metrics article){border-radius:3px}html[data-template=showcase]{--ui-canvas: #f7f8f7;--ui-card-shadow: 0 12px 32px rgba(7, 84, 67, .07)}html[data-template=showcase] .page-title:before{background:var(--accent);height:52px}html[data-template=showcase] .section-heading{background:transparent}html[data-template=operations]{color-scheme:dark;--ui-canvas: #11171b;--ui-surface: #1b2329;--ui-surface-subtle: #202a31;--ui-text: #f1f5f7;--ui-text-soft: #b8c4cc;--ui-border: #3b4852;--ui-border-strong: #586875;--ui-success: #71d9a6;--ui-success-bg: #173c2e;--ui-warning: #ffd48a;--ui-warning-bg: #49371d;--ui-danger: #ff9699;--ui-danger-bg: #4d2428;--ui-info: #9dc4ff;--ui-info-bg: #203753;--field-bg: #252f36;--field-border: #647683;--text-strong: #ffffff;--surface-muted: #2b363e;--ui-card-shadow: none}html[data-template=operations] .main{background:var(--bg)}html[data-template=operations] :is(label,th){color:#dce5ea}html[data-template=operations] input::placeholder,html[data-template=operations] textarea::placeholder{color:#a9b8c2}html[data-template=operations] .page-title:before{box-shadow:0 0 18px color-mix(in srgb,var(--brand) 35%,transparent)}html[data-template=enterprise]{--ui-canvas: #edf2f6;--ui-surface-subtle: #f4f7fa;--ui-border: #ced9e3;--ui-border-strong: #aab9c6;--ui-card-shadow: 0 1px 3px rgba(32, 43, 54, .05)}html[data-template=enterprise] .page-title:before{border-radius:1px}html[data-template=colorflow]{--ui-canvas: #edf1f5;--ui-card-shadow: none}html[data-template=colorflow] .page-title:before,html[data-template=colorflow] .summary-grid article,html[data-template=colorflow] .metrics article{border-radius:0}html[data-template=colorflow] .page-title:before{background:var(--accent)}html[data-template=mintflow]{--ui-canvas: #f1f5f4;--ui-surface-subtle: #f3f8f7;--ui-border: #d3dfdd;--ui-border-strong: #aabfbb;--ui-card-shadow: 0 8px 24px rgba(46, 86, 82, .07)}html[data-template=mintflow] .page-title:before{background:var(--accent)}@media(max-width:860px){.content{padding:16px}.page-title{align-items:flex-start;padding-inline-start:12px}.page-title:before{height:38px}.panel-header,.section-heading,.panel-actions,.form-panel,.panel-grid,.panel>.inline-form{padding-inline:14px}.inline-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.table-wrap :is(td,th):first-child{box-shadow:-2px 0 4px #10182814}}@media(max-width:560px){html[data-template]{--control-height: 48px}.content{padding:12px}.page-title{gap:12px;margin-bottom:14px;padding-bottom:14px}.page-title h1{font-size:23px}.page-title>.panel-actions{background:transparent;min-height:0;padding:0}.panel,.panel+.panel{margin-bottom:12px;margin-top:12px}.panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-actions>:only-child,.panel-actions>.full{grid-column:1 / -1}.panel-actions .btn,.panel-actions .btn-primary,.panel-actions .btn-secondary{min-width:0;width:100%}.summary-grid,.metrics{grid-template-columns:1fr;gap:10px}.summary-grid article,.metrics article{min-height:86px}.quick-actions{grid-template-columns:1fr}.quick-actions a{min-height:88px}html[data-template] .modal{border-radius:14px 14px 0 0;bottom:0;margin:auto 0 0;max-height:92dvh;width:100%}}@media(prefers-contrast:more){html[data-template]{--line: #8996a5;--line-strong: #667587;--field-border: #667587}.badge,.alert,.panel,.table-wrap{border-width:2px}}@media(prefers-reduced-motion:reduce){.quick-actions a:hover{transform:none}}