.sheet-label-10x5 .barcode-label{margin:8px;padding:3px}.label-10x5-table{width:9cm;height:5cm;border-collapse:separate;background:#fff;border:1px solid #222}.label-10x5-isolated-name-cell{font-family:roboto-condensed;font-size:100px;font-weight:700;text-align:center;vertical-align:middle;color:#222;padding:0;margin:0;font-stretch:condensed}.label-10x5-isolated-size-cell{font-size:60px;font-weight:700;text-align:center;vertical-align:middle;color:#222;padding:0;margin:0;line-height:1;letter-spacing:.05em}.label-10x5-isolated-model-cell{font-size:20px;font-weight:60;text-align:left;color:#333;padding-left:48px}.label-10x5-isolated-qr-cell{text-align:center;vertical-align:middle;padding:0}.label-10x5-isolated-side-cell{font-size:24px;text-align:left;color:#555;padding-left:48px}.label-10x5-isolated-brand-cell{font-size:20px;font-weight:500;color:#444;text-align:left;padding-left:48px}.label-10x5-isolated-barcode-cell{text-align:right;vertical-align:middle;padding-right:8px}@font-face{font-family:BarcodeDigits;src:url(/assets/ShareTechMono-Regular-BC4QgGwP.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BarcodeDigits;src:url(/assets/ShareTechMono-Regular-BC4QgGwP.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.label-10x5-table{position:relative}.label-10x5-table:before{content:"";position:absolute;left:50%;top:0;height:100%;width:0;border-left:1px solid #111;z-index:2;pointer-events:none}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:small;color:#102035;background:linear-gradient(140deg,#f6fbff,#f1f4fb)}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding-top:30px}.global-orchestra-banner{position:fixed;top:0;left:0;right:0;z-index:9999;height:30px;background:linear-gradient(90deg,#0a1e3d,#102f5e 60%,#0d274f);display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:.14em;color:#a8c6f8;text-transform:lowercase;-webkit-user-select:none;user-select:none;border-bottom:1px solid #1a3d70}.global-orchestra-dot{font-size:9px;color:#4d9fff;line-height:1}#root{min-height:100vh}.page{max-width:1080px;margin:0 auto;padding:24px}.admin-shell{min-height:100vh}.admin-main{padding:20px;margin-left:260px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.topbar-shell{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:7px 10px;background:#fff;border:1px solid #dce6f6;border-radius:10px;box-shadow:0 4px 12px #0c26460d}.topbar-group{display:flex;align-items:center;gap:8px;min-width:0}.topbar-app-name{font-size:12px;font-weight:700;color:#103f8a;white-space:nowrap}.topbar-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#e9f2ff;color:#0f4da0;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.topbar-user-line{margin:0;font-size:12px;color:#203a59;white-space:nowrap}.topbar-user-line strong{color:#102035}.topbar-meta{display:flex;align-items:center;gap:8px;min-width:0}.topbar-datetime-line{margin:0;font-size:11px;color:#3f5878;font-variant-numeric:tabular-nums;white-space:nowrap}.topbar-logout{padding:5px 9px;font-size:10px;line-height:1;border-radius:6px;white-space:nowrap}.sidebar{background:#0f2f57;color:#d8e7ff;padding:20px;border-right:1px solid #1d467a;position:fixed;top:30px;left:0;width:260px;height:calc(100vh - 30px);overflow-y:auto;z-index:100}.sidebar-brand h2{margin:0;color:#fff}.sidebar-brand-logo{display:block;max-width:150px;max-height:44px;object-fit:contain;margin-bottom:8px}.sidebar-brand p{margin:6px 0 16px;font-size:13px;color:#b6d0fa}.sidebar-nav{display:grid;gap:4px}.sidebar-section{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#99bbea;font-weight:700}.sidebar-section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:2px;padding:2px 0;border:0;background:transparent;cursor:pointer}.sidebar-section-toggle:hover .sidebar-section,.sidebar-section-toggle:focus-visible .sidebar-section{color:#c1d8fb}.sidebar-section-indicator{color:#99bbea;font-size:14px;line-height:1;font-weight:700}.sidebar-subnav{display:grid;gap:4px}.sidebar-link{text-decoration:none;color:#d8e7ff;border:1px solid transparent;padding:7px 9px;border-radius:8px;font-size:13px;line-height:1.2}.sidebar-link:hover{background:#1a4478}.sidebar-link.active{background:#e8f1ff;border-color:#b8cff2;color:#0f3c80;font-weight:700}.sidebar-sublink{margin-left:8px;position:relative}.sidebar-sublink:before{content:"";position:absolute;left:-8px;top:50%;width:4px;height:1px;background:#7ea6dc}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#d8dfe8}.auth-card{display:grid;grid-template-columns:2fr 3fr;width:min(660px,100%);min-height:360px;border-radius:14px;overflow:hidden;box-shadow:0 10px 36px #0c26462e}.auth-brand-pane{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2c4f8a,#1e3a7a);padding:28px 20px}.auth-brand-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;color:#fff}.auth-brand-logo-large{display:block;width:96px;height:96px;object-fit:contain;border-radius:50%;background:#ffffff1f;padding:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.auth-brand-logo-placeholder{width:96px;height:96px}.auth-brand-logo-placeholder svg{width:100%;height:100%}.auth-brand-name{font-size:.9rem;font-weight:700;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.03em;line-height:1.4;max-width:160px}.auth-brand-company{margin:-10px 0 0;max-width:180px;font-size:.68rem;line-height:1.35;color:#d8dfe8;letter-spacing:.04em;text-transform:uppercase}.auth-brand-credit{margin:2px 0 0;max-width:190px;font-size:.62rem;line-height:1.45;font-style:italic;color:#d8dfe8}.auth-form-pane{display:flex;align-items:center;justify-content:center;padding:28px 32px;background:#fff}.auth-form-inner{width:100%}.auth-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.auth-form-title{font-size:1.35rem;font-weight:800;margin:0;color:#1a2a4a;letter-spacing:.02em;text-transform:uppercase;line-height:1.2;padding-top:4px}.auth-form-logo-badge{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.auth-form-logo-badge img{width:48px;height:48px;object-fit:contain}.auth-form-logo-badge span{font-size:.7rem;font-weight:700;color:#4a5568;letter-spacing:.05em;text-transform:uppercase}.auth-login-form{display:flex;flex-direction:column;gap:12px}.auth-input-wrap{display:flex;align-items:center;border:1.5px solid #d1d9e6;border-radius:8px;background:#fff;transition:border-color .15s;overflow:hidden}.auth-input-wrap:focus-within{border-color:#2c4f8a}.auth-input-icon{display:flex;align-items:center;padding:0 12px;color:#8a9bb5;flex-shrink:0}.auth-input-wrap input{flex:1;border:none;outline:none;padding:12px 8px;font-size:.9rem;background:transparent;color:#1a2a4a;width:100%}.auth-input-wrap input::placeholder{color:#a0aec0}.auth-eye-btn{background:none;border:none;cursor:pointer;padding:0 12px;color:#8a9bb5;display:flex;align-items:center;height:100%;flex-shrink:0}.auth-eye-btn:hover{color:#2c4f8a}.auth-submit-btn{width:100%;padding:13px;background:#2c4f8a;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:background .15s;margin-top:4px}.auth-submit-btn:hover:not(:disabled){background:#1e3a7a}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed}.auth-login-message{margin-top:10px;font-size:.85rem}.auth-form-footer{margin-top:20px;font-size:.72rem;text-align:center;line-height:1.5}@media (max-width: 640px){.auth-card{grid-template-columns:1fr;min-height:unset}.auth-brand-pane{padding:28px 24px;order:-1}.auth-brand-logo-large{width:90px;height:90px}.auth-brand-name{font-size:.95rem}.auth-form-pane{padding:28px 24px}}.auth-brand-logo{display:block;max-width:180px;max-height:64px;object-fit:contain;margin-bottom:8px}.dashboard-brand-head{display:flex;align-items:center;gap:10px}.dashboard-brand-head h1{margin:0}.dashboard-brand-head p{margin:2px 0 0}.dashboard-brand-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;border:1px solid #dce6f6;background:#fff;padding:4px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid #dce6f6;border-radius:12px;padding:14px}.metric-card h3{margin:0;font-size:13px;color:#3d5675;font-weight:600}.metric-card p{margin:8px 0 0;font-size:24px;font-weight:700}.metric-subtext{display:block;margin-top:8px;font-size:12px;color:#5a7190;line-height:1.35}.metric-card.warn{border-color:#f0cf95;background:#fff8eb}.metric-card.accent{border-color:#b8d7c1;background:#f2fbf4}.dashboard-section-head{align-items:flex-start;margin-bottom:14px}.dashboard-section-head h2{margin:0}.dashboard-section-note{margin:4px 0 0}.dashboard-finance-grid{margin-bottom:0}.dashboard-page{display:grid;gap:8px}.dashboard-page .page-head{margin-bottom:2px}.dashboard-page .dashboard-brand-head{gap:8px}.dashboard-page .dashboard-brand-head h1{font-size:19px}.dashboard-page .dashboard-brand-head p{font-size:11px}.dashboard-page .dashboard-brand-logo{width:32px;height:32px}.dashboard-card{padding:10px;margin-bottom:0}.dashboard-page .dashboard-section-head{margin-bottom:6px}.dashboard-page .dashboard-section-head h2{font-size:15px}.dashboard-page .dashboard-section-note{font-size:11px;line-height:1.25}.dashboard-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dashboard-page .metric-card{padding:8px;border-radius:9px}.dashboard-page .metric-card h3{font-size:11px;line-height:1.2}.dashboard-page .metric-card p{margin-top:4px;font-size:16px;line-height:1.15}.dashboard-page .metric-subtext{margin-top:4px;font-size:10px;line-height:1.2}.dashboard-sales-split{display:grid;grid-template-columns:minmax(320px,1fr) minmax(480px,1.35fr);gap:10px;align-items:stretch}.dashboard-sales-split>.dashboard-card{height:100%}.dashboard-sales-split>.dashboard-card:first-child .metric-card h3{font-size:10px}.dashboard-sales-split>.dashboard-card:first-child .metric-card p{font-size:12px}.dashboard-sales-split>.dashboard-card:first-child .metric-subtext{font-size:9px}.dashboard-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-decision-grid,.dashboard-insight-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-stock-split{display:grid;grid-template-columns:minmax(520px,1.4fr) minmax(280px,.8fr);gap:10px;align-items:start}.dashboard-stock-table-wrap{max-height:340px;overflow:auto}.dashboard-stock-name{font-weight:600;color:#17365f}.dashboard-stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700}.dashboard-stock-badge.aman{background:#e6f6ee;color:#14643e}.dashboard-stock-badge.waspada{background:#fff4df;color:#9a6200}.dashboard-stock-badge.kritis{background:#ffe7e7;color:#b42318}.dashboard-stock-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dashboard-stock-filter-row{margin-top:10px;margin-bottom:8px;display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) minmax(140px,.8fr);gap:8px}.stock-chart-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;min-height:340px}.stock-chart-item{display:grid;gap:8px}.stock-chart-bar-area{height:260px;border:1px solid #dce6f6;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#edf4ff);display:flex;align-items:flex-end;padding:10px}.stock-chart-bar{width:100%;border-radius:8px 8px 4px 4px}.stock-chart-bar.safe{background:linear-gradient(180deg,#4db57c,#247d4f)}.stock-chart-bar.accent{background:linear-gradient(180deg,#ffbe55,#d08b12)}.stock-chart-bar.warn{background:linear-gradient(180deg,#ff7b7b,#d63d3d)}.stock-chart-meta{display:grid;gap:2px;text-align:center}.stock-chart-label{font-size:11px;font-weight:700;color:#17365f}.stock-chart-value{font-size:10px;color:#5a7190}.sales-line-chart-wrap{display:grid;gap:8px}.sales-axis-title{margin:0;font-size:11px;font-weight:600;color:#334d70}.sales-axis-x{text-align:center}.chart-range-actions{display:flex;gap:6px;align-items:center}.chart-range-actions button{min-width:72px;font-size:11px}.sales-line-canvas-layout{display:grid;grid-template-columns:50px 1fr;align-items:stretch;gap:8px}.sales-line-axis-label{position:absolute;right:0;transform:translateY(-50%);font-size:10px;color:#647b99}.sales-line-yaxis{position:relative;height:260px}.sales-line-canvas{width:100%;height:auto;border:1px solid #dce6f6;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#edf4ff)}.sales-line-xlabels{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px}.sales-line-xlabel-item,.sales-trend-meta{display:grid;gap:2px;text-align:center}.sales-trend-date{font-size:11px;font-weight:600;color:#16324f}.sales-trend-value{font-size:10px;color:var(--muted)}@media (max-width: 1100px){.dashboard-sales-split,.dashboard-stock-split,.dashboard-decision-grid,.dashboard-insight-grid,.dashboard-stock-card-grid,.dashboard-stock-filter-row{grid-template-columns:1fr}}.production-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.production-filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:.9rem}.production-filter-actions{display:flex;align-items:flex-end}.dashboard-stock-card h2{margin:0 0 6px;font-size:15px}.dashboard-page .info{margin-top:0;margin-bottom:6px;font-size:11px}.dashboard-table-wrap table th,.dashboard-table-wrap table td{padding:5px 6px;font-size:11px}.dashboard-table-wrap table th{white-space:nowrap}.dashboard-cashier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-cashier-card{border:1px solid #dce6f6;border-radius:9px;padding:8px;background:#fbfdff}.dashboard-cashier-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.dashboard-cashier-head h3{margin:0;font-size:12px;color:#17365f}.dashboard-cashier-head span{font-size:10px;color:#5a7190}.dashboard-cashier-empty{margin:0;font-size:11px;color:#5a7190}.dashboard-cashier-table-wrap{margin-top:0}.dashboard-cashier-name{font-weight:600;color:#17365f}.dashboard-cashier-meta{font-size:10px;color:#5a7190;margin-top:2px}header h1{margin:0;font-size:26px}header p{margin:6px 0 16px;color:#3d5675}.card{background:#fff;border:1px solid #dce6f6;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 8px 20px #0c264612}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.barcode-top-grid{grid-template-columns:1.1fr .9fr;align-items:start}.barcode-bottom-grid{grid-template-columns:1.35fr .65fr;align-items:start}.barcode-print-layout{grid-template-columns:1fr 1fr;align-items:start}.barcode-preview-sticky{position:sticky;top:72px;max-height:calc(100vh - 90px);overflow-y:auto}.row{display:flex;gap:10px;margin-bottom:12px}.row.wrap-row{flex-wrap:wrap}.row.compact-row{margin-bottom:0}.form{display:grid;gap:10px;max-width:360px}.purchase-form{display:grid;gap:14px}.purchase-form-split{display:grid;grid-template-columns:1fr 2fr;gap:12px}.purchase-form-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.purchase-panel{border:1px solid #dce6f6;border-radius:10px;padding:12px;background:#fbfdff}.purchase-panel-head{justify-content:space-between;align-items:center}.purchase-panel-head h3{margin:0}.po-page .page-head{margin-bottom:10px}.po-page-lead{max-width:820px;margin-bottom:14px}.po-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:center;margin-bottom:10px}.po-table{min-width:1080px}.po-progress-cell{min-width:130px}.po-progress-label{margin-bottom:6px;font-size:12px;color:#3f5d84}.po-progress-track{width:100%;height:8px;border-radius:999px;background:#e8effb;overflow:hidden}.po-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3477e3,#5a95f0)}.po-progress-fill-qc{background:linear-gradient(90deg,#1b8c54,#57b27f)}.po-toolbar-3col{grid-template-columns:2fr 1fr auto auto}.po-progress-sisa{color:#e05a2b;font-weight:600}.po-qc-pass{color:#1b8c54;font-weight:600}.po-qc-fail{color:#c0392b;font-weight:600}.badge-pending,.badge-info,.badge-active,.badge-warn,.badge-done,.badge-inactive{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;border:1px solid transparent}.badge-pending{background:#fdf3dd;color:#6c4700;border-color:#f2d18b}.badge-info,.badge-active{background:#e6f3ff;color:#0f5fa8;border-color:#9fcaef}.badge-warn{background:#fff1e7;color:#b4521a;border-color:#f0c4aa}.badge-done{background:#e9f9ef;color:#1b7d45;border-color:#9eddb8}.badge-inactive{background:#f2f3f5;color:#5c6570;border-color:#d3d9df}.status-text{font-weight:700;background:transparent;border:none;padding:0}.status-text-pending{color:#6c4700}.status-text-warn{color:#b4521a}.status-text-done{color:#1b7d45}.status-text-info,.status-text-active{color:#0f5fa8}.status-text-inactive{color:#5c6570}.status-text-danger{color:#b42318}.po-detail-meta{grid-template-columns:repeat(4,minmax(0,1fr));background:#f7fbff;border:1px solid #dce6f6;border-radius:10px;padding:10px}.po-variant-search{margin-bottom:8px}.po-page .variant-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:360px;overflow:auto;padding-right:2px}.po-page .variant-chip{width:100%;display:grid;gap:5px;text-align:left;border:1px solid #d2e0f5;border-radius:10px;background:#fff;color:#173d72;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.po-page .variant-chip:hover{border-color:#8fb0df;box-shadow:0 6px 16px #123e791f;transform:translateY(-1px)}.po-page .variant-chip-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.po-page .variant-chip-sku{font-size:12px;font-weight:700}.po-page .variant-chip-size{font-size:11px;font-weight:700;color:#1d5aab;background:#eef4ff;border:1px solid #cdddf5;border-radius:999px;padding:3px 8px;line-height:1}.po-page .variant-chip-title{font-weight:700;color:#153860;line-height:1.25}.po-page .variant-chip-meta{font-size:12px;color:#496b97;line-height:1.2}.po-variant-empty{margin:0;border:1px dashed #c6d7ef;border-radius:10px;padding:10px 12px;color:#4e6686;background:#f8fbff;font-size:13px}.po-variant-list-footer{display:flex;justify-content:center;margin-top:8px}.purchase-submit-row{justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid #e4edf9;margin-bottom:0}.input-compact{width:110px}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 12px}.filter-actions{display:flex;align-items:flex-end}.form-3{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:4px;font-size:14px}input{border:1px solid #c6d7ef;border-radius:8px;padding:10px}textarea{border:1px solid #c6d7ef;border-radius:8px;padding:10px;resize:vertical;font:inherit}select{border:1px solid #c6d7ef;border-radius:8px;padding:10px;background:#fff}button{border:none;border-radius:8px;padding:10px 14px;cursor:pointer;background:#145ec9;color:#fff;font-weight:600}button.ghost{background:#edf3ff;color:#103f8a}button:disabled{opacity:.6;cursor:not-allowed}.info{color:#2e4f76;margin-top:12px}.muted{color:#4e6686}.compact-ui{font-size:13px}.compact-ui .page-head{margin-bottom:10px}.compact-ui .page-head h1{margin:0;font-size:20px}.compact-ui .card{padding:12px;margin-bottom:12px}.compact-ui .card h2{margin-top:0;margin-bottom:8px;font-size:16px}.compact-ui .card h3{font-size:13px}.compact-ui .info,.compact-ui .muted,.compact-ui p,.compact-ui label,.compact-ui span,.compact-ui strong{font-size:12px}.compact-ui .row{gap:8px;margin-bottom:10px}.compact-ui input,.compact-ui select,.compact-ui textarea,.compact-ui button{font-size:12px}.compact-ui input,.compact-ui select,.compact-ui textarea{padding:7px 9px}.compact-ui button{padding:8px 11px}.compact-ui .table-wrap table,.compact-ui table{font-size:12px}.compact-ui th,.compact-ui td{padding:8px}.compact-ui .table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.compact-ui .table-toolbar .search-input{flex:1 1 240px;min-width:200px}.compact-ui .table-toolbar select{min-width:150px;max-width:220px}.compact-ui .table-toolbar input[type=date]{min-width:132px;max-width:150px}.compact-ui .actions,.compact-ui .form-actions{gap:8px}.compact-ui .metric-card{padding:10px 12px}.compact-ui .metric-card p{font-size:18px}.compact-ui .sidebar{padding:16px 14px}.compact-ui .sidebar-brand h2{font-size:18px;line-height:1.2}.compact-ui .sidebar-brand p{margin:6px 0 12px;font-size:12px}.compact-ui .sidebar-nav{gap:5px}.compact-ui .sidebar-section-toggle{margin-top:4px;margin-bottom:2px;padding:3px 0}.compact-ui .sidebar-section{font-size:10px;letter-spacing:.05em}.compact-ui .sidebar-section-indicator{font-size:13px}.compact-ui .sidebar-subnav{gap:5px}.compact-ui .sidebar-link{padding:7px 10px;font-size:12px;line-height:1.3}.compact-ui .sidebar p,.compact-ui .sidebar span,.compact-ui .sidebar strong{font-size:inherit}.raw-material-page{font-size:13px}.raw-material-page .page-head{margin-bottom:10px}.raw-material-page .page-head h1{margin:0;font-size:20px}.raw-material-page .card{padding:12px;margin-bottom:12px}.raw-material-page .card h2{margin-top:0;margin-bottom:8px;font-size:16px}.raw-material-page .card h3{font-size:13px}.raw-material-page .info,.raw-material-page .muted,.raw-material-page p,.raw-material-page label,.raw-material-page span,.raw-material-page strong{font-size:12px}.raw-material-page .row{gap:8px;margin-bottom:10px}.raw-material-page .table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.raw-material-page input,.raw-material-page select,.raw-material-page textarea,.raw-material-page button{font-size:12px}.raw-material-page input,.raw-material-page select,.raw-material-page textarea{padding:6px 8px}.raw-material-page button{padding:8px 11px}.raw-material-page .metric-card{padding:10px 12px;border-radius:10px}.raw-material-page .metric-card h3{font-size:12px}.raw-material-page .metric-card p{margin-top:6px;font-size:18px}.raw-material-page .purchase-panel,.raw-material-page .form,.raw-material-page .purchase-form,.raw-material-page .purchase-form-meta{gap:8px}.raw-material-page .raw-material-purchase-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:none}.raw-material-page .raw-material-purchase-form label{min-width:0}.raw-material-page .raw-material-master-actions{grid-column:1 / -1;justify-content:flex-start;align-items:center;margin-top:4px;margin-bottom:0;padding-top:10px;border-top:1px solid #e4edf9}.raw-material-page .raw-material-detail-modal{width:min(980px,100%)}.raw-material-page .raw-material-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.raw-material-page .raw-material-detail-meta p{margin:0}.raw-material-page table{font-size:12px}.raw-material-page th,.raw-material-page td{padding:8px}.raw-material-page .raw-material-location-cell{min-width:140px}.raw-material-page .raw-material-location-meta{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;font-size:11px;max-width:100%}.raw-material-page .raw-material-location-count{color:#666;white-space:nowrap}.raw-material-page .raw-material-location-low,.raw-material-page .raw-material-location-critical,.raw-material-page .raw-material-location-warning,.raw-material-page .raw-material-location-ok{display:inline;padding:0;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;background:transparent;border:none;font-weight:600}.raw-material-page .raw-material-location-critical{color:#8b0000}.raw-material-page .raw-material-location-warning,.raw-material-page .raw-material-location-low{color:#8a4a00}.raw-material-page .raw-material-location-ok{color:#0b6a3b}.raw-material-page .raw-material-status-pair{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.raw-material-page .raw-material-stock-status-text{display:inline-block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.raw-material-page .raw-material-item-active{color:#155724;font-weight:600}.raw-material-page .raw-material-item-inactive{color:#721c24;font-weight:600}.products-page .product-stock-critical,.products-page .product-stock-warning,.products-page .product-stock-ok{font-weight:600;white-space:nowrap}.products-page .product-stock-critical{color:#8b0000}.products-page .product-stock-warning{color:#8a4a00}.products-page .product-stock-ok{color:#0b6a3b}.products-page .product-status-pair{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.products-page .product-stock-text{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.products-page .product-item-active{color:#155724;font-weight:600}.products-page .product-item-inactive{color:#721c24;font-weight:600}.products-page .products-recap-group-table{border-collapse:collapse;font-size:12px}.products-page .products-recap-group-table th,.products-page .products-recap-group-table td{border:1px solid #d6deea;padding:8px}.products-page .products-recap-group-table thead tr:first-child th{background:#f7f9fc;font-weight:700;border-top:1px solid #d6deea;border-bottom:1px solid #d6deea;padding-top:3px;padding-bottom:3px}.products-page .products-recap-group-table thead tr:nth-child(2) th{background:#f7f9fc;border-bottom:1px solid #d6deea}.products-page .products-recap-group-table .group-header-products,.products-page .products-recap-group-table .group-header-stock{border-right:1px solid #d6deea}.products-page .products-recap-group-table .group-header-actions{border-left:1px solid #d6deea}.products-page .products-recap-group-table .group-divider-right{border-right:1px solid #d6deea}.products-page .products-recap-group-table td .actions{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;white-space:nowrap;margin-bottom:0}.raw-material-page .raw-material-recap-table{border-collapse:collapse;font-size:12px}.raw-material-page .raw-material-recap-table thead tr:first-child th{background:#f7f9fc;font-weight:700;border-top:1px solid #d6deea;border-bottom:1px solid #d6deea;padding-top:3px;padding-bottom:3px}.raw-material-page .raw-material-recap-table thead tr:nth-child(2) th{background:#f7f9fc;border-bottom:1px solid #d6deea}.raw-material-page .raw-material-recap-table .rm-group-header-material,.raw-material-page .raw-material-recap-table .rm-group-header-stok{border-right:1px solid #d6deea}.raw-material-page .raw-material-recap-table .rm-group-header-aksi{border-left:1px solid #d6deea}.raw-material-page .raw-material-recap-table .rm-group-divider-right{border-right:1px solid #d6deea}.raw-material-page .actions{gap:6px}.raw-material-page .form-actions{gap:8px}.raw-material-page .table-toolbar .search-input{flex:1 1 240px;min-width:200px}.raw-material-page .table-toolbar select{min-width:150px;max-width:220px}.raw-material-page .table-toolbar input[type=date]{min-width:132px;max-width:150px}.raw-material-page .table-toolbar button{padding:6px 10px}.actions{display:flex;gap:8px;align-items:center;white-space:nowrap;margin-bottom:0}.table-wrap td>.actions{margin-bottom:0}.table-wrap td:not(.actions)>button+button{margin-left:8px}.users-page .page-head{margin-bottom:16px}.users-filter-toolbar{margin-bottom:12px;display:flex;gap:12px;flex-wrap:wrap}.users-filter-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.users-filter-toolbar select{width:auto;min-width:180px}.users-modal-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:#1020358c;display:grid;place-items:center}.users-modal-dialog::backdrop{background:#1020358c}.users-modal-dialog .modal-box{box-shadow:none}.producer-portal-page{padding:20px}.producer-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.producer-tab{border:1px solid #d7e3f7;background:#f8fbff;color:#2a4e7a;border-radius:999px;padding:8px 12px;cursor:pointer}.producer-tab.active{background:#e7f1ff;border-color:#9ebce8;color:#1f4f85;font-weight:700}.producer-tab:disabled{opacity:.4;cursor:not-allowed}.producer-portal-card{padding:16px}.producer-summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.producer-summary-item{border:1px solid #e2ecfa;border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,#f8fbff,#eef5ff)}.producer-summary-item span{display:block;font-size:12px;color:#587198;margin-bottom:6px}.producer-summary-item strong{display:block;color:#17365d;font-size:16px}.producer-detail-card{margin-top:12px}.producer-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.producer-detail-grid span{display:block;font-size:12px;color:#587198;margin-bottom:4px}.producer-actions{border-top:1px solid #e2ecfa;padding-top:12px}.producer-modal-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:#102035b8;display:grid;place-items:center}.producer-modal-dialog::backdrop{background:#102035b8}.producer-modal-dialog .modal-box{box-shadow:none;padding:22px}.producer-table-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.producer-filter-controls{display:flex;align-items:center;gap:8px;flex:1}.producer-search-input{flex:1;max-width:520px}.producer-status-filter{min-width:150px}.producer-status-text{font-weight:600}.producer-status-text.active{color:#1f8f43}.producer-status-text.inactive{color:#c62828}.producer-table-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.producer-pagination{display:flex;align-items:center;gap:10px}.users-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:8px}.users-card{margin-bottom:0}.users-form-head,.supplier-page .page-head{margin-bottom:10px}.supplier-table-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.supplier-filter-controls{display:flex;align-items:center;gap:8px;flex:1}.supplier-search-input{flex:1;max-width:520px}.supplier-status-filter{min-width:150px}.supplier-modal-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:#102035b8;display:grid;place-items:center}.supplier-modal-dialog::backdrop{background:#102035b8}.supplier-modal-dialog .modal-box{box-shadow:none;padding:22px}.supplier-form-head{margin-bottom:12px}.supplier-form-head h2{margin:0 0 4px}.supplier-form-caption{margin:0;font-size:13px}.supplier-form-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:16px;width:100%;max-width:none;align-items:start}.supplier-form-block{border:1px solid #dce6f6;border-radius:12px;background:linear-gradient(180deg,#fcfdff,#f6faff);padding:16px;min-width:0}.supplier-form-block h3{margin:0 0 12px;font-size:14px;color:#204a7a}.supplier-form-block-wide{min-height:100%}.supplier-form-fields{display:grid;gap:14px}.supplier-form-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-form-fields-1{grid-template-columns:1fr}.supplier-form-fields label{margin:0;gap:6px}.supplier-field-full{grid-column:1 / -1}.supplier-form-message{margin:0;grid-column:1 / -1}.supplier-form-actions{grid-column:1 / -1}.supplier-address-cell{min-width:220px;max-width:320px}.producer-form-head{margin-bottom:12px}.producer-form-head h2{margin:0 0 4px}.producer-form-caption{margin:0;font-size:13px}.producer-form-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:16px;width:100%;max-width:none;align-items:start}.producer-form-block{border:1px solid #dce6f6;border-radius:12px;background:linear-gradient(180deg,#fcfdff,#f6faff);padding:16px;min-width:0}.producer-form-block h3{margin:0 0 12px;font-size:14px;color:#204a7a}.producer-form-block-wide{min-height:100%}.producer-form-fields{display:grid;gap:14px}.producer-form-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}.producer-form-fields-1{grid-template-columns:1fr}.producer-form-fields label{margin:0;gap:6px}.producer-field-full{grid-column:1 / -1}.producer-form-message{margin:0;grid-column:1 / -1}.producer-form-actions{grid-column:1 / -1}.producer-address-cell{min-width:220px;max-width:320px;white-space:pre-line;line-height:1.5}.supplier-status-text{font-weight:600}.supplier-status-text.active{color:#1f8f43}.supplier-status-text.inactive{color:#c62828}.supplier-pagination{display:flex;align-items:center;gap:10px}.supplier-table-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-actions-cell,.size-actions-cell{vertical-align:middle;white-space:nowrap;text-align:center}.brand-actions,.size-actions{display:flex;justify-content:center;align-items:center;gap:8px}.brand-actions button,.size-actions button{min-width:78px;padding:7px 12px}.brand-actions .ghost,.size-actions .ghost{background:#eaf2ff;color:#12468f;border:1px solid #c5d9f8}.brand-actions .ghost:hover,.size-actions .ghost:hover{background:#dceafe;border-color:#aac8f1}.brand-actions .danger,.size-actions .danger{background:#ffecee;color:#a9192f;border:1px solid #f6c2ca}.brand-actions .danger:hover,.size-actions .danger:hover{background:#ffdfe3;border-color:#eea2af}.users-form-head h2{margin:0 0 4px}.users-form-caption{margin:0;font-size:13px}.users-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:none;align-items:start}.users-form-block{border:1px solid #dce6f6;border-radius:10px;background:#fbfdff;padding:16px;min-width:0}.users-form-block h3{margin:0 0 12px;font-size:14px;color:#204a7a}.users-form-fields{display:grid;gap:14px}.users-form-fields-3,.users-form-fields-2{grid-template-columns:1fr}.users-form-fields label{margin:0;gap:6px}.users-field-full{grid-column:auto}.users-role-caption{margin:0 0 10px}.users-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.users-permission-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dce6f6;border-radius:8px;background:#f8fbff}.users-permission-item input{margin:0}.users-form-actions{margin-top:4px;grid-column:1 / -1;justify-content:flex-end;padding-top:12px;border-top:1px solid #e4edf9}.users-role-cell{text-transform:capitalize;font-weight:600}.users-permission-list{display:inline-flex;align-items:baseline;flex-wrap:wrap;column-gap:6px;row-gap:0;white-space:normal;line-height:1.5}.users-permission-text{display:inline;font-size:12px;color:#35506f;line-height:1.5}.users-permission-toggle{border:0;background:transparent;display:inline-block;color:#36577f;border-radius:0;padding:0;margin-left:0;line-height:1.5;font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;vertical-align:baseline;align-self:baseline}.users-permission-toggle:hover{background:transparent}.users-table td,.users-table th{vertical-align:middle}.users-row-actions{display:flex;gap:8px;flex-wrap:wrap}.app-settings-head{align-items:center;justify-content:space-between}.app-settings-form{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-settings-media-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-settings-media-card{border:1px solid #d6e3f5;border-radius:10px;background:#f8fbff;padding:12px;display:grid;gap:10px;align-content:start}.app-settings-media-card h3{margin:0;font-size:14px}.app-settings-media-actions{display:flex;justify-content:flex-end}.app-settings-file-meta{margin-top:-2px;margin-bottom:0}.app-settings-form label:nth-child(1),.app-settings-form label:nth-child(4),.app-settings-form label:nth-child(5),.app-settings-form label:nth-child(6),.app-settings-logo-preview,.app-settings-actions{grid-column:1 / -1}.app-settings-logo-preview{border:1px dashed #c6d7ef;background:#f8fbff;border-radius:10px;padding:12px;max-width:300px}.app-settings-logo-preview img{max-width:100%;max-height:80px;object-fit:contain;display:block}.app-settings-favicon-preview{max-width:100px}.app-settings-actions{justify-content:flex-end;margin-bottom:0}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;background:#ecf5ff;color:#124f9e}.users-status-cell{vertical-align:middle!important}.status-badge.success{background:#e7f8ee;color:#17633a}.status-badge.warning{background:#fff2df;color:#9b5713}.status-badge.neutral{background:#eef2f6;color:#4e647d}.role-mgmt-page .page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.role-mgmt-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.role-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:4px}.role-list-item{display:flex;align-items:center;border-radius:6px;border:1px solid transparent;transition:background .15s}.role-list-item.active{border-color:#93b9f7;background:#f0f7ff}.role-item-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:none;border:none;cursor:pointer;text-align:left;border-radius:6px}.role-item-btn:hover{background:#e8f2ff}.role-name{font-weight:600;font-size:14px;color:#1a3a6b;text-transform:capitalize}.role-perm-count{font-size:11px;color:#6b88a8}.role-item-actions{display:flex;gap:2px;padding-right:6px}.role-item-actions .ghost{padding:4px 8px;font-size:12px}.role-item-actions .danger{color:#c0392b}.role-rename-form{display:flex;align-items:center;gap:4px;flex:1;padding:4px 8px}.role-rename-form input{flex:1;padding:4px 8px;font-size:13px}.role-create-form{border-top:1px solid #e2e8f0;padding-top:14px;margin-top:8px}.role-create-form h3{margin:0 0 6px;font-size:14px;color:#1a3a6b}.role-create-input input{width:100%}.role-create-actions{margin-top:10px}.role-perm-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.role-highlight{color:#1b5fc0;text-transform:capitalize}.system-role-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#fff3cd;color:#7d5900;border:1px solid #ffe083}.role-perm-matrix{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.role-perm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.role-perm-search{min-width:260px;max-width:420px}.role-perm-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.role-perm-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.perm-summary-pill{font-size:11px;color:#355172;background:#eef4fb;border:1px solid #d3e1f2;border-radius:999px;padding:4px 10px}.perm-group{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.perm-group-header{background:#f8fbff;padding:8px 10px;border-bottom:1px solid #e2e8f0}.perm-group-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.perm-group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;padding:10px}.perm-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e9edf3;border-radius:8px;cursor:pointer;font-size:13px;transition:background .1s,border-color .1s}.perm-item:hover{background:#f7fbff;border-color:#d7e6f8}.perm-item input[type=checkbox]{margin:0;flex-shrink:0}.perm-key{margin-left:auto;font-size:10px;color:#4b607a;background:#e8eff7;padding:2px 6px;border-radius:999px}.role-perm-actions{display:flex;align-items:center;gap:14px;padding-top:12px;border-top:1px solid #e2e8f0}@media (max-width: 800px){.role-mgmt-layout{grid-template-columns:1fr}.role-perm-toolbar{flex-direction:column;align-items:stretch}.role-perm-search{min-width:0;max-width:none;width:100%}}.status-badge.danger{background:#ffeceb;color:#b2291a}.thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid #d8e5f8}.sales-summary{margin-top:14px;display:grid;gap:12px;max-width:none;border-top:1px solid #e4edf9;padding-top:14px}.cashier-status{margin:0 0 10px;border:1px solid #d5e4f7;border-radius:14px;background:linear-gradient(180deg,#fff,#f4f8ff);color:#17365f;padding:9px 12px;font-size:13px}.cashier-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:10px;margin-bottom:10px;padding:10px 12px;background:radial-gradient(circle at top left,rgba(255,255,255,.96),rgba(255,255,255,.72) 42%,transparent 70%),linear-gradient(135deg,#dff0ff,#f7fbff 48%,#eef6ff);border:1px solid #d5e4f6;box-shadow:0 18px 42px #11355f14}.cashier-hero-main{display:grid;gap:6px}.cashier-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cashier-kpi-card{display:grid;gap:2px;padding:7px 9px;border-radius:12px;background:#ffffffe0;border:1px solid rgba(192,212,238,.95)}.cashier-kpi-card span,.cashier-overview-card span{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5b7598}.cashier-kpi-card strong,.cashier-overview-card strong{font-size:17px;line-height:1.1;color:#17365f}.cashier-kpi-card small{color:#58718f;font-size:11px}.cashier-kpi-card-accent{background:linear-gradient(135deg,#17365f,#24538d);border-color:transparent}.cashier-kpi-card-accent span,.cashier-kpi-card-accent strong,.cashier-kpi-card-accent small{color:#f7fbff}.cashier-shortcuts{display:grid;align-content:center}.cashier-shortcuts-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:0}.cashier-shortcuts-title{display:flex;align-items:baseline;gap:6px}.cashier-shortcuts-title h1{margin:0;font-size:18px}.cashier-shortcuts-head h2{margin:0;font-size:13px}.cashier-shortcuts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.cashier-shortcuts-grid span{display:flex;align-items:center;gap:5px;min-height:28px;padding:4px 7px;border:1px solid #d9e6f6;border-radius:8px;background:#ffffffeb;color:#24476f;box-shadow:inset 0 1px #ffffffd9;font-size:11px}.cashier-shortcuts-grid strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 5px;border-radius:999px;background:#17365f;color:#fff;font-size:9px}.cashier-grid{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(460px,1.2fr);gap:16px;font-size:13px}.cashier-grid input,.cashier-grid select,.cashier-grid button,.cashier-grid table,.cashier-holds,.cashier-holds table{font-size:13px}.cashier-panel{margin-bottom:0;border-radius:18px}.cashier-search-panel,.cashier-cart-panel{min-width:0}.cashier-holds{margin-top:18px}.cashier-holds h2,.cashier-panel h2{margin:0}.cashier-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.cashier-section-head p{margin:6px 0 0}.cashier-section-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef5ff;border:1px solid #d9e6f6;color:#274970;font-size:12px;font-weight:700}.cashier-form-grid{display:grid;gap:12px;margin-bottom:14px}.cashier-search-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.cashier-form-grid .row{margin-bottom:0}.cashier-input-card{display:grid;gap:6px;padding:10px;border-radius:12px;background:#f8fbff;border:1px solid #dfe9f7}.cashier-input-card-inline{padding:8px 10px}.cashier-input-card-inline .row{gap:6px}.cashier-form-grid input{min-width:0;width:100%}.cashier-results-empty{display:grid;place-items:center;min-height:120px;border:1px dashed #d7e5f6;border-radius:16px;background:#fbfdff}.cashier-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.cashier-result-card{display:grid;overflow:hidden;border:1px solid #dbe7f6;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 22px #1020350f}.cashier-result-image{display:grid;place-items:center;min-height:118px;padding:8px;border:0;border-bottom:1px solid #e5eef9;background:linear-gradient(180deg,#f8fbff,#eef5ff)}.cashier-result-thumb{width:100%;height:102px;object-fit:contain}.cashier-result-empty-image{font-size:12px;font-weight:700;color:#6a82a0}.cashier-result-body{display:grid;gap:6px;padding:10px}.cashier-result-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.cashier-result-title{margin:0;font-size:13px;line-height:1.25;color:#193a63}.cashier-result-detail{margin:0;font-size:12px;color:#5d7695}.cashier-result-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:2px}.cashier-result-foot strong{color:#17365f;font-size:13px}.cashier-cart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.cashier-cart-head p{margin:6px 0 0}.cashier-cart-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.cashier-overview-card{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#f8fbff;border:1px solid #dfe9f7}.cashier-overview-card-highlight{background:linear-gradient(135deg,#fff4d9,#fff9eb);border-color:#f0ddb0}.discount-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.discount-presets button{padding:6px 10px}.sales-summary h3{margin:0 0 4px}.sales-summary p{margin:0}.sales-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sales-summary-rows{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#f9fbff,#f2f7ff);border:1px solid #dfe9f7}.sales-summary-rows p{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sales-summary-rows span{color:#516a8a}.sales-summary-grand{padding-top:8px;border-top:1px dashed #c8d9ef}.sales-summary-grand b{font-size:18px;color:#17365f}.cashier-payment-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.cashier-payment-pill.is-positive{background:#e7f8ee;color:#17633a}.cashier-payment-pill.is-warning{background:#fff2df;color:#9b5713}.cashier-tax-note{margin-top:-2px;padding:8px 10px;border-radius:12px;background:#f7fbff;border:1px solid #e0eaf8}.cashier-quick-payments{display:grid;gap:8px}.cashier-quick-payments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cashier-quick-pay-button{justify-content:center;font-weight:700}.cashier-payment-actions{display:flex;gap:8px;flex-wrap:wrap}.cashier-btn-small{padding:7px 11px;font-size:12px;border-radius:7px}.discount-input-wrap{display:inline-flex;align-items:center;gap:6px}.discount-input-wrap input{width:82px}.discount-input-wrap span{font-size:13px;color:#4e6686}.cashier-thumb-button{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0}.cashier-thumb-button:hover{background:transparent}.cashier-thumb{cursor:zoom-in}.sales-search-table{table-layout:fixed}.sales-search-table th,.sales-search-table td{white-space:normal;vertical-align:middle}.sales-search-table .col-image{width:64px}.sales-search-table .col-sku{width:100px}.sales-search-table .col-price{width:110px}.sales-search-table .col-stock{width:62px}.sales-search-table .col-action{width:92px;position:sticky;right:0;z-index:4;background:#f5f9ff;box-shadow:-6px 0 8px -8px #10203580}.sales-product-cell{line-height:1.25;word-break:break-word}.stock-pill{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:5px 10px;border-radius:999px;font-weight:700;font-size:12px}.stock-pill-ready{background:#e8f8ef;color:#17633a}.stock-pill-low{background:#fff3df;color:#955617}.stock-pill-empty{background:#ffeceb;color:#b2291a}.sales-action-cell{white-space:nowrap;position:sticky;right:0;z-index:3;background:#fff;box-shadow:-6px 0 8px -8px #10203573}.cashier-action-button{width:100%}.sales-action-cell button{padding:6px 10px}.cashier-cart-row td{vertical-align:top}.cashier-sku-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#f0f6ff;color:#24476f;font-weight:700;font-size:12px}.cashier-cart-item{display:grid;gap:4px;min-width:180px}.cashier-cart-item strong{line-height:1.35}.cashier-qty-input{width:88px}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;background:#102035b8;display:grid;place-items:center;padding:24px}.image-preview-backdrop::backdrop{background:#102035b8}.image-preview-dialog{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:16px;padding:16px;box-shadow:0 24px 60px #08182c52}.image-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.image-preview-head h3{margin:0}.image-preview-full{display:block;width:100%;max-height:calc(100vh - 160px);object-fit:contain;border-radius:12px;background:#f5f9ff}.receipt-area{max-width:460px}.receipt-area h2{margin:0 0 10px}.receipt-box{border:1px dashed #284c7d;border-radius:8px;width:min(1000px,100%);margin:0 auto;padding:12px 14px;font-size:13px;background:#fff}.receipt-box h3,.receipt-box p{margin:0 0 6px}.receipt-logo{display:block;max-width:140px;max-height:44px;object-fit:contain;margin-bottom:8px}.receipt-footer{margin:10px 0 0;padding-top:8px;border-top:1px dashed #7d95b6;text-align:center;font-weight:600}.receipt-line{display:flex;justify-content:space-between;gap:10px;margin:4px 0}.sales-receipt-doc{border:1px solid #8a8a8a;border-radius:0;padding:12px;color:#121212;font-family:Arial,Helvetica,sans-serif}.sales-receipt-head{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #616161;padding-bottom:10px;margin-bottom:10px}.sales-receipt-brand h2{margin:0;font-size:38px;line-height:1;letter-spacing:.5px;font-weight:800}.sales-receipt-brand p{margin:2px 0;color:#212121;font-size:14px}.sales-receipt-meta{min-width:340px}.sales-receipt-meta-row{display:grid;grid-template-columns:145px 1fr;gap:8px;margin:2px 0;align-items:baseline}.sales-receipt-meta-label{font-weight:800;text-transform:uppercase;letter-spacing:.2px}.sales-receipt-meta-label:after{content:":";margin-left:4px}.sales-receipt-meta-value{text-align:right;font-weight:700}.sales-receipt-notes{margin-bottom:10px}.sales-receipt-notes p{margin:2px 0;color:#242424}.sales-receipt-table{width:100%;border-collapse:collapse;margin-bottom:10px}.sales-receipt-table th,.sales-receipt-table td{border:1px solid #afafaf;padding:7px 8px;vertical-align:top}.sales-receipt-table th{background:#efefef;text-align:left;font-weight:700}.sales-receipt-table .is-right{text-align:right}.sales-receipt-item-name{font-weight:700;color:#101010}.sales-receipt-item-meta{margin-top:2px;color:#454545;font-size:12px}.sales-receipt-total-qty{display:flex;justify-content:flex-end;gap:24px;margin:10px 0;font-size:18px}.sales-receipt-summary{margin-left:auto;width:min(360px,100%);border-top:1px solid #9d9d9d;border-bottom:1px solid #9d9d9d;padding:8px 0}.sales-receipt-summary p{margin:4px 0;display:flex;justify-content:space-between;gap:16px}.sales-receipt-signatures{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sales-receipt-signature-box{text-align:center}.sales-receipt-signature-box span{display:block;margin-bottom:52px}.sales-receipt-signature-line{width:130px;margin:0 auto;border-bottom:1px solid #222}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1020358c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:#fff;border-radius:14px;padding:24px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0000002e;width:100%}.receipt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;background:#102035b8;display:grid;place-items:center;padding:24px}.receipt-modal-backdrop::backdrop{background:#102035b8}.receipt-modal-dialog{width:min(1120px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:16px;padding:14px;box-shadow:0 24px 60px #08182c52}.po-detail-modal{width:min(1100px,100%)}.receipt-modal-head{margin-bottom:10px}.receipt-modal-head h3{margin:0}.receipt-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e4edf9}.payment-modal-head{margin-bottom:12px}.payment-modal-head h2{margin:0 0 4px}.payment-modal-head p{margin:0;font-size:13px}.payment-modal-summary{display:grid;gap:6px;margin-bottom:14px;padding:12px;border:1px solid #dce6f6;border-radius:10px;background:#f8fbff;font-size:13px;color:#21436d}.payment-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-modal-note{grid-column:1 / -1}.payment-modal-amount{font-weight:700}.table-wrap{overflow-x:auto}.table-pagination-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:6px 2px 0;color:#3f5878;font-size:12px}.table-pagination-total{font-weight:600}.table-pagination-controls{display:flex;align-items:center;gap:6px}.table-pagination-page{min-width:90px;text-align:center;font-weight:600}.table-pagination-btn{border:1px solid #c9d6ea;background:#f4f7fd;color:#103f8a;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:600}.table-pagination-btn:disabled{opacity:.55;cursor:not-allowed}.table-wrap table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.table-wrap th,.table-wrap td{border:1px solid #d6deea;text-align:left;padding:8px 10px;white-space:nowrap;vertical-align:middle}.table-wrap th{background:#f7f9fc;color:#1f3552;font-weight:700}.table-wrap tbody tr:hover td{background:#fbfdff}.table-wrap td.actions,.table-wrap td>.actions,.table-wrap td>.row{white-space:nowrap}.table-wrap td.actions{display:table-cell}.table-wrap td.actions>button+button,.table-wrap td>.actions>button+button,.table-wrap td>.row>button+button{margin-left:4px}.table-wrap td>.row,.table-wrap td>.actions{margin-bottom:0;align-items:center}.table-wrap td.actions button,.table-wrap td>.actions button,.table-wrap td>.row button{border:none;background:transparent;color:#103f8a;padding:2px 5px;border-radius:4px;font-weight:600}.table-wrap td.actions button:hover:not(:disabled),.table-wrap td>.actions button:hover:not(:disabled),.table-wrap td>.row button:hover:not(:disabled){background:#eef3fc;color:#0c2f64}.table-wrap td.actions button.danger,.table-wrap td.actions button.action-danger,.table-wrap td>.actions button.danger,.table-wrap td>.actions button.action-danger,.table-wrap td>.row button.danger{color:#b42318}.table-wrap td.actions button.danger:hover:not(:disabled),.table-wrap td.actions button.action-danger:hover:not(:disabled),.table-wrap td>.actions button.danger:hover:not(:disabled),.table-wrap td>.actions button.action-danger:hover:not(:disabled),.table-wrap td>.row button.danger:hover:not(:disabled){background:#fdf0ee;color:#8f1d15}.app-doc-shell{height:100dvh;min-height:100dvh;background:#e8edf3;margin:-20px;padding:10px 0 0;box-sizing:border-box}.app-doc-frame{max-width:1420px;margin:0 auto;background:#f6f8fb;border:1px solid #cfd7e2;height:calc(100% - 10px);min-height:calc(100% - 10px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.app-doc-topbar{position:sticky;top:0;z-index:20;background:#d4d7dc;border-bottom:1px solid #cfd7e2}.app-doc-topbar-main{min-height:66px;padding:16px 20px 10px;display:flex;align-items:center;justify-content:flex-start;gap:16px}.app-doc-topbar-sub{border-top:1px solid #8d97a5;margin:0 20px;padding:8px 0;font-size:12px;color:#486387}.app-doc-brand-head{display:flex;align-items:center;gap:10px;min-width:0}.app-doc-brand-head>div{border-left:1px solid #c9d3e0;padding-left:10px}.app-doc-brand-logo-box{width:42px;height:42px;overflow:visible;border-radius:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.app-doc-brand-logo{width:42px;height:42px;object-fit:contain;transform:none;transform-origin:center;flex-shrink:0}.app-doc-guide-title{margin:0;font-size:26px;line-height:1;letter-spacing:.03em;color:#102948}.app-doc-header-tools{display:flex;align-items:flex-end;gap:10px;min-width:0}.app-doc-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border-radius:8px;border:1px solid #8ca9cd;text-decoration:none;font-size:12px;font-weight:700;color:#20436f;background:#fff;white-space:nowrap}.app-doc-link-btn:hover{background:#f2f7ff;border-color:#7f9ec7}.app-doc-search-wrap{width:min(320px,100%);display:grid;gap:6px}.app-doc-search-wrap label{font-size:12px;font-weight:600;color:#294b78}.app-doc-search-wrap input{width:100%;border:1px solid #9eb3cf;border-radius:8px;min-height:38px;padding:8px 10px;outline:none;color:#183352;background:#fff}.app-doc-search-wrap input:focus{border-color:#2f66aa;background:#fff}.app-doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;align-items:stretch;height:100%;min-height:0;overflow:hidden}.app-doc-sidenav{position:relative;align-self:stretch;max-height:none;overflow-y:auto;padding:10px;border-right:1px solid #d7dde6}.app-doc-sidenav-box{border:1px solid #d7dde6;border-radius:12px;background:#f7f9fd;padding:10px}.app-doc-sidenav-box h3{margin:0 0 8px;font-size:14px}.app-doc-sidenav-box p{margin:0 0 10px}.app-doc-sidenav-box ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.app-doc-sidenav-search{width:100%;margin-top:8px;margin-bottom:10px}.app-doc-sidenav-box li{display:block}.app-doc-sidenav-link{display:flex;align-items:center;width:100%;cursor:pointer;text-decoration:none;color:#1f3d66;height:40px;min-height:40px;padding:0 12px;line-height:1;border:1px solid #dce6f6;border-radius:8px;background:#f7faff;font-size:12px;font-weight:600}.app-doc-content{font-size:13px;height:100%;min-height:0;padding:10px;min-width:0;overflow-y:auto}.app-doc-content .card h2{font-size:22px;margin-bottom:10px}.app-doc-content p,.app-doc-content li,.app-doc-content .muted,.app-doc-content table{font-size:13px}.app-doc-sidenav-link:hover{background:#edf4ff;border-color:#bdd2f2}.app-doc-sidenav-link.is-active{background:#dfeeff;border-color:#9fbce6;color:#163f71}.app-doc-intro-copy{line-height:1.65;max-width:980px}.app-doc-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:14px;align-items:start}.app-doc-intro-visual{display:block;border:1px solid #d9e2ef;border-radius:10px;overflow:hidden;box-shadow:0 6px 16px #0b234217;background:#fff}.app-doc-intro-visual img{display:block;width:100%;height:auto}.app-doc-section{scroll-margin-top:76px}.app-doc-login-preview-wrap{margin-top:10px;margin-bottom:12px}.app-doc-login-preview{display:block;width:100%;max-width:820px;margin:0 auto;border-radius:10px;border:1px solid #dce6f6;overflow:hidden;box-shadow:0 8px 20px #0c264617}.app-doc-login-preview img{display:block;width:100%;height:auto}.app-doc-image-caption{margin:7px auto 0;max-width:820px;font-size:12px}.app-doc-footer{background:#d4d7dc;border-top:1px solid #b8bec7;padding:8px 12px}.app-doc-footer p{margin:0;font-size:11px;font-weight:600;color:#233a57}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e4edf9;text-align:left;padding:10px;white-space:nowrap}th{background:#f5f9ff}.empty{text-align:center;color:#556d8c}.barcode-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.barcode-label{border:1px dashed #9eb6d6;border-radius:8px;padding:8px;background:#fff}.barcode-title{margin:0;font-size:12px;font-weight:700}.barcode-meta{margin:2px 0 6px;font-size:11px;color:#415c80}.barcode-price{margin:0 0 6px;font-size:12px;font-weight:700}.barcode-svg{width:100%;height:70px}.barcode-sheet.sheet-a4-3{grid-template-columns:repeat(3,minmax(0,1fr))}.barcode-sheet.sheet-a4-2{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-sheet.sheet-thermal-58,.barcode-sheet.sheet-thermal-80{grid-template-columns:1fr}.barcode-sheet.sheet-label-10x5{grid-template-columns:100mm;justify-content:start;gap:6mm}.barcode-label.sheet-thermal-58{max-width:58mm;min-height:30mm}.barcode-label.sheet-thermal-80{max-width:80mm;min-height:35mm}@media print{@page{size:auto;margin:8mm}*{visibility:hidden}.barcode-sheet,.barcode-sheet *,.receipt-modal-backdrop,.receipt-modal-backdrop *,.receipt-box,.receipt-box *{visibility:visible!important}.barcode-sheet{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}.receipt-modal-backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:0!important;background:#fff!important;display:block!important}.receipt-modal-dialog{width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 auto!important}.receipt-box{width:100%!important;max-width:100%!important;border:1px solid #777!important;border-radius:0!important;padding:10px!important;margin:0 auto!important;font-size:13px!important}.sales-receipt-item-name,.sales-receipt-item-meta,.sales-receipt-brand p,.sales-receipt-brand h2,.sales-receipt-meta-row,.sales-receipt-notes p,.sales-receipt-total-qty,.sales-receipt-summary p,.receipt-footer,.receipt-box h3,.receipt-box p,.receipt-line{color:#000!important}.sales-receipt-head{border-bottom-color:#000!important}.sales-receipt-table th,.sales-receipt-table td{border-color:#000!important}.sales-receipt-meta-label,.sales-receipt-meta-value{color:#000!important}.no-print,.sidebar,.admin-header{display:none!important}.admin-shell{display:block}.admin-main{padding:0}.card{border:none;box-shadow:none;margin:0;padding:0}.barcode-sheet,.barcode-sheet.sheet-a4-3{grid-template-columns:repeat(3,1fr);gap:8px}.barcode-sheet.sheet-a4-2{grid-template-columns:repeat(2,1fr);gap:8px}.barcode-sheet.sheet-thermal-58,.barcode-sheet.sheet-thermal-80{grid-template-columns:1fr;gap:8px}.barcode-sheet.sheet-label-10x5{display:block;width:100mm;max-width:100mm}.barcode-label{break-inside:avoid;border:1px solid #000}.barcode-label.sheet-thermal-58{width:58mm;max-width:58mm}.barcode-label.sheet-thermal-80{width:80mm;max-width:80mm}.barcode-label.sheet-label-10x5{width:100mm;max-width:100mm;height:50mm;min-height:50mm;max-height:50mm;page-break-inside:avoid;break-inside:avoid;margin:0 0 2mm}.barcode-label.sheet-label-10x5:last-child{margin-bottom:0}.receipt-area{max-width:100%}.receipt-logo-thermal{filter:grayscale(1) contrast(1.55) brightness(.9);image-rendering:-webkit-optimize-contrast}.receipt-footer{border-top-color:#444;color:#111}}@media (max-width: 1024px){.barcode-top-grid,.barcode-bottom-grid,.barcode-print-layout{grid-template-columns:1fr}.barcode-preview-sticky{position:static;max-height:none;overflow-y:visible}}@media (max-width: 768px){.app-doc-frame{height:auto;min-height:auto;overflow:visible}.app-doc-shell{height:auto;min-height:auto}.app-doc-topbar,.app-doc-footer{position:static}.app-doc-layout{grid-template-columns:1fr;height:auto;overflow:visible;margin:0 12px}.app-doc-intro-grid{grid-template-columns:1fr}.app-doc-sticky-header{position:static;margin:0 12px 10px;padding:12px 14px;background:#0f2f57;display:grid;align-items:initial}.app-doc-topbar-main{padding:10px 12px;align-items:flex-start;flex-direction:column}.app-doc-topbar-sub{margin:0 12px}.app-doc-header-tools{display:grid;align-items:initial}.app-doc-search-wrap{width:100%}.app-doc-sidenav{position:static;max-height:none;overflow-y:visible}.app-doc-content{overflow-y:visible}.page{padding:12px}.dashboard-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-cashier-grid{grid-template-columns:1fr}.dashboard-page .dashboard-section-note{display:none}.dashboard-page .metric-card p{font-size:15px}.dashboard-page .metric-subtext{font-size:10px}.admin-shell{display:block}.admin-main{margin-left:0}.sidebar{position:relative;top:auto;left:auto;width:100%;height:auto;overflow-y:visible;border-right:none;border-bottom:1px solid #1d467a}.form-3,.purchase-form-meta,.purchase-form-split{grid-template-columns:1fr}.input-compact{width:100%}.filter-bar{grid-template-columns:1fr}.filter-actions{align-items:stretch}.split-grid{grid-template-columns:1fr}.compact-ui .page-head h1{font-size:18px}.compact-ui .card h2{font-size:15px}.compact-ui table{font-size:11px}.compact-ui th,.compact-ui td{padding:7px 6px}.raw-material-page .page-head h1{font-size:18px}.raw-material-page .card h2{font-size:15px}.raw-material-page .raw-material-purchase-form,.raw-material-page .raw-material-detail-meta{grid-template-columns:1fr}.raw-material-page .raw-material-master-actions{justify-content:flex-start}.raw-material-page table{font-size:11px}.raw-material-page th,.raw-material-page td{padding:7px 6px}.cashier-hero,.cashier-kpi-grid,.cashier-cart-overview,.cashier-search-row{grid-template-columns:1fr}.cashier-results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cashier-result-foot{flex-direction:column;align-items:stretch}.cashier-quick-payments-grid,.cashier-grid{grid-template-columns:1fr}.image-preview-backdrop,.image-preview-dialog{padding:12px}.cashier-shortcuts-head{flex-direction:column;align-items:flex-start}.cashier-shortcuts-title{flex-direction:column;gap:4px}.cashier-shortcuts-title h1{font-size:20px}.cashier-shortcuts-head h2{font-size:16px}.cashier-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-section-head,.sales-summary-head,.cashier-cart-head,.topbar{flex-direction:column;align-items:flex-start}.topbar-shell{overflow-x:auto}.metrics-grid,.po-toolbar{grid-template-columns:1fr}.po-toolbar .search-input,.po-toolbar select,.po-toolbar button{width:100%}.po-detail-meta{grid-template-columns:1fr 1fr}.po-page .variant-chip-head{flex-wrap:wrap}.po-page .variant-chip-size{font-size:10px}.users-grid,.users-form-grid,.supplier-form-grid,.producer-form-grid{grid-template-columns:1fr}.producer-table-toolbar{flex-wrap:wrap;align-items:flex-start}.producer-filter-controls{width:100%;flex-wrap:wrap}.producer-search-input{max-width:none;width:100%}.producer-status-filter{width:100%}.producer-table-footer{flex-direction:column;align-items:flex-start}.supplier-table-toolbar{flex-wrap:wrap;align-items:flex-start}.supplier-filter-controls{width:100%;flex-wrap:wrap}.supplier-search-input{max-width:none;width:100%}.supplier-status-filter{width:100%}.supplier-table-footer{flex-direction:column;align-items:flex-start}.users-form-fields-3,.users-form-fields-2,.supplier-form-fields-2,.users-permission-grid,.app-settings-form,.app-settings-media-grid,.barcode-sheet{grid-template-columns:1fr}header h1{font-size:24px}}