:root{--rag-primary-color: #1992c7;--rag-primary-hover: #3932ac;--rag-primary-light: #a5b4fc;--rag-success-color: #10b981;--rag-error-color: #ef4444;--rag-warning-color: #f59e0b;--rag-background: #ffffff;--rag-surface: #f8fafc;--rag-surface-hover: #f1f5f9;--rag-surface-secondary: #e2e8f0;--rag-text-primary: #1e293b;--rag-text-secondary: #64748b;--rag-text-muted: #94a3b8;--rag-border-color: #e2e8f0;--rag-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--rag-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--rag-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--rag-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--sa-shell-bg: radial-gradient(circle at 8% 10%, rgba(25, 146, 199, .1), transparent 24%), radial-gradient(circle at 88% 12%, rgba(245, 158, 11, .12), transparent 22%), linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);--sa-surface: rgba(255, 255, 255, .94);--sa-surface-strong: #ffffff;--sa-surface-soft: #f8fafc;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-text: #1e293b;--sa-text-soft: #64748b;--sa-text-faint: #94a3b8;--sa-primary: var(--rag-primary-color);--sa-primary-strong: var(--rag-primary-hover);--sa-primary-light: var(--rag-primary-light);--sa-accent: #f97316;--sa-accent-strong: #ea580c;--sa-amber: var(--rag-warning-color);--sa-success: var(--rag-success-color);--sa-warning: var(--rag-warning-color);--sa-danger: var(--rag-error-color);--sa-info: #0ea5e9;--sa-teal: #06b6d4;--sa-shadow-sm: 0 8px 24px rgba(15, 23, 42, .05);--sa-shadow-md: 0 16px 40px rgba(15, 23, 42, .08);--sa-shadow-lg: 0 24px 56px rgba(15, 23, 42, .12);--sa-radius-xl: 28px;--sa-radius-lg: 22px;--sa-radius-md: 18px;--sa-radius-sm: 12px;--sa-anim-fast: .22s ease;--sa-anim-base: .35s ease;--sa-anim-slow: .6s ease}:root[data-theme=dark]{--sa-shell-bg: radial-gradient(circle at 8% 10%, rgba(25, 146, 199, .18), transparent 24%), radial-gradient(circle at 88% 12%, rgba(249, 115, 22, .14), transparent 22%), linear-gradient(180deg, #0f172a 0%, #111827 100%);--sa-surface: rgba(15, 23, 42, .9);--sa-surface-strong: #111827;--sa-surface-soft: #1e293b;--sa-border: rgba(148, 163, 184, .16);--sa-border-strong: rgba(148, 163, 184, .28);--sa-text: #f8fafc;--sa-text-soft: #cbd5e1;--sa-text-faint: #94a3b8;--sa-shadow-sm: 0 12px 28px rgba(0, 0, 0, .22);--sa-shadow-md: 0 18px 40px rgba(0, 0, 0, .28);--sa-shadow-lg: 0 24px 56px rgba(0, 0, 0, .34)}@keyframes sa-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-soft-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sa-soft-pulse{0%,to{box-shadow:0 0 #1992c700}50%{box-shadow:0 0 0 10px #1992c714}}@keyframes sa-gradient-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes sa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-page{display:grid;gap:20px;padding:10px 0 18px;animation:sa-fade-up .45s ease}.sa-page__loader{min-height:320px;display:grid;place-items:center;gap:10px;color:var(--sa-text-soft)}.sa-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 28px;border-radius:var(--sa-radius-xl);border:1px solid var(--sa-border);background:linear-gradient(90deg,#1992c7f5,#64748be6,#f97316f5);box-shadow:var(--sa-shadow-md);animation:sa-fade-up .5s ease}.sa-hero:before,.sa-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:999px;pointer-events:none;filter:blur(8px)}.sa-hero:before{top:-90px;left:-70px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);animation:sa-soft-float 7s ease-in-out infinite}.sa-hero:after{right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);animation:sa-soft-float 8s ease-in-out infinite reverse}.sa-kicker{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 14px;margin-bottom:12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:none}.sa-hero h1{margin:0;color:#fff;font-size:clamp(1.7rem,1.25rem + 1vw,2.25rem);line-height:1.08;letter-spacing:-.03em}.sa-hero p{margin:10px 0 0;max-width:760px;color:#ffffffeb;font-size:.95rem;line-height:1.7}.sa-hero__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.sa-refresh-btn{border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#fff,#f8fafc);color:var(--sa-primary-strong);min-height:44px;padding:0 18px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 12px 24px #0f172a1f;transition:transform var(--sa-anim-fast),box-shadow var(--sa-anim-fast),filter var(--sa-anim-fast)}.sa-refresh-btn:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 16px 30px #0f172a29;animation:sa-gradient-drift 2.6s linear infinite alternate}.sa-refresh-btn:active{transform:translateY(0)}.sa-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid transparent;box-shadow:var(--sa-shadow-sm);animation:sa-fade-up .45s ease}.sa-banner strong{display:block;margin-bottom:4px;font-size:.92rem}.sa-banner p{margin:0;font-size:.88rem;line-height:1.55}.sa-banner--warning{background:#fff7ed;color:#9a5b12;border-color:#fed7aa}.sa-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.sa-pill--info{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.sa-pill--accent{color:#c2410c;background:#ffedd5;border-color:#fdba74}.sa-pill--success{color:#047857;background:#d1fae5;border-color:#a7f3d0}.sa-pill--warning{color:#b45309;background:#fef3c7;border-color:#fde68a}.sa-pill--danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.sa-pill--neutral{color:var(--sa-text-soft);background:#f1f5f9;border-color:#e2e8f0}.sa-grid{display:grid;gap:18px}.sa-grid--2{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}.sa-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-card,.sa-metric,.sa-pulse,.sa-health,.sa-list__row,.sa-timeline__item,.sa-stat-box,.sa-summary-tiles__item,.sa-legend__item,.sa-chart-legend__item{background:linear-gradient(180deg,var(--sa-surface) 0%,var(--sa-surface-strong) 100%);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-sm);transition:transform var(--sa-anim-fast),box-shadow var(--sa-anim-fast),border-color var(--sa-anim-fast)}.sa-card,.sa-metric{animation:sa-fade-up .45s ease}.sa-card{overflow:hidden;border-radius:24px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--sa-border);background:#ebf2fc;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-card__header h3{margin:0;color:var(--sa-text);font-size:1rem;font-weight:800;letter-spacing:-.01em}.sa-card__header p{margin:6px 0 0;color:var(--sa-text-soft);font-size:.84rem;line-height:1.5}.sa-card__body{padding:16px 18px 18px}.sa-card:hover,.sa-metric:hover,.sa-pulse:hover,.sa-list__row:hover,.sa-timeline__item:hover,.sa-stat-box:hover,.sa-health:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow-md);border-color:var(--sa-border-strong)}.sa-metric{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px;border-radius:20px}.sa-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:999px;background:var(--sa-primary)}.sa-metric--gold:before{background:var(--sa-accent)}.sa-metric--blue:before{background:var(--sa-primary)}.sa-metric--teal:before{background:var(--sa-teal)}.sa-metric--danger:before{background:var(--sa-danger)}.sa-metric__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sa-metric__label{margin:0 0 8px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sa-text-faint)}.sa-metric__value{margin:0;color:var(--sa-text);font-size:1.72rem;line-height:1.05;letter-spacing:-.03em}.sa-metric__bottom{display:grid;gap:6px}.sa-metric__bottom>span{color:var(--sa-text-soft);font-size:.88rem;line-height:1.5}.sa-icon-badge{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:var(--sa-primary);background:linear-gradient(180deg,#1992c71f,#1992c70f);border:1px solid rgba(25,146,199,.16);flex-shrink:0}.sa-pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.sa-pulse{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:100px;padding:14px;border-radius:18px}.sa-pulse__icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid transparent}.sa-pulse__icon--green{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.sa-pulse__icon--yellow{color:#b45309;background:#fffbeb;border-color:#fde68a}.sa-pulse__icon--red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.sa-pulse__icon--blue{color:var(--sa-primary);background:#e0f2fe;border-color:#bae6fd}.sa-pulse__copy{display:grid;gap:4px;min-width:0}.sa-pulse__copy strong{color:var(--sa-text);font-size:1.04rem;line-height:1.15;word-break:break-word}.sa-pulse__copy span{color:var(--sa-text-soft);font-size:.78rem;line-height:1.4}.sa-trend{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700}.sa-trend--up{color:#059669}.sa-trend--down{color:#dc2626}.sa-trend--neutral{color:var(--sa-text-faint)}.sa-chart-shell{display:grid;gap:14px;padding:16px 18px 18px}.sa-chart-legend{display:flex;flex-wrap:wrap;gap:10px 14px}.sa-chart-legend__item{display:inline-flex;align-items:center;gap:8px;color:var(--sa-text-soft);font-size:.8rem;font-weight:600;border-radius:12px;padding:6px 10px}.sa-chart-legend__item i{width:12px;height:12px;border-radius:999px;display:inline-block}.sa-chart-svg{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--sa-border);background:linear-gradient(180deg,#fff,#f8fafc)}.sa-chart-grid{stroke:#e2e8f0;stroke-width:1}.sa-chart-axis{fill:var(--sa-text-faint);font-size:11px;font-weight:600}.sa-chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sa-chart-summary>div{border:1px solid var(--sa-border);border-radius:14px;padding:12px 14px;display:grid;gap:5px;background:#fff;box-shadow:var(--sa-shadow-sm)}.sa-chart-summary span{color:var(--sa-text-faint);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sa-chart-summary strong{color:var(--sa-text);font-size:1rem}.sa-health-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:14px;padding:16px;animation:sa-fade-up .5s ease-out forwards}.sa-health{display:grid;gap:4px;padding:14px 16px;border-radius:14px;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s ease,border-color .2s ease;cursor:pointer}.sa-health:active{transform:translateY(-1px)}.sa-health--soft{background:linear-gradient(180deg,#f0f9ff,#fff)}.sa-health--gold{background:linear-gradient(180deg,#fff7ed,#fff)}.sa-health--brown{background:linear-gradient(180deg,#f8fafc,#fff)}.sa-health__top{display:flex;align-items:center;gap:10px}.sa-health__top strong{color:var(--sa-text);font-size:.92rem}.sa-health h4{margin:4px 0 2px;color:var(--sa-text);font-size:1.4rem;font-weight:700;line-height:1.05}.sa-health p{margin:0;color:var(--sa-text-soft);font-size:.82rem;line-height:1.4}.sa-list{display:grid;gap:12px;padding:18px}.sa-card .sa-list:only-child,.sa-stack .sa-list{padding:0}.sa-list__row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:16px}.sa-list__left{display:flex;align-items:flex-start;gap:12px;min-width:0}.sa-list__left strong,.sa-list__right strong{color:var(--sa-text);font-size:.92rem}.sa-list__left p,.sa-list__right small{margin:4px 0 0;color:var(--sa-text-soft);font-size:.82rem;line-height:1.45;display:block}.sa-list__right{display:grid;gap:6px;justify-items:end;text-align:right}.sa-timeline{display:grid;gap:12px;padding:18px}.sa-timeline__item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px}.sa-timeline__badge{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;border:1px solid transparent;flex-shrink:0}.sa-timeline__badge--success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.sa-timeline__badge--warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.sa-timeline__badge--danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.sa-timeline__badge--neutral{color:var(--sa-text-soft);background:#f1f5f9;border-color:#e2e8f0}.sa-timeline__content{display:grid;gap:4px;min-width:0}.sa-timeline__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.sa-timeline__top strong{color:var(--sa-text);font-size:.92rem;line-height:1.3;word-break:break-word}.sa-timeline__content p{margin:0;color:var(--sa-text-soft);font-size:.82rem;line-height:1.45}.sa-timeline__content small{color:var(--sa-text-faint);font-size:.76rem}.sa-dot{width:10px;height:10px;border-radius:999px;margin-top:4px;flex-shrink:0}.sa-dot--success{background:#10b981}.sa-dot--warning{background:#f59e0b}.sa-dot--danger{background:#ef4444}.sa-dot--neutral{background:var(--sa-primary)}.sa-distribution{display:grid;gap:14px}.sa-distribution__row{display:grid;gap:10px}.sa-distribution__meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.sa-distribution__meta strong{color:var(--sa-text);font-size:.94rem}.sa-distribution__meta span{display:block;margin-top:4px;color:var(--sa-text-soft);font-size:.82rem}.sa-distribution__stats{text-align:right}.sa-distribution__track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#e2e8f0;border:0}.sa-distribution__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sa-primary) 0%,var(--sa-accent) 100%);transition:width .5s ease;animation:sa-soft-pulse 3s ease-in-out infinite}.sa-summary-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sa-summary-tiles__item{padding:14px;border-radius:16px;display:grid;gap:6px}.sa-summary-tiles__item span{color:var(--sa-text-faint);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sa-summary-tiles__item strong{color:var(--sa-text);font-size:1.1rem;line-height:1.1}.sa-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.sa-stat-box{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;min-width:0}.sa-stat-box strong{display:block;font-size:1.16rem;color:var(--sa-text);line-height:1.1}.sa-stat-box span{display:block;margin-top:4px;color:var(--sa-text-soft);font-size:.82rem;line-height:1.4}.sa-stat-box--wide{grid-column:span 2}.sa-inventory{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:20px;align-items:center;padding:18px}.sa-donut{display:grid;gap:10px;justify-items:center}.sa-donut__visual{position:relative;width:170px;height:170px}.sa-donut__svg{width:100%;height:100%;transform:rotate(-90deg)}.sa-donut__track{fill:none;stroke:#e2e8f0;stroke-width:16}.sa-donut__progress{fill:none;stroke:var(--sa-success);stroke-width:16;stroke-linecap:round;transition:stroke-dasharray .5s ease}.sa-donut__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;text-align:center}.sa-donut__center strong{font-size:1.2rem;color:var(--sa-text);line-height:1}.sa-donut__center span{margin-top:4px;font-size:.78rem;color:var(--sa-text-soft);font-weight:600}.sa-donut p{max-width:220px;text-align:center;font-size:.82rem;color:var(--sa-text-soft);line-height:1.45;margin:0}.sa-legend{display:grid;gap:12px}.sa-legend__item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px}.sa-mini-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;min-height:220px;padding:4px}.sa-mini-bars__col{display:grid;gap:8px;align-items:end;text-align:center}.sa-mini-bars__value{font-size:.74rem;color:var(--sa-text-soft);min-height:32px;display:flex;align-items:flex-end;justify-content:center;font-weight:600}.sa-mini-bars__track{height:150px;border-radius:12px;background:#f1f5f9;border:1px solid var(--sa-border);display:flex;align-items:flex-end;padding:6px}.sa-mini-bars__fill{width:100%;border-radius:8px;background:linear-gradient(180deg,#38bdf8,#1992c7 60%,#3932ac);min-height:4px;transition:height .5s ease}.sa-mini-bars__col strong{font-size:.8rem;color:var(--sa-text);font-weight:700}.sa-table-wrap{overflow-x:auto;border-top:1px solid var(--sa-border)}.sa-table{width:100%;border-collapse:collapse;background:var(--sa-surface-strong)}.sa-table th{background:#f8fafc;color:var(--sa-text-soft);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;text-align:left;border-bottom:1px solid var(--sa-border)}.sa-table td{padding:14px 16px;border-bottom:1px solid #edf2f7;font-size:.86rem;color:var(--sa-text);vertical-align:middle}.sa-table tbody tr:last-child td{border-bottom:0}.sa-table tbody tr{transition:background-color var(--sa-anim-fast)}.sa-table tbody tr:hover{background:#f8fbff}.sa-table strong{display:block;font-size:.88rem;font-weight:700;color:var(--sa-text);margin-bottom:2px}.sa-table span{color:var(--sa-text-faint);font-size:.78rem}.sa-empty-cell{text-align:center;color:var(--sa-text-soft);padding:28px!important;font-style:italic}.sa-empty{padding:28px;text-align:center;color:var(--sa-text-soft);font-size:.88rem;border-radius:14px;border:1px dashed #dbe5ea;background:#fafcfd;font-style:italic}.sa-skeleton-block{display:grid;gap:12px;padding:18px}.sa-skeleton{border-radius:12px;background:linear-gradient(90deg,#dae3e966,#d0dce3b8,#dae3e966);background-size:200% 100%;animation:sa-shimmer 1.5s linear infinite}.sa-skeleton--lg{height:48px}.sa-skeleton--md{height:28px;width:75%}.sa-skeleton--sm{height:18px;width:55%}.sa-page .spinner{width:36px;height:36px;border:3px solid var(--sa-border);border-top-color:var(--sa-primary);border-radius:50%;animation:sa-spin .8s linear infinite}@media(max-width:1180px){.sa-grid--2{grid-template-columns:1fr}.sa-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-inventory{grid-template-columns:1fr;justify-items:center}}@media(max-width:920px){.sa-hero{padding:22px}.sa-chart-summary,.sa-summary-tiles,.sa-stat-grid{grid-template-columns:1fr}.sa-stat-box--wide{grid-column:auto}.sa-mini-bars{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.sa-pulse-grid,.sa-health-grid{grid-template-columns:1fr;padding:14px}.sa-pulse{grid-template-columns:40px minmax(0,1fr)}.sa-hero{padding:20px;border-radius:24px}.sa-hero h1{font-size:1.5rem}.sa-hero p{font-size:.88rem}.sa-card,.sa-metric{border-radius:20px}.sa-card__header{padding:14px 16px}.sa-card__header h3{font-size:.94rem}.sa-stack,.sa-list,.sa-timeline{padding:14px}.sa-mini-bars{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.sa-hero{padding:18px}.sa-refresh-btn{width:100%;justify-content:center}.sa-hero__actions{width:100%}.sa-list__row{flex-direction:column;align-items:flex-start}.sa-list__right{justify-items:start;text-align:left}.sa-timeline__item{grid-template-columns:32px minmax(0,1fr)}.sa-timeline__badge{width:32px;height:32px}.sa-mini-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-metric__value{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.sa-refresh-btn,.sa-hero__actions{display:none!important}.sa-page,.sa-card,.sa-hero,.sa-metric{box-shadow:none!important;border-color:#d7dce1!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}:root{--mg-shell-bg: radial-gradient(circle at 12% 10%, rgba(102, 163, 184, .1), transparent 24%), radial-gradient(circle at 88% 12%, rgba(235, 166, 120, .1), transparent 20%), linear-gradient(180deg, #f7fafc 0%, #f2f6f9 100%);--mg-surface: rgba(255, 255, 255, .94);--mg-surface-strong: #ffffff;--mg-border: #e6edf1;--mg-border-strong: #d8e3e9;--mg-text: #1b2530;--mg-text-soft: #667788;--mg-text-faint: #92a0ae;--mg-primary: #5f97ab;--mg-primary-strong: #4c8297;--mg-accent: #e7a06e;--mg-success: #6fa88b;--mg-warning: #d3a56c;--mg-danger: #d1818c;--mg-hero-bg: linear-gradient(135deg, #2e6b85 0%, #3b7d96 45%, #4c8fa5 100%);--mg-shadow-sm: 0 10px 24px rgba(15, 23, 42, .04);--mg-shadow-md: 0 18px 40px rgba(15, 23, 42, .07)}@keyframes mg-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mg-spin{to{transform:rotate(360deg)}}@keyframes mg-ticker-slide{0%{transform:translate(0)}to{transform:translate(-30%)}}.mg-page{display:grid;gap:16px;padding:10px 0 18px;animation:mg-fade-up .45s ease}.mg-page__loader{min-height:320px;display:grid;place-items:center;gap:10px;color:var(--mg-text-soft)}.mg-page .spinner{width:36px;height:36px;border:3px solid var(--mg-border);border-top-color:var(--mg-primary);border-radius:50%;animation:mg-spin .8s linear infinite}.spin{animation:mg-spin 1s linear infinite}.mg-ticker-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 0}.mg-ticker{display:inline-flex;align-items:center;gap:8px;flex:1 1 360px;min-width:0;color:var(--mg-text);font-size:.84rem}.mg-ticker__label{font-weight:700;color:var(--mg-text);white-space:nowrap}.mg-ticker__icon{color:var(--mg-warning);flex-shrink:0}.mg-ticker__bolt{color:var(--mg-accent);flex-shrink:0}.mg-ticker__messages{color:var(--mg-text-soft);font-weight:500;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.mg-ticker__msg{white-space:nowrap}.mg-quick-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.mg-qa-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;background:#fff;border:1px solid var(--mg-border-strong);color:var(--mg-text);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.mg-qa-btn:hover{transform:translateY(-1px);box-shadow:var(--mg-shadow-sm)}.mg-qa-btn--primary{background:#5e8ea0;color:#fff;border-color:#5e8ea0}.mg-qa-btn--primary:hover{background:#4f7d8e}.mg-qa-btn--accent{background:#eaf3f6;color:var(--mg-primary-strong);border-color:#cfe2ea}.mg-hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) auto;grid-template-rows:auto;gap:14px 18px;padding:20px 22px;border-radius:var(--sa-radius-xl);background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);color:#fff;box-shadow:var(--mg-shadow-md);overflow:hidden;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.mg-hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.1),transparent 40%),radial-gradient(circle at 5% 90%,rgba(255,255,255,.08),transparent 40%);pointer-events:none}.mg-hero-card__main{position:relative;min-width:0}.mg-hero-card .mg-kicker{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 12px;margin-bottom:10px;border-radius:999px;background:#ffffff29;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,255,255,.18)}.mg-hero-card h1{margin:0;color:#fff;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);line-height:1.05;letter-spacing:-.02em;font-weight:800}.mg-hero-card p{margin:8px 0 0;color:#ffffffd9;font-size:.86rem;line-height:1.5}.mg-hero-card .mg-refresh-btn{position:relative;grid-column:2;grid-row:1;align-self:start;justify-self:end;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;min-height:36px;padding:0 14px;border-radius:10px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:none;transition:background .18s ease,transform .18s ease}.mg-hero-card .mg-refresh-btn:hover{background:#ffffff47;transform:translateY(-1px)}.mg-hero-card .mg-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.mg-hero-stats{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}.mg-hero-stat{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 14px;display:grid;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mg-hero-stat__label{font-size:.74rem;font-weight:700;color:#ffffffd1;letter-spacing:.02em}.mg-hero-stat__value{font-size:1.2rem;font-weight:800;color:#fff;line-height:1.1}.mg-hero-stat small{color:#ffffffc7;font-size:.74rem}.mg-hero-stat .mg-link{display:block;margin-top:2px;font-size:.72rem;text-decoration:underline}.mg-hero-stat__split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mg-text-warn{color:#ffd789!important}.mg-hero-stat .mg-text-danger{color:#ffb1ba!important}@media(max-width:860px){.mg-hero-stats,.mg-hero-card{grid-template-columns:1fr}.mg-hero-card .mg-refresh-btn{grid-column:1;justify-self:start}}.mg-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid transparent;box-shadow:var(--mg-shadow-sm)}.mg-banner strong{display:block;margin-bottom:4px;font-size:.92rem}.mg-banner p{margin:0;font-size:.88rem;line-height:1.55}.mg-banner--warning{background:#fff8ef;color:#8b6a3f;border-color:#f1e2c8}.mg-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:.7rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.mg-pill--info{color:var(--mg-primary-strong);background:#eef7fa;border-color:#dcecf2}.mg-pill--accent{color:#c97a4b;background:#fff4ec;border-color:#f7e1d2}.mg-pill--success{color:#5b9276;background:#eef8f2;border-color:#dae9df}.mg-pill--warning{color:#b78855;background:#fff7ee;border-color:#f1e3cf}.mg-pill--danger{color:#bf7380;background:#fff2f4;border-color:#f3d9de}.mg-pill--neutral{color:var(--mg-text-soft);background:#f4f7f9;border-color:#e3eaee}.mg-section-title{padding:4px 4px 0}.mg-section-title h2{margin:0;font-size:1rem;font-weight:800;color:var(--mg-text);letter-spacing:-.01em}.mg-section-title p{margin:4px 0 0;color:var(--mg-text-soft);font-size:.8rem}.mg-grid{display:grid;gap:14px;font-family:inherit}.mg-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-grid--3{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr)}.mg-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.mg-card--span-2{grid-column:span 2}@media(max-width:1180px){.mg-grid--3,.mg-grid--4{grid-template-columns:1fr}.mg-card--span-2{grid-column:span 1}}@media(max-width:880px){.mg-grid--2{grid-template-columns:1fr}}.mg-card{background:linear-gradient(180deg,var(--mg-surface),var(--mg-surface-strong));border:1px solid var(--mg-border);box-shadow:var(--mg-shadow-sm);border-radius:18px;overflow:hidden;animation:mg-fade-up .45s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mg-card:hover{transform:translateY(-2px);box-shadow:var(--mg-shadow-md);border-color:var(--mg-border-strong)}.mg-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--mg-border);background:transparent;font-family:inherit}.mg-card__header h3{margin:0;color:var(--mg-text);font-size:.92rem;font-weight:700;letter-spacing:-.01em;font-family:inherit}.mg-card__header p{margin:4px 0 0;color:var(--mg-text-soft);font-size:.78rem;line-height:1.4;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.mg-icon-badge{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--mg-primary-strong);background:linear-gradient(180deg,#5f97ab1f,#5f97ab0f);border:1px solid rgba(95,151,171,.14);flex-shrink:0}.mg-cat-donut{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;padding:14px 16px;align-items:center}.mg-cat-donut__svg{width:160px;height:160px;display:block}.mg-cat-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mg-cat-legend li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.82rem;color:var(--mg-text)}.mg-cat-legend li strong{font-size:.82rem;color:var(--mg-text);font-weight:700}.mg-cat-dot{width:10px;height:10px;border-radius:999px}.mg-cat-name{color:var(--mg-text-soft)}.mg-cat-empty{color:var(--mg-text-faint);font-style:italic;grid-column:1 / -1}@media(max-width:540px){.mg-cat-donut{grid-template-columns:1fr;justify-items:center}}.mg-hourly{padding:14px 16px}.mg-chart-grid{stroke:#e7edf1;stroke-width:1}.mg-chart-axis{fill:var(--mg-text-faint);font-size:10.5px;font-weight:600}.mg-chart-marker{fill:#c57f8b;font-size:10px;font-weight:700}.mg-chart-peak-label{fill:var(--mg-text);font-size:10px;font-weight:700}.mg-check-list{list-style:none;margin:0;padding:14px 16px;display:grid;gap:10px}.mg-check-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--mg-border)}.mg-check-item:last-child{border-bottom:0}.mg-check-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.84rem;color:var(--mg-text);min-width:0}.mg-check-label input[type=checkbox]{display:none}.mg-check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--mg-border-strong);display:grid;place-items:center;background:#fff;color:transparent;flex-shrink:0;transition:all .15s ease}.mg-check-label input:checked+.mg-check-box{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff}.mg-check-text{font-weight:600}.mg-check-meta{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.mg-check-meta small{color:var(--mg-text-soft);font-size:.74rem;font-weight:600}.mg-mini-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid transparent;background:#f4f7f9;color:var(--mg-text);font-size:.72rem;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease}.mg-mini-btn:hover{transform:translateY(-1px);filter:brightness(.98)}.mg-mini-btn--warning{background:#fff2e3;color:#b97737;border-color:#f4dfc4}.mg-mini-btn--info{background:#eaf3f6;color:var(--mg-primary-strong);border-color:#cfe2ea}.mg-mini-btn--accent{background:#e89b5a;color:#fff;border-color:#d88a48}.mg-mini-btn--danger{background:#fdecee;color:#b96776;border-color:#f3d4d9}.mg-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.mg-stat{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--mg-surface-strong);border:1px solid var(--mg-border)}.mg-stat--soft{background:linear-gradient(180deg,#f7fbfd,#fff)}.mg-stat--gold{background:linear-gradient(180deg,#fff9f2,#fff)}.mg-stat strong{display:block;font-size:1rem;color:var(--mg-text);line-height:1.1}.mg-stat span{display:block;margin-top:4px;color:var(--mg-text-soft);font-size:.78rem}@media(max-width:540px){.mg-stat-grid{grid-template-columns:1fr}}.mg-list{display:grid;gap:10px;padding:14px 16px}.mg-list__row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--mg-surface-strong);border:1px solid var(--mg-border);transition:transform .2s ease,box-shadow .2s ease}.mg-list__row:hover{transform:translateY(-1px);box-shadow:var(--mg-shadow-sm)}.mg-list__left{display:flex;align-items:center;gap:10px;min-width:0}.mg-list__left strong,.mg-list__right strong{color:var(--mg-text);font-size:.88rem}.mg-list__left p,.mg-list__right small{margin:3px 0 0;color:var(--mg-text-soft);font-size:.76rem;line-height:1.4;display:block}.mg-list__right{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.mg-list__row .mg-list__right:has(.mg-mini-btn){flex-direction:row;align-items:center;gap:6px}.mg-rank{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;border-radius:8px;background:#eef7fa;color:var(--mg-primary-strong);font-weight:800;font-size:.76rem;border:1px solid #dcecf2}.mg-inv-wrap{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px 8px}.mg-inv-donut{position:relative;width:130px;height:130px}.mg-inv-donut__svg{width:100%;height:100%;transform:rotate(-90deg)}.mg-inv-donut__track{fill:none;stroke:#f1e6dc;stroke-width:12}.mg-inv-donut__progress{fill:none;stroke:var(--mg-success);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .5s ease}.mg-inv-donut__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.mg-inv-donut__center strong{font-size:1.05rem;color:var(--mg-text)}.mg-inv-donut__center span{font-size:.7rem;color:var(--mg-text-soft)}.mg-inv-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mg-inv-legend li{display:flex;align-items:flex-start;gap:10px}.mg-inv-legend li strong{font-size:.84rem;color:var(--mg-text);display:block}.mg-inv-legend li p{margin:2px 0 0;font-size:.76rem;color:var(--mg-text-soft);line-height:1.4}.mg-inv-footer{padding:8px 16px 14px;color:var(--mg-text-soft);font-size:.76rem;text-align:center;border-top:1px dashed var(--mg-border);margin-top:4px}@media(max-width:720px){.mg-inv-wrap{grid-template-columns:1fr;justify-items:center}}.mg-dot{width:10px;height:10px;border-radius:999px;margin-top:4px;flex-shrink:0}.mg-dot--success{background:#78aa8c}.mg-dot--warning{background:#d2ab79}.mg-dot--danger{background:#cf8893}.mg-dot--neutral{background:var(--mg-primary)}.mg-table-wrap{overflow-x:auto;border-top:1px solid var(--mg-border)}.mg-table{width:100%;border-collapse:collapse;background:var(--mg-surface-strong)}.mg-table th{background:#f5fafc;color:var(--mg-text-soft);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--mg-border)}.mg-table td{padding:12px 14px;border-bottom:1px solid #edf2f5;font-size:.82rem;color:var(--mg-text)}.mg-table tbody tr:last-child td{border-bottom:0}.mg-table tbody tr:hover{background:#f8fbfc}.mg-empty-cell{text-align:center;color:var(--mg-text-soft);padding:24px!important;font-style:italic}.mg-link{font-size:.74rem;text-decoration:underline;color:var(--mg-primary-strong)}.mg-text-danger{color:#c57c88}.mg-empty{margin:14px;padding:22px;text-align:center;color:var(--mg-text-soft);font-size:.84rem;border-radius:12px;border:1px dashed #dbe5ea;background:#fafcfd;font-style:italic}.mg-skeleton-block{display:grid;gap:10px;padding:16px}.mg-skeleton{border-radius:10px;background:linear-gradient(90deg,#dae3e966,#d0dce3b8,#dae3e966);background-size:200% 100%;animation:mg-shimmer 1.5s linear infinite}.mg-skeleton--lg{height:44px}.mg-skeleton--md{height:26px;width:75%}.mg-skeleton--sm{height:16px;width:55%}@media print{.mg-refresh-btn,.mg-quick-actions{display:none!important}.mg-page,.mg-card,.mg-hero-card{box-shadow:none!important;background:#fff!important;color:#000!important}.mg-hero-card *{color:#000!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:var(--surface-2, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;width:100%;max-width:480px;box-shadow:0 8px 32px #0000002e;overflow:hidden}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 0}.modal-title{font-size:16px;font-weight:500;margin:0 0 2px;color:var(--text-primary)}.modal-sub{font-size:13px;color:var(--text-secondary);margin:0}.modal-body{display:flex;flex-direction:column;gap:14px;padding:16px 20px 20px}.modal-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--text-primary)}.modal-hint,.modal-optional{font-size:12px;font-weight:400;color:var(--text-secondary)}.modal-input{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:6px;font-size:14px;background:var(--surface-1, #f9fafb);color:var(--text-primary);width:100%;box-sizing:border-box;transition:border-color .15s}.modal-input:focus{outline:none;border-color:var(--border-accent, #6366f1);background:var(--surface-2, #fff)}.modal-textarea{resize:vertical;min-height:56px}.modal-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-qty-row{display:flex;gap:8px;flex-wrap:wrap}.modal-qty-chip{font-size:12px;padding:4px 10px;border-radius:20px;border:1px solid transparent}.modal-qty-chip--current{background:var(--bg-accent, #eff6ff);border-color:var(--border-accent, #bfdbfe);color:var(--text-accent, #1d4ed8)}.modal-qty-chip--ok{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.modal-qty-chip--warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.modal-total-row{font-size:13px;color:var(--text-secondary);padding:6px 10px;background:var(--surface-1, #f9fafb);border-radius:6px;border:1px solid var(--border, #e5e7eb)}.modal-total-row strong{color:var(--text-primary)}.modal-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-danger, #dc2626);background:var(--bg-danger, #fef2f2);border:1px solid var(--border-danger, #fecaca);border-radius:6px;padding:8px 12px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.icon-btn:hover{color:var(--text-primary);background:var(--surface-1, #f3f4f6)}.mg-banner--info{background:#eef7fa;color:#3d6f80;border-color:#d7e9ef}.mg-banner--success{background:#eef8f2;color:#4f7d67;border-color:#d8eadf}.mg-text-success{color:#b9f3cb!important}.mg-link-btn{background:none;border:none;padding:0;margin-top:4px;font-size:.72rem;color:#ffffffe0;text-decoration:underline;cursor:pointer;text-align:left}.mg-link-btn:hover{color:#fff}.mg-shift-modal{max-width:520px}.mg-shift-state{border:1px solid var(--mg-border);border-radius:10px;padding:12px 14px;display:grid;gap:4px}.mg-shift-state strong{font-size:.92rem}.mg-shift-state p{margin:0;font-size:.82rem;line-height:1.5}.mg-shift-state--blocked{background:#fff5f5;border-color:#f2c7c7;color:#a23b3b}.mg-shift-state--ready{background:#eef8f2;border-color:#d8eadf;color:#4f7d67}.mg-shift-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mg-shift-metric{border:1px solid var(--mg-border);border-radius:10px;padding:12px;background:#fff;display:grid;gap:6px}.mg-shift-metric span{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mg-text-soft)}.mg-shift-metric strong{font-size:1rem;font-weight:800;color:var(--mg-text)}@media(max-width:540px){.mg-shift-metrics{grid-template-columns:1fr}}@media print{body>*:not(#mg-zreport-printable){display:none!important}.mg-zr-noprint{display:none!important}.modal-backdrop{position:static!important;background:none!important}.mg-zr-modal{box-shadow:none!important;max-width:100%!important}}.mg-zr-modal{max-width:480px}.mg-zr-section{border:1px solid var(--mg-border);border-radius:10px;padding:12px 14px;display:grid;gap:6px}.mg-zr-section--highlight{background:#f8f9fb;border-color:#d0dae3}.mg-zr-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mg-text-soft);margin:0 0 4px}.mg-zr-row{display:flex;justify-content:space-between;align-items:center;font-size:.86rem}.mg-zr-row span{color:var(--mg-text-soft)}.mg-zr-row strong{font-weight:700}.mg-zr-row--total{border-top:1px solid var(--mg-border);padding-top:6px;margin-top:2px;font-size:.92rem}.mg-zr-value--danger{color:#c0392b}.mg-zr-value--warn{color:#e67e22}.mg-zr-value--success{color:#27ae60}.mg-zr-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}:root{--mg-expense-primary: #0B4E58;--mg-expense-primary-soft: #2E7B87;--mg-expense-success: #10b981;--mg-expense-danger: #ef4444;--mg-expense-warning: #f59e0b}.mg-card--tight{border-radius:14px;box-shadow:var(--mg-shadow-sm, 0 10px 24px rgba(15, 23, 42, .04));border:1px solid var(--mg-border, #e6edf1);background:var(--mg-surface-strong, #fff)}.mg-retail{gap:16px}.mg-retail .mg-card:hover{transform:none}.mg-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mg-refresh-btn--quiet{min-height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--mg-border-strong);background:#fff;color:var(--mg-text);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mg-refresh-btn--quiet:disabled{opacity:.7;cursor:not-allowed}.mg-kpi-row,.mg-attn__grid,.mg-analytics,.mg-insight,.mg-more{display:grid;gap:14px}.mg-kpi-row{grid-template-columns:repeat(5,minmax(0,1fr))}.mg-kpi,.mg-panel,.mg-attn{background:#fff;border:1px solid #e7edf3;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a}.mg-kpi{padding:16px 16px 14px;display:grid;gap:14px;min-width:0}.mg-kpi__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mg-kpi__top p,.mg-summary__row p{margin:0;color:#64748b;font-size:.78rem;font-weight:600}.mg-kpi__top strong{display:block;margin-top:6px;color:#0f172a;font-size:1.28rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.mg-kpi__icon,.mg-attn-card__icon,.mg-summary__icon{width:36px;height:36px;border-radius:12px;display:inline-grid;place-items:center;flex-shrink:0}.mg-kpi__icon--blue,.mg-summary__icon--blue,.mg-attn-card--blue .mg-attn-card__icon{color:#2563eb;background:#eff6ff}.mg-kpi__icon--violet,.mg-summary__icon--violet,.mg-attn-card--violet .mg-attn-card__icon{color:#7c3aed;background:#f5f3ff}.mg-kpi__icon--green,.mg-summary__icon--green{color:#059669;background:#ecfdf5}.mg-kpi__icon--rose,.mg-attn-card--rose .mg-attn-card__icon{color:#e11d48;background:#fff1f2}.mg-kpi__icon--amber,.mg-summary__icon--amber,.mg-attn-card--amber .mg-attn-card__icon{color:#d97706;background:#fffbeb}.mg-kpi__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:28px}.mg-delta{font-size:.75rem;font-weight:600;line-height:1.3}.mg-delta--up{color:#059669}.mg-delta--down{color:#e11d48}.mg-delta--flat{color:#94a3b8}.mg-spark{width:88px;height:28px;flex-shrink:0}.mg-attn{padding:16px;background:radial-gradient(circle at 0 0,rgba(244,114,182,.08),transparent 32%),radial-gradient(circle at 100% 0,rgba(129,140,248,.1),transparent 28%),#fff}.mg-attn__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mg-attn__mark{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;color:#e11d48;background:#fff1f2}.mg-attn__head h2{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.mg-attn__head p{margin:2px 0 0;color:#64748b;font-size:.8rem}.mg-attn__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mg-attn-card{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:start;padding:14px;border-radius:14px;background:#ffffffe6;border:1px solid #eef2f6;min-width:0}.mg-attn-card__copy h3{margin:0;font-size:.92rem;font-weight:700;color:#0f172a}.mg-attn-card__copy p{margin:4px 0 0;color:#64748b;font-size:.78rem;line-height:1.4}.mg-attn-card__action{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;color:#2563eb;font-size:.8rem;font-weight:700;cursor:pointer}.mg-analytics{grid-template-columns:minmax(0,1.7fr) minmax(260px,.85fr);align-items:stretch}.mg-insight{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-panel{min-width:0;overflow:hidden}.mg-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 8px}.mg-panel__head h3{margin:0;font-size:.98rem;font-weight:700;color:#0f172a}.mg-panel__head p{margin:4px 0 0;color:#64748b;font-size:.78rem}.mg-summary,.mg-rank-list,.mg-pay-list{display:grid;gap:8px;padding:4px 16px 16px}.mg-summary__row,.mg-rank-list__row,.mg-pay-row--total{display:flex;align-items:center;gap:10px}.mg-summary__row{padding:10px 0;border-bottom:1px solid #f1f5f9}.mg-summary__row:last-child{border-bottom:0}.mg-summary__row strong,.mg-rank-list__row>strong{color:#0f172a;font-size:.95rem}.mg-summary__row .mg-delta{margin-left:auto;text-align:right}.mg-rank-list__row{padding:8px 0;border-bottom:1px solid #f1f5f9}.mg-rank-list__row:last-child{border-bottom:0}.mg-rank-list__row>div{min-width:0;flex:1}.mg-rank-list__row strong,.mg-rank-list__row p{display:block}.mg-rank-list__row p{margin:2px 0 0;color:#94a3b8;font-size:.75rem}.mg-inv-note{margin:0;padding:0 16px 16px;color:#059669;font-size:.8rem;font-weight:600}.mg-inv-note--warn{color:#b45309}.mg-pay-row__meta,.mg-pay-row--total{display:flex;align-items:center;gap:8px}.mg-pay-row__meta span:nth-child(2){flex:1;color:#475569;font-size:.82rem}.mg-pay-row__meta strong,.mg-pay-row--total strong{color:#0f172a;font-size:.86rem}.mg-pay-track{height:6px;margin:6px 0 10px;border-radius:999px;background:#f1f5f9;overflow:hidden}.mg-pay-fill{height:100%;border-radius:inherit;min-width:0}.mg-pay-fill--success{background:#10b981}.mg-pay-fill--info{background:#3b82f6}.mg-pay-fill--danger{background:#fb7185}.mg-pay-row--total{justify-content:space-between;margin-top:4px;padding-top:10px;border-top:1px solid #f1f5f9;color:#475569;font-size:.82rem}.mg-pay-row--total span{display:inline-flex;align-items:center;gap:6px}.mg-load-more{display:grid;justify-items:center;gap:6px;padding:4px 0}.mg-load-more__btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid #dbe3ee;background:#fff;color:#334155;font-weight:700;box-shadow:0 1px 2px #0f172a0d;cursor:pointer}.mg-load-more__btn:hover{border-color:#cbd5e1;background:#f8fafc}.mg-load-more p{margin:0;color:#94a3b8;font-size:.78rem}.mg-chevron--up{transform:rotate(180deg)}.mg-more{gap:16px}@media(max-width:1180px){.mg-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-attn__grid,.mg-insight{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-analytics{grid-template-columns:1fr}}@media(max-width:720px){.mg-kpi-row,.mg-attn__grid,.mg-insight{grid-template-columns:1fr}.mg-tools{flex-direction:column}}:root{--ase-primary-deep: #0B4E58;--ase-primary: #135E69;--ase-primary-soft: #2E7B87;--ase-primary-100: #D9ECF0;--ase-primary-200: #B6D8DE;--ase-primary-300: #78A9B7;--ase-primary-500: #5C93A1;--ase-warm-orange: #E17A38;--ase-warm-orange-strong: #E36925;--ase-success-50: #ECFDF5;--ase-success-100: #D1FADF;--ase-success-300: #6CE9A6;--ase-success-600: #039855;--ase-success-700: #027A48;--ase-success-800: #035C37;--ase-danger-50: #FFF1F2;--ase-danger-100: #FFE4E6;--ase-danger-500: #FB7185;--ase-danger-600: #E11D48;--ase-danger-700: #BE123C;--ase-shadow-sm: 0 6px 18px rgba(15, 23, 42, .05);--ase-shadow-md: 0 14px 36px rgba(15, 23, 42, .07);--ase-shadow-lg: 0 24px 60px rgba(15, 23, 42, .1)}@keyframes ase-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ase-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ase-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ase-page{padding:56px;background:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}@media(min-width:768px){.ase-page{padding:24px 28px}}.ase-window{background:#f5f8fa;overflow:hidden;box-shadow:var(--ase-shadow-md)}.ase-window__bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#edf2f5;border-bottom:1px solid #d8e3e9;font-size:12px;color:#44586a;font-weight:600}.ase-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border:1px solid #e6edf1;border-radius:14px;box-shadow:var(--ase-shadow-sm)}.ase-header__title{display:flex;align-items:center;gap:10px;color:#1b2530;font-size:15px;font-weight:700}.ase-header__title-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--mg-primary, #5f97ab);color:#fff;font-weight:800}.ase-summary{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}@media(min-width:1100px){.ase-summary{grid-template-columns:1.5fr 1fr}}.ase-netfunds{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:stretch;background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);color:#fff;border-radius:14px;padding:20px 26px;box-shadow:var(--ase-shadow-md);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;animation:ase-scale-in .4s cubic-bezier(.16,1,.3,1) both}.ase-netfunds__icon{width:64px;height:64px;border-radius:16px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:28px}.ase-netfunds__label{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7}.ase-netfunds__amount{margin:0;font-size:32px;font-weight:900;letter-spacing:-.01em;color:#fff}.ase-zreport{margin-top:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 16px}.ase-zreport__title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;margin-bottom:10px}.ase-zreport__grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.ase-zreport__grid{grid-template-columns:repeat(4,1fr)}}.ase-zreport__cell-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-bottom:2px}.ase-zreport__cell-value{font-size:16px;font-weight:800}.ase-zreport__cell-value.pos{color:#b7f5c8}.ase-zreport__cell-value.neg{color:#ffc9cf}.ase-zreport__cell-value.warn{color:#ffd79a}.ase-kpis{display:grid;gap:16px;grid-template-columns:1fr;margin-top:16px}@media(min-width:720px){.ase-kpis{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.ase-kpis{grid-template-columns:repeat(5,1fr)}}.ase-kpi{position:relative;background:#fff;border:1px solid var(--ase-primary-100);border-radius:14px;padding:14px 14px 12px;box-shadow:var(--ase-shadow-sm);overflow:hidden;display:flex;flex-direction:column;gap:8px;animation:ase-fade-up .45s cubic-bezier(.16,1,.3,1) both;transition:transform .2s ease,box-shadow .2s ease}.ase-kpi:hover{transform:translateY(-3px);box-shadow:var(--ase-shadow-md)}.ase-kpis .ase-kpi:nth-child(1){animation-delay:.02s}.ase-kpis .ase-kpi:nth-child(2){animation-delay:.08s}.ase-kpis .ase-kpi:nth-child(3){animation-delay:.14s}.ase-kpis .ase-kpi:nth-child(4){animation-delay:.2s}.ase-kpis .ase-kpi:nth-child(5){animation-delay:.26s}.ase-kpi__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#334155;transition:transform .2s ease}.ase-kpi:hover .ase-kpi__icon{transform:scale(1.08) rotate(-4deg)}.ase-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ase-primary);border-radius:14px 14px 0 0}.ase-kpi--cash-in:before{background:#10b981}.ase-kpi--mpesa-in:before{background:#06b6d4}.ase-kpi--cash-out:before{background:var(--ase-warm-orange)}.ase-kpi--mpesa-out:before{background:#ef4444}.ase-kpi__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ase-kpi__label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#475569;margin:0 0 6px}.ase-kpi__amount{font-size:22px;font-weight:900;line-height:1.15;margin:0;color:#0f172a}.ase-kpi__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#334155}.ase-kpi--cash-in .ase-kpi__icon{background:#d1fadf;color:#027a48}.ase-kpi--mpesa-in .ase-kpi__icon{background:#cffafe;color:#0e7490}.ase-kpi--cash-out .ase-kpi__icon{background:#fce6d5;color:#b45309}.ase-kpi--mpesa-out .ase-kpi__icon{background:#ffe4e6;color:#be123c}.ase-kpi__delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;margin-top:2px}.ase-kpi__delta--up{color:#039855}.ase-kpi__delta--down{color:#be123c}.ase-kpi__breakdown{font-size:12px;color:#475569;font-weight:600;margin:0;line-height:1.5;padding-top:8px;border-top:1px dashed #e2e8f0}.ase-matched{background:#fff;border:1px solid var(--ase-primary-100);border-radius:14px;padding:14px;box-shadow:var(--ase-shadow-sm);display:flex;flex-direction:column;gap:8px;animation:ase-fade-up .45s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s;transition:transform .2s ease,box-shadow .2s ease}.ase-matched:hover{transform:translateY(-3px);box-shadow:var(--ase-shadow-md)}.ase-matched__label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ase-primary-deep);margin:0}.ase-matched__row{display:flex;justify-content:space-between;font-size:13px;color:#475569;font-weight:600}.ase-matched__row strong{color:#0f172a;font-weight:800}.ase-matched__pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;background:var(--ase-success-50);color:var(--ase-success-700);padding:8px 10px;border-radius:10px;border:1px solid var(--ase-success-100)}.ase-matched__pill--warn{background:#fef6e7;color:#b45309;border-color:#fcd9a6}.ase-matched__hint{font-size:12px;color:#475569;font-weight:600;margin:0}.ase-filters{margin-top:16px;background:#fff;border:1px solid #e6edf1;border-radius:14px;padding:14px 16px;box-shadow:var(--ase-shadow-sm)}.ase-filters__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.ase-field{display:flex;flex-direction:column;gap:6px;flex:1 1 180px}.ase-field__label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.ase-field__select,.ase-field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;color:#1b2530;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ase-field__select:focus,.ase-field__input:focus{border-color:var(--ase-primary-500);box-shadow:0 0 0 4px var(--ase-primary-100)}.ase-field__select{padding-right:30px}.ase-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.ase-btn--primary{background:var(--ase-primary);color:#fff;box-shadow:0 10px 22px #0b4e5838}.ase-btn--primary:hover{background:#1992c7}.ase-btn--secondary{background:#fff;color:#1b2530;border-color:#cbd5e1}.ase-btn--secondary:hover{border-color:var(--ase-primary-500);color:var(--ase-primary-deep)}.ase-btn--ghost{background:transparent;color:#475569}.ase-btn--ghost:hover{color:var(--ase-primary-deep)}.ase-btn[disabled]{opacity:.55;cursor:not-allowed}.ase-ledger{margin-top:16px;background:#fff;border:1px solid #e6edf1;border-radius:14px;padding:16px;box-shadow:var(--ase-shadow-sm);animation:ase-fade-up .5s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}.ase-ledger__head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e6edf1;margin-bottom:12px}.ase-ledger__title-block{display:flex;flex-direction:column;gap:4px}.ase-ledger__eyebrow{display:inline-block;background:var(--ase-primary-100);color:var(--ase-primary-deep);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;align-self:flex-start}.ase-ledger__title{font-size:18px;font-weight:900;margin:0;color:#0f172a}.ase-ledger__sub{font-size:13px;color:#475569;margin:0}.ase-table-wrap{overflow-x:auto;border:1px solid #D7E5E8;border-radius:12px}.ase-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.ase-table thead th{background:#1992c7;color:#fff;text-align:left;padding:10px 12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;white-space:nowrap}.ase-table tbody td{padding:10px 12px;border-bottom:1px solid #eef2f5;color:#1b2530;vertical-align:middle;white-space:nowrap}.ase-table tbody tr:nth-child(2n){background:#f9fbfc}.ase-table tbody tr:hover{background:#f1f8fa}.ase-table td.is-num{text-align:right;font-weight:800}.ase-table td.is-action{text-align:center}.ase-table tbody tr{animation:ase-fade-in .3s ease both}.ase-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ase-badge--inflow{background:var(--ase-success-100);color:var(--ase-success-700)}.ase-badge--outgoing{background:var(--ase-danger-100);color:var(--ase-danger-700)}.ase-badge--status{background:#e8f4ee;color:#2f7a4f}.ase-badge--status-warn{background:#fef6e7;color:#b45309}.ase-icon-btn{width:30px;height:30px;border:1px solid #dbe3ea;background:#fff;color:#64748b;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.ase-icon-btn:hover{color:var(--ase-primary-deep);border-color:var(--ase-primary-500);background:#f1f8fa}.ase-icon-btn--danger:hover{color:var(--ase-danger-700);border-color:#fda4af;background:#fff1f2}.ase-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;color:#475569}.ase-pager__info strong{color:#0f172a}.ase-pager__controls{display:flex;align-items:center;gap:8px}.ase-pager__page{font-weight:800;color:#0f172a;margin:0 6px}.ase-empty,.ase-loading,.ase-error{padding:28px 12px;text-align:center;color:#64748b;font-weight:600}.ase-error-banner{margin-bottom:12px;background:#fff1f2;color:#be123c;border:1px solid #FECDD3;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.ase-statusbar{margin-top:16px;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fff;border:1px solid #e6edf1;border-radius:12px;padding:8px 14px;font-size:12.5px;color:#475569;font-weight:600;box-shadow:var(--ase-shadow-sm)}.ase-statusbar__dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9812e}.ase-modal{width:100%;max-width:640px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0f172a4d;border:1px solid rgba(255,255,255,.65);display:flex;flex-direction:column;animation:ase-scale-in .25s cubic-bezier(.16,1,.3,1) both}.ase-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:ase-fade-in .2s ease both}.ase-modal__head{background:linear-gradient(135deg,#0b4e58,#135e69 60%,#2e7b87);color:#fff;padding:16px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ase-modal__eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;margin:0}.ase-modal__title{font-size:18px;font-weight:900;margin:4px 0 2px}.ase-modal__sub{font-size:13px;color:#ffffffd9;margin:0}.ase-modal__close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ase-modal__close:hover{background:#fff3}.ase-modal__body{padding:18px 20px;display:grid;gap:14px}.ase-modal__footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px 18px;border-top:1px solid #eef2f5}.ase-detail-grid{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:600px){.ase-detail-grid{grid-template-columns:1fr 1fr}}.ase-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.ase-detail__label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#64748b}.ase-detail__value{font-size:14px;font-weight:800;color:#0f172a}.ase-detail--accent{background:var(--ase-primary-100);border-color:var(--ase-primary-200)}.ase-detail--full{grid-column:1 / -1}:root{--hero-teal-1: #427E97;--hero-teal-2: #4F8CA6;--hero-orange-1: #E17A38;--hero-orange-2: #E36925;--accent-magenta: #D6336C;--brand-blue: #0E84C3;--brand-blue-strong: #0A6CA0;--brand-orange: #FA7316;--brand-orange-strong: #F96E14;--brand-orange-deep: #E36925;--nav-text: #2D3748;--nav-text-soft: #333333;--white: #FFFFFF;--input-bg: #F8FAFC;--input-bg-2: #F3F4F6;--input-border: #CBD5E1;--input-muted: #9CA3AF;--chat-blue: #1D4ED8;--chat-blue-2: #2563EB;--bg: #eef2f5;--bg-soft: #f7f8f9;--panel: #ffffff;--panel-2: #f8fafc;--panel-3: #fcfdfe;--text: #1a1d20;--text-strong: #111827;--muted: #6b7280;--line: #dbe3ea;--line-strong: #cbd5e1;--primary: var(--brand-blue);--primary-strong: var(--brand-blue-strong);--accent: var(--brand-orange);--accent-strong: var(--brand-orange-strong);--success: #218353;--danger: #cf3a3a;--warning: #d58c1f;--shadow: 0 12px 30px rgba(17, 24, 39, .08);--shadow-soft: 0 6px 18px rgba(17, 24, 39, .05);--shadow-card: 0 10px 24px rgba(45, 55, 72, .07);--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--container-max: 1440px;--space-1: clamp(.25rem, .2rem + .2vw, .5rem);--space-2: clamp(.5rem, .4rem + .4vw, .75rem);--space-3: clamp(.75rem, .65rem + .5vw, 1rem);--space-4: clamp(1rem, .8rem + .8vw, 1.25rem);--space-5: clamp(1.25rem, 1rem + 1vw, 1.5rem);--space-6: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-xs: clamp(.72rem, .68rem + .2vw, .78rem);--text-sm: clamp(.82rem, .78rem + .25vw, .9rem);--text-md: clamp(.92rem, .86rem + .35vw, 1rem);--text-lg: clamp(1rem, .92rem + .5vw, 1.15rem);--text-xl: clamp(1.2rem, 1rem + .9vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.15rem + 1.4vw, 2rem)}:root[data-theme=dark]{--bg: #0f1720;--bg-soft: #121c27;--panel: #151e29;--panel-2: #1a2430;--panel-3: #202c3a;--text: #eef2f6;--text-strong: #ffffff;--muted: #a5b0bb;--line: #2d3947;--line-strong: #3b4a5b;--shadow: 0 16px 40px rgba(0, 0, 0, .3);--shadow-soft: 0 6px 16px rgba(0, 0, 0, .18);--shadow-card: 0 12px 30px rgba(0, 0, 0, .22);--input-bg: #1a2430;--input-bg-2: #202c3a;--input-border: #3b4a5b;--input-muted: #94a3b8}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}img,svg,video,canvas{max-width:100%;display:block}input,select,textarea{min-width:0}textarea{resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(260px,290px) minmax(0,1fr);background:var(--bg)}.main-shell{min-width:0;width:100%;background-color:#fff}.page-content{width:100%;max-width:var(--container-max);margin-inline:auto;padding:clamp(16px,2vw,28px)}.page-loader{min-height:320px;display:grid;place-items:center;color:var(--muted);font-size:var(--text-sm)}.sidebar{background:#fff;border-right:1px solid rgba(26,104,138,.08);padding:clamp(18px,2vw,26px) clamp(14px,1.5vw,18px);display:flex;flex-direction:column;gap:6px;min-width:0;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(26,104,138,.15) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#4f8ca64d;border-radius:999px}.sidebar-spacious{padding:clamp(20px,2vw,30px) clamp(16px,1.8vw,22px)}.brand-block,.brand-inline{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid rgba(27,154,209,.08)}.brand-logo{position:relative;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1b9ad1,#157fae);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 4px 14px #1b9ad140;flex-shrink:0}.brand-logo:after{content:"";position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:999px;background:#22c55e;border:2px solid #ffffff}.brand-block h1,.brand-inline h1{font-size:1rem;font-weight:700;color:#f92;letter-spacing:-.01em}.brand-store-name{font-size:.88rem;font-weight:700;color:#1b9ad1;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px}.brand-block p,.brand-inline p{color:#f92;font-weight:600;font-size:var(--text-xs);line-height:1.4;margin:0}.nav-section-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#4f8ca6b3;padding:16px 14px 6px;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-list{display:flex;flex-direction:column;gap:2px;flex:1}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:#fff9;border:1px solid transparent;background:transparent;transition:all .18s ease;font-weight:500;font-size:.88rem;min-width:0;text-decoration:none}.nav-link svg{flex-shrink:0;opacity:.7;transition:opacity .18s ease}.nav-link:hover{background:#4f8ca61f;border-color:#4f8ca633;color:#fff}.nav-link:hover svg{opacity:1;color:var(--hero-teal-2)}.nav-link.active{position:relative;background:linear-gradient(90deg,#0e84c338,#0e84c314);border-color:#0e84c34d;color:#fff}.nav-link.active svg{opacity:1;color:var(--hero-teal-2)}.nav-link.active:before{content:"";position:absolute;inset:6px auto 6px 0;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--hero-teal-2),var(--brand-blue))}.nav-list .ghost-button{position:relative;margin-top:12px;background:#cf3a3a14;border:1px solid rgba(207,58,58,.2);color:#ffffff80;border-radius:10px;padding:10px 14px;font-size:.88rem;font-weight:500;gap:10px}.nav-list .ghost-button:before{content:"";position:absolute;top:-8px;left:4px;right:4px;height:1px;background:#4f8ca633}.nav-list .ghost-button:hover{background:#cf3a3a2e;border-color:#cf3a3a66;color:#ff8080;transform:none}.sidebar-summary,.store-switcher-panel,.auth-note,.info-tile,.selection-card,.workspace-banner,.cardless-panel,.billing-sidebar-card,.permission-group-card,.access-role-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.sidebar-summary{padding:16px;display:grid;gap:6px}.sidebar-summary strong,.info-tile strong,.selection-card strong{font-size:.96rem;color:var(--text)}.sidebar-summary span,.info-tile span,.selection-card span,.auth-note span,.store-switcher-panel span{color:var(--muted);font-size:var(--text-sm)}.sidebar-kicker,.eyebrow{display:inline-block;color:var(--brand-orange);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}@media(max-width:1080px){.sidebar{border-right:0;border-bottom:1px solid rgba(79,140,166,.2);position:static;height:auto;overflow-y:visible}}.cashier-topbar{margin-top:20px;width:100%;max-width:var(--container-max);margin-inline:auto;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:clamp(16px,2vw,26px) clamp(16px,2vw,28px) 0}.topbar{width:100%;max-width:var(--container-max);margin-inline:auto;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:clamp(16px,2vw,24px) clamp(16px,2vw,28px);margin-bottom:24px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;background:#fff;color:#1a688a;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #00000005}.topbar-spacious{padding-top:clamp(20px,2vw,30px)}.topbar h2,.section-header h2,.page-title{font-size:var(--text-2xl);line-height:1.15;color:var(--text);margin-bottom:4px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.topbar p,.section-header p,.page-subtitle{color:var(--muted);font-size:var(--text-sm);line-height:1.5;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.cashier-tools,.row-actions,.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cashier-user,.store-name,.inline-note{color:var(--muted)}.store-name{font-weight:600;white-space:nowrap}.stack-lg{display:grid;gap:22px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.stack-md{display:grid;gap:16px;text-align:center;color:#1e293b}.password-field{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#6b7280}.password-toggle:hover{color:#374151}.password-field .text-input{padding-right:40px}.list-stack,.draft-list,.cashier-sections,.cashier-page,.cashier-section{display:grid;gap:12px}.dashboard-grid{display:grid;gap:20px}.dashboard-grid.two-wide{grid-template-columns:minmax(320px,1fr) minmax(0,1.45fr)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.split-header{align-items:flex-start}.section-header,.catalog-hero,.store-header-layout,.hero-quick-actions,.workspace-banner,.cashier-section-head,.auth-links-row,.catalog-toolbar,.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.catalog-hero-copy,.page-hero-copy,.workspace-banner-text,.store-brand-identity,.catalog-item-copy{display:grid;gap:4px}.catalog-title{font-size:var(--text-xl);line-height:1.2;font-weight:700;color:var(--text);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.catalog-subtitle{font-size:var(--text-sm);color:var(--muted);line-height:1.5}.card,.hero-card,.metric-card,.draft-row,.cashier-member-card,.cashier-summary-card,.cashier-detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.card{padding:clamp(14px,1.5vw,18px)}.hero-card{padding:clamp(18px,2vw,22px);background:var(--panel)}.card.hero-card.compact-hero{border-radius:20px;padding:clamp(18px,2vw,30px);box-shadow:0 16px 36px #427e972e;border:1px solid rgba(255,255,255,.12)}.compact-hero{background:linear-gradient(90deg,var(--hero-teal-1) 0%,var(--hero-teal-2) 38%,var(--hero-orange-1) 72%,var(--hero-orange-2) 100%);position:relative;overflow:hidden;width:100%;color:var(--white)}.compact-hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:min(38vw,320px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 68%);pointer-events:none}.compact-hero:after{content:"";position:absolute;inset:-140px auto auto -100px;width:min(34vw,260px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(250,115,22,.24) 0%,transparent 70%);pointer-events:none}.store-brand-identity{flex:1;min-width:min(100%,240px);position:relative;z-index:1}.store-brand-identity .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--brand-orange);background-color:#fffffff0;padding:4px 10px;border-radius:999px;width:fit-content;box-shadow:0 2px 6px #2d37480f}.store-title{color:var(--white);font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;text-shadow:0 2px 10px rgba(45,55,72,.18)}.store-contact-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right;flex:1;min-width:min(100%,260px);position:relative;z-index:1}.meta-location{font-size:.8rem;font-weight:700;color:var(--white);padding:4px 10px;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.meta-address,.meta-communication{color:#ffffffeb;font-size:var(--text-sm);line-height:1.45}.meta-communication{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.meta-divider{color:#ffffff73;font-weight:300}.hero-quick-actions{padding:14px 20px;background-color:#ffffff2e;border:1px solid rgba(255,255,255,.18);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workspace-banner{padding:18px 20px;margin-bottom:22px}.workspace-banner-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--hero-teal-1),var(--brand-blue));color:#fff;flex-shrink:0}.store-switcher-panel{display:grid;gap:6px;padding:14px}.store-switcher-panel .select-input{min-width:210px}.stack-lg admin-settings-page{padding:12px}.form-grid{width:100%}.form-grid.two-columns,.catalog-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;color:var(--nav-text)}.text-input,.select-input,.textarea-input{width:100%;font-size:14px;color:var(--text);box-sizing:border-box;padding:12px 14px;border-radius:10px;background-color:var(--input-bg);border:1px solid var(--input-border);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-input::placeholder,.textarea-input::placeholder,textarea::placeholder{color:var(--input-muted);opacity:1}.select-input{min-height:42px;color:var(--nav-text);font-size:.88rem;font-weight:500;padding-right:40px;outline:none;cursor:pointer;font-family:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232D3748' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.text-input:focus,.select-input:focus,.textarea-input:focus,textarea:focus{outline:none;border-color:var(--hero-teal-2);box-shadow:0 0 0 4px #4f8ca626;background:var(--white)}.select-input option{color:var(--nav-text);background-color:var(--white)}.text-input:disabled,.select-input:disabled,.textarea-input:disabled{opacity:.65;cursor:not-allowed;background-color:var(--input-bg-2)}.textarea-input{min-height:90px}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input[type=checkbox],.selection-card input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-blue)}.span-2{grid-column:span 2}.search-small{min-width:240px;max-width:280px}.slim{min-width:180px}.auth-card .form-grid>button.primary-button{display:flex;width:100%;margin-inline:auto;margin-top:12px;background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26)}.required-mark{color:#ef4444;margin-left:2px}.field-label{display:inline-flex;align-items:baseline}.primary-button,.ghost-button,.icon-button,.chip,.product-card,.draft-row,.catalog-primary-btn,.catalog-icon-btn,.view-drafts-btn,.change-customer-btn,.cashier-view-btn,.pagination-page-btn,.payment-method-card{transition:all .2s ease}.primary-button,.catalog-primary-btn{background:#1992c7;color:#fff;padding:11px 16px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid transparent;box-shadow:0 8px 18px #0e84c329;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-button:hover,.catalog-primary-btn:hover{background:var(--brand-blue-strong);transform:scale(1.06);box-shadow:0 12px 24px #0e84c338}.primary-button:disabled,.catalog-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ghost-button,.icon-button,.chip,.catalog-icon-btn{background:var(--white);color:var(--nav-text);border:1px solid var(--line);cursor:pointer}.ghost-button{padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font-size:.98rem;font-weight:500;background-color:#fff;color:#1a688a;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.ghost-button:hover,.catalog-icon-btn:hover,.icon-button:hover{background-color:var(--input-bg-2);border-color:var(--hero-teal-2);color:var(--text);transform:translateY(-1px)}.ghost-button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-button{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.danger-button,.ghost-button.danger,.catalog-icon-btn.danger{color:var(--danger);border-color:#f5c2c2;background-color:#fffafb}.danger-button:hover,.ghost-button.danger:hover,.catalog-icon-btn.danger:hover{background-color:#fde8e8;border-color:#e89a9a;color:#b02525}.danger,.danger-icon{color:var(--danger)}.chips-row{display:flex;flex-wrap:wrap;gap:10px;width:100%;position:relative;padding-right:44px;min-height:44px;align-items:center}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--input-bg);color:var(--nav-text);border:1px solid var(--input-border);border-radius:999px;font-size:.85rem;font-weight:500;white-space:nowrap}.chip:hover{border-color:var(--hero-teal-2);transform:translateY(-1px)}.chip.active{background-color:var(--hero-teal-2);border-color:var(--hero-teal-1);color:var(--white);font-weight:600;box-shadow:0 4px 10px -2px #427e974d}.chip.active svg{color:#fff!important}.chip svg{color:var(--input-muted);flex-shrink:0;transition:color .2s ease,transform .2s ease}.form-error,.form-success{margin:0;padding:12px 14px;border-radius:10px;font-size:.9rem;line-height:1.45}.form-error{color:#fff;background:#b72d2d}.form-success{color:#fff;background:#218353}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;width:100%}.metrics-grid>div,.metric-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;padding:16px;border-radius:var(--radius-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.metrics-grid strong,.metric-card-value{font-size:clamp(1.2rem,2.5vw,1.75rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;max-width:100%}.metric-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.metric-label-alignment,.metric-card p{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.metric-card h3{font-size:1.6rem;line-height:1.1;color:var(--text);margin-top:6px}.metric-card span{color:var(--muted);font-size:.88rem;line-height:1.45}.metric-icon-badge,.metric-icon{width:40px;height:40px;border-radius:12px;background:var(--input-bg);color:var(--hero-teal-1);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line)}.metric-tone-gold:before{background:#c18a11}.metric-tone-gold .metric-icon-badge{background:#fff4e7;color:#b56d00;border-color:#f3e1b1}.metric-tone-soft:before{background:var(--brand-blue)}.metric-tone-soft .metric-icon-badge{background:#eef8fe;color:var(--brand-blue);border-color:#ccecff}.metric-tone-brown:before{background:#4f5660}.metric-tone-brown .metric-icon-badge{background:#f3f5f7;color:#4f5660;border-color:#e2e5e8}.metric-tone-teal:before{background:var(--hero-teal-1)}.metric-tone-teal .metric-icon-badge{background:#eef5f8;color:var(--hero-teal-1);border-color:#cfe3ea}.metric-tone-danger:before{background:var(--danger)}.metric-tone-danger .metric-icon-badge{background:#fde8e8;color:var(--danger);border-color:#f5c2c2}.metric-tone-success:before{background:var(--success)}.metric-tone-success .metric-icon-badge{background:#e2f5ec;color:var(--success);border-color:#c3edd7}.mini-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;min-height:220px}.mini-bar-col{display:grid;gap:8px;align-items:end;text-align:center}.mini-bar-value{font-size:.75rem;color:var(--muted);min-height:32px;display:flex;align-items:flex-end;justify-content:center}.mini-bar-track{height:150px;border-radius:12px;background:var(--input-bg-2);border:1px solid var(--line);display:flex;align-items:flex-end;padding:6px}.mini-bar-fill{width:100%;border-radius:8px;background:linear-gradient(180deg,var(--hero-teal-2) 0%,var(--hero-teal-1) 100%);min-height:4px}.mini-bar-col strong{font-size:.82rem;color:var(--nav-text)}.catalog-table-card,.payment-items-table-card,.billing-items-table-card{background-color:var(--panel-2);border-radius:12px;box-shadow:var(--shadow-soft);padding:12px;border:1px solid var(--line)}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--line);background:var(--white)}.data-table{width:100%;border-collapse:collapse;background-color:var(--white);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.data-table th{background-color:var(--hero-teal-1);color:var(--white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:12px 14px;text-align:left;border-bottom:2px solid var(--hero-teal-2);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.data-table td{padding:12px 14px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:middle;font-size:13px;color:var(--nav-text);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.data-table tbody tr:nth-child(2n){background-color:#fcfdfe}.data-table tbody tr:hover{background-color:var(--input-bg)}.data-table strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.data-table .muted{font-size:11px;color:var(--muted);line-height:1.4}.data-table tr.active-row{background-color:#eef8fe!important}.data-table tr.active-row td{border-color:#bfe4fb}.billing-items-table th,.billing-items-table td{white-space:nowrap}.billing-items-table td:nth-child(2){white-space:normal;min-width:160px}.payment-items-table-card{max-height:220px;overflow:auto}.payment-items-table-card .data-table th{font-size:10px}.badge,.status-badge,.stock-pill,.history-change-pill,.cashier-status-pill,.cart-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;border:1px solid transparent}.badge{padding:6px 10px;background:#f1f3f5;color:#4f5660;font-size:.78rem;border-color:#e2e5e8}.badge.success,.status-badge.paid,.stock-pill.normal,.history-change-pill.success,.cashier-status-pill.is-active{background:#e2f5ec;color:#218353;border-color:#c3edd7}.badge.danger,.status-badge.unpaid,.stock-pill.out,.history-change-pill.danger{background:#fde8e8;color:#b02525;border-color:#f5c2c2}.status-badge,.stock-pill,.history-change-pill{padding:4px 10px;font-size:11px}.status-badge.draft,.history-change-pill.neutral{background:#f1f3f5;color:#5f666d;border-color:#e2e5e8}.status-badge.partial,.stock-pill.low,.draft-note{background:#fff5e7;color:#b56d00;border-color:#f2ddb2}.cart-badge{gap:6px;background-color:var(--hero-teal-2);color:var(--white);font-size:.8rem;padding:6px 12px;box-shadow:0 2px 8px #4f8ca626;white-space:nowrap}.cart-badge:hover{background-color:var(--hero-teal-1);box-shadow:0 4px 12px #427e9740}.catalog-toolbar{padding:14px 16px;border:1px solid var(--line);background:var(--panel-2);border-radius:12px}.catalog-search{position:relative;min-width:280px;flex:1 1 320px}.catalog-search input{width:100%;padding-left:40px}.catalog-search .text-input{background:var(--white)}.catalog-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);display:inline-flex;align-items:center;pointer-events:none}.catalog-empty-cell{text-align:center;color:var(--muted);padding:22px!important}.catalog-action-group{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.catalog-icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px}.catalog-preview{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);background:var(--panel-2);border-radius:12px}.catalog-preview-image-wrap{width:100%;aspect-ratio:1 / 1;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.catalog-preview-image{width:100%;height:100%;object-fit:cover}.catalog-preview-copy{display:grid;gap:6px}.catalog-preview-copy p,.catalog-check{color:var(--muted);font-size:.9rem;line-height:1.45}.catalog-check{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.pos-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,430px);gap:24px;align-items:start}.cashier-pos-page{align-items:start}.toolbar-row,.pos-toolbar-wrap{display:grid;gap:14px}.search-shell,.search-static{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid rgba(15,23,42,.12);padding:12px 14px;border-radius:12px;box-shadow:var(--shadow-soft);min-width:0}.search-shell{flex-wrap:wrap;min-height:48px}.search-shell input{border:0;outline:none;background:transparent;color:var(--text);width:100%;flex:1 1 240px;min-width:0}.search-shell .hover{color:var(--muted)}.search-static{min-width:260px;box-shadow:none}.search-icon-pos{color:#64748b;transition:color .2s ease}.search-shell:hover{border-color:var(--hero-teal-2)}.search-shell:hover .search-icon-pos,.search-shell:focus-within .search-icon-pos{color:var(--hero-orange-2)}.search-shell:focus-within{border-color:var(--hero-teal-2);box-shadow:0 0 0 2px #4f8ca626}.category-search-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%)}.category-search-toggle{width:34px;height:34px;border-radius:999px;color:var(--muted);border-color:var(--line);background:var(--white);flex-shrink:0}.category-search-toggle:hover{color:var(--hero-teal-1);border-color:var(--hero-teal-2);transform:none}.category-search-toggle.active{background:#eef5f8;color:var(--hero-teal-1);border-color:var(--hero-teal-2)}.category-search-popout{position:absolute;right:35px;left:auto;top:50%;transform:translateY(-50%);display:flex;align-items:center;background:var(--white);border:1px solid var(--hero-teal-2);border-radius:999px;padding:6px 10px 6px 14px;min-width:110px;max-width:140px;box-shadow:0 4px 12px #427e9726;z-index:10;animation:popoutFadeIn .15s ease}@keyframes popoutFadeIn{0%{opacity:0;transform:translateY(-50%) translate(6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.category-search-input{border:none;outline:none;background:transparent;font-size:.82rem;color:var(--text);width:100%;min-width:0}.category-search-input::placeholder{color:var(--input-muted)}.category-search-clear{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 4px;flex-shrink:0}.category-search-clear:hover{color:var(--text)}.products-viewport{position:relative;min-height:360px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.products-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;width:100%}.product-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}.product-skeleton-card,.product-list-row--skeleton,.chip-skeleton{position:relative;overflow:hidden}.product-skeleton-card{border-radius:14px;border:1px solid var(--input-border);background:var(--white);padding:8px;box-shadow:var(--shadow-soft)}.product-skeleton-media,.product-card-image-placeholder,.product-skeleton-line,.product-skeleton-pill,.chip-skeleton{background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200% 100%;animation:product-skeleton-shimmer 1.2s linear infinite}.product-skeleton-media{aspect-ratio:1 / 1;border-radius:10px}.product-skeleton-copy{display:grid;gap:8px;padding:12px 4px 4px}.product-skeleton-line{display:block;height:12px;border-radius:999px}.product-skeleton-line--title{width:72%;height:14px}.product-skeleton-line--body{width:48%}.product-skeleton-line--price{width:36%}.product-skeleton-pill{display:block;width:78px;height:34px;border-radius:10px}.product-list--skeleton{display:grid;gap:10px}.product-list-row--skeleton{pointer-events:none}.product-list-row__actions--skeleton{display:flex;gap:8px}@keyframes product-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--white);border-radius:14px;border:1px solid var(--input-border);padding:8px;overflow:hidden;width:100%;max-width:none;margin:0 auto;box-shadow:var(--shadow-soft);cursor:default;transition:border-color .18s ease,box-shadow .18s ease}.product-card:hover{box-shadow:var(--shadow-card);border-color:var(--hero-teal-2)}.product-card p,.product-category{color:var(--input-muted);font-size:.8rem}.product-card-media{position:relative;width:100%;aspect-ratio:1 / 1;min-height:170px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#427e97,#e17a38)}.product-card-image-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .18s ease;transform:translateZ(0)}.product-card-image-el.is-loaded{opacity:1}.product-card-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.product-card-image-placeholder.is-hidden{opacity:0;visibility:hidden;animation:none}.product-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:8px;background:linear-gradient(to top,#0a0f1970,#0a0f1924 52%,#0a0f190a)}.product-card-info{padding:10px 4px 4px;display:flex;flex-direction:column;gap:4px}.product-card-info h3{color:var(--nav-text);font-size:.9rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-info strong{font-size:.85rem;font-weight:700;color:var(--text)}.product-card-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;z-index:2;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.product-card-actions button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;min-height:38px;padding:9px 8px;font-size:.75rem;font-weight:700;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;transition:background-color .18s ease,color .18s ease,transform .18s ease}.product-card-description{font-size:.78rem;color:var(--muted, #6b7280);margin:2px 0 4px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-list-row__description{font-size:.78rem;color:var(--muted);margin:2px 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.product-card-description-hover{position:absolute;left:8px;right:8px;top:8px;background:#0a0f19b8;color:#fffffff0;font-size:.74rem;line-height:1.5;padding:7px 10px;border-radius:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:2}.product-card:hover .product-card-description-hover,.product-card:focus-within .product-card-description-hover{opacity:1;transform:translateY(0)}.product-card:hover .product-card-actions,.product-card:focus-within .product-card-actions{opacity:1;transform:translateY(0);pointer-events:auto}.products-loading-inline{position:sticky;bottom:12px;margin:12px auto 0;width:fit-content;padding:8px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(15,23,42,.08);color:var(--muted);font-size:.78rem;box-shadow:var(--shadow-soft)}.chip-skeleton{min-width:88px;min-height:34px;border-color:transparent;color:transparent;pointer-events:none}.pay-now-btn{background-color:var(--brand-orange);color:var(--white)}.pay-now-btn:hover{background-color:var(--hero-orange-2)}.add-btn{background-color:#ffffffeb;color:var(--text);border:1px solid rgba(255,255,255,.45)!important}.add-btn:hover{background-color:#fff}.billing-panel{position:sticky;top:18px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.billing-sidebar-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;width:100%;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--white);gap:16px;border-bottom:1px solid var(--line)}.card-header h3{color:var(--nav-text);font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.card-header p{color:var(--muted);font-size:.9rem;line-height:1.45}.info-panel{padding-bottom:22px}.info-tile{padding:16px 18px;display:grid;gap:6px;min-height:100%;align-content:center;background:#fff}.info-tile.compact{min-height:100%;align-content:center}.customer-billing-section{width:100%;padding:4px 0;background-color:var(--white)}.selected-customer-box{display:flex;align-items:center;padding:12px 16px;gap:16px;flex-wrap:wrap}.customer-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.customer-meta .meta-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--input-muted);font-weight:700}.customer-meta strong{font-size:.95rem;color:var(--nav-text);font-weight:700}.change-customer-btn{background-color:transparent;color:var(--brand-orange);border:1px solid var(--brand-orange);padding:6px 12px;font-size:.78rem;font-weight:700;border-radius:8px;cursor:pointer}.change-customer-btn:hover{background-color:var(--brand-orange);color:var(--white);box-shadow:0 2px 6px #fa731633}.invoice-subtext{font-size:.82rem;color:var(--input-muted);font-weight:500}.list-row,.draft-row,.billing-item-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;border-radius:10px;background:var(--white);border:1px solid #e8ebee}.list-row p,.billing-item-row p,.draft-row p{color:var(--muted);margin-top:4px;font-size:.88rem}.align-right{text-align:right}.billing-items-list{display:flex;flex-direction:column;width:100%;background-color:var(--white);max-height:400px;overflow-y:auto}.billing-items-list .muted{padding:40px 20px;text-align:center;font-size:.88rem;color:var(--input-muted);font-weight:500}.billing-item-row{padding:12px 20px;border-bottom:1px solid var(--input-bg-2);border-radius:0;border-left:0;border-right:0;border-top:0;transition:background-color .15s ease}.billing-item-row:hover{background-color:var(--input-bg)}.billing-item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.product-name{font-size:.9rem;font-weight:700;color:var(--nav-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vat-meta-wrapper{display:flex;align-items:center}.vat-badge{font-size:.72rem;font-weight:600;background-color:var(--input-bg-2);color:var(--input-muted);padding:2px 6px;border-radius:6px}.billing-item-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.quantity-control,.qty-control{display:inline-flex;align-items:center;gap:8px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:2px 4px}.quantity-control .icon-button{background:transparent;border:none;color:var(--hero-teal-1);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px}.quantity-control .icon-button:hover:not(:disabled){background-color:var(--white);box-shadow:0 1px 3px #2d374814;color:var(--hero-teal-2)}.quantity-display,.qty-value{font-size:.85rem;font-weight:700;color:var(--nav-text);min-width:24px;text-align:center}input.quantity-display{width:5.5rem;border:1px solid transparent;background:transparent;font:inherit;font-weight:700;padding:2px 4px;border-radius:6px}input.quantity-display:focus{outline:none;border-color:var(--hero-teal-1);background:var(--white, #fff)}.quantity-unit{font-size:.75rem;font-weight:700;color:var(--nav-text)}.line-total{font-size:.92rem;font-weight:700;color:var(--nav-text);min-width:75px;text-align:right}.billing-item-actions .icon-button.danger-icon{background:transparent;border:none;color:var(--input-border);cursor:pointer;padding:6px;border-radius:6px}.billing-item-actions .icon-button.danger-icon:hover:not(:disabled){color:var(--hero-orange-2);background-color:#e3692514}.icon-button:disabled{opacity:.4;cursor:not-allowed!important;background-color:transparent!important;box-shadow:none!important}.billing-summary-container{padding:16px;width:100%;max-width:420px;margin-left:auto}.billing-summary-list{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.summary-label{color:#64748b;font-size:.88rem;font-weight:500}.summary-value{color:var(--nav-text);font-size:.92rem;font-weight:700}.summary-divider{height:1px;background-color:var(--input-border);margin:4px 0;width:100%}.summary-row.total-accent-row{padding-top:4px}.total-label{color:var(--hero-teal-1);font-size:1rem;font-weight:800;letter-spacing:-.01em}.total-value{color:var(--hero-orange-2);font-size:clamp(1.15rem,1rem + .8vw,1.45rem);font-weight:800;letter-spacing:-.02em}.billing-summary-grid.medium-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px;margin-bottom:16px;width:100%}.billing-summary-grid.medium-layout .summary-box{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--white);border:1px solid #e8ebee;border-radius:10px;min-width:0;overflow:hidden}.billing-summary-grid.medium-layout .summary-box span{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.billing-summary-grid.medium-layout .summary-box strong{font-size:15px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-summary-grid.medium-layout .summary-box.accent{background:#fff4e9;border-color:#ffd3b0}.billing-summary-grid.medium-layout .summary-box.accent span{color:var(--brand-orange)}.billing-summary-grid.medium-layout .summary-box.accent strong{color:var(--hero-orange-2);font-weight:800}.view-drafts-btn{display:flex;align-items:center;gap:6px;background-color:transparent;border:1px solid var(--input-border);color:var(--hero-teal-1);padding:8px 14px;font-size:.82rem;font-weight:700;border-radius:10px;cursor:pointer}.view-drafts-btn:hover{background-color:var(--white);border-color:var(--hero-teal-1);box-shadow:0 2px 6px #427e971a}.inline-note-spinner{font-size:.78rem;color:var(--input-muted);font-weight:500;font-style:italic;display:flex;align-items:center}.billing-bottom-actions{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;background-color:var(--input-bg-2);border-top:1px solid var(--input-border);border-bottom-left-radius:14px;border-bottom-right-radius:14px}.billing-bottom-actions>button{width:min(100%,420px);min-height:48px;padding:14px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.2;font-weight:700;white-space:normal}.billing-bottom-actions .primary-button{width:100%;min-height:48px;background-color:var(--brand-orange);color:var(--white);border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #fa731629}.billing-bottom-actions .primary-button:hover:not(:disabled){background-color:var(--hero-orange-2);box-shadow:0 6px 16px #e369253d;transform:translateY(-1px)}.billing-bottom-actions .primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #e3692526}.billing-bottom-actions .primary-button:disabled{opacity:.5;background-color:var(--input-muted);color:var(--input-bg-2);cursor:not-allowed;box-shadow:none;transform:none}.pagination-bar{padding:14px 16px;margin-top:6px;border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:var(--shadow-soft)}.pagination-summary{color:var(--muted);font-size:.92rem;line-height:1.5}.pagination-summary strong{color:var(--text)}.pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.pagination-pages{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn{min-width:92px;justify-content:center}.pagination-page-btn{min-width:42px;height:42px;padding:0 12px;border-radius:10px;background:var(--white);color:var(--nav-text);font-weight:700;cursor:pointer}.pagination-page-btn:hover{background:var(--input-bg-2);border-color:var(--hero-teal-2);color:var(--text);transform:translateY(-1px)}.pagination-page-btn.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 10px 20px #0e84c32e}.pagination-page-btn:disabled,.pagination-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.pagination-ellipsis{min-width:28px;text-align:center;color:var(--muted);font-weight:700;-webkit-user-select:none;user-select:none}.pagination-mobile-stack{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .18s ease;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);animation:modalSlideUp .22s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(135deg,#427e97,#e17a38);z-index:2;border-radius:12px}.modal-header h3{margin-bottom:4px;font-size:1.02rem}.modal-content{padding:20px}.payment-modal-card{width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column}.payment-modal-content{display:grid;gap:18px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.payment-summary-strip{display:flex;gap:12px;flex-wrap:wrap}.payment-summary-pill{flex:1 1 160px;padding:14px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);display:grid;gap:6px}.payment-summary-pill span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.payment-summary-pill strong{font-size:1.06rem;color:var(--text)}.payment-method-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-modal-card{width:min(1040px,100%);max-height:92vh;display:flex;flex-direction:column;border-radius:22px;overflow:hidden}.payment-modal-card--wide{width:min(1080px,100%)}.payment-modal-header{padding:22px 24px}.payment-modal-close{width:42px;height:42px;border-radius:12px}.payment-modal-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:18px;align-items:start}.payment-modal-pane{display:grid;gap:14px;min-width:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.payment-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-panel-title-row h4{font-size:1rem;color:var(--text);letter-spacing:-.01em}.payment-panel-title-row .small{font-size:.82rem}.payment-panel-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);box-shadow:var(--shadow-soft);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.payment-panel-card--reward{background:#f6fffa;border-color:#ccead7}.payment-context-summary{display:grid;gap:12px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.payment-context-box-title{font-size:1rem;font-weight:800;color:var(--text)}.payment-kv-list{display:grid;gap:10px}.payment-kv-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.payment-kv-row span{font-size:.86rem;color:var(--nav-text)}.payment-kv-row strong{font-size:.95rem;color:var(--text);white-space:nowrap}.payment-kv-row strong.is-discount{color:var(--danger)}.payment-kv-row--net span,.payment-kv-row--net strong{font-size:1.05rem;font-weight:800;color:var(--text-strong)}.payment-summary-divider{height:1px;background:var(--line-strong)}.payment-summary-divider--soft{background:var(--line)}.payment-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-switch-row span{font-size:.86rem;color:var(--nav-text)}.payment-switch{width:48px;height:28px;border-radius:999px;border:1px solid var(--line-strong);background:#e5e7eb;padding:3px;position:relative;transition:all .18s ease;cursor:pointer}.payment-switch-thumb{width:20px;height:20px;display:block;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a26;transition:transform .18s ease}.payment-switch.is-active{background:#dbeafe;border-color:#93c5fd}.payment-switch.is-active .payment-switch-thumb{transform:translate(20px)}.payment-customer-card{display:grid;gap:12px}.payment-customer-header strong{font-size:1rem;color:var(--text)}.payment-loyalty-block{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.payment-loyalty-copy{display:grid;gap:4px}.payment-loyalty-label{font-size:.9rem;color:var(--nav-text)}.payment-loyalty-points{font-size:1.9rem;line-height:1;color:var(--success);letter-spacing:-.03em}.payment-loyalty-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-benefits-link{width:fit-content;background:transparent;border:0;padding:0;color:var(--brand-blue);font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.payment-benefits-link:hover{text-decoration:underline}.payment-loyalty-applied{padding:10px 12px;border-radius:10px;background:#eef8fe;border:1px solid #cfe7fb;color:var(--brand-blue);font-size:.88rem;font-weight:600}.payment-inline-error{font-size:.82rem;color:var(--danger);font-weight:600}.payment-empty-mini{color:var(--muted);font-size:.92rem;line-height:1.5}.payment-reward-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.payment-reward-copy{display:grid;gap:6px}.payment-reward-copy strong{display:inline-flex;align-items:center;gap:8px;color:var(--success)}.payment-reward-copy span{font-size:.88rem;color:var(--text)}.payment-method-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px;border:1px solid var(--line);background:var(--panel-2);border-radius:14px}.payment-method-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-weight:700;transition:all .18s ease}.payment-method-tab:hover{background:var(--panel);border-color:var(--line)}.payment-method-tab.active{background:#fff7f1;border-color:#ffd3b0;box-shadow:var(--shadow-soft)}.payment-method-tab-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;flex-shrink:0}.payment-method-tab-icon--cash{background:linear-gradient(135deg,#f97316,#fb923c)}.payment-method-tab-icon--mpesa,.payment-method-tab-icon--card{background:linear-gradient(135deg,var(--hero-teal-1),var(--brand-blue))}.payment-entry-card{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);min-height:100%}.payment-covered-banner{padding:16px;background:#e2f5ec;border:1px solid #c3edd7;border-radius:12px;color:#218353;font-weight:700;text-align:center}.payment-amount-box{display:grid;gap:6px}.payment-amount-box span{font-size:.92rem;color:var(--nav-text)}.payment-amount-box strong{font-size:clamp(1.85rem,1.5rem + .8vw,2.4rem);line-height:1;letter-spacing:-.04em;color:var(--text)}.payment-field{display:grid;gap:6px}.payment-field span{font-size:.9rem;color:var(--nav-text);font-weight:600}.payment-cash-input{font-size:1.05rem;font-weight:700}.payment-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-quick-chip{min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700;cursor:pointer;transition:all .18s ease}.payment-quick-chip:hover{border-color:var(--hero-teal-2);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.payment-change-box{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}.payment-change-box span{font-size:.92rem;color:var(--nav-text)}.payment-change-box strong{font-size:1.05rem;color:var(--text)}.payment-method-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.payment-field--full{grid-column:1 / -1}.payment-form-error{margin:0}.payment-modal-actions--bottom{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-top:2px}.payment-submit-btn,.payment-cancel-btn{min-height:56px;border-radius:14px;justify-content:center;font-weight:800;text-transform:uppercase;letter-spacing:.02em}@media(max-width:920px){.payment-modal-layout{grid-template-columns:1fr}}@media(max-width:768px){.payment-method-tabs,.payment-modal-actions--bottom,.payment-method-form{grid-template-columns:1fr}.payment-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.payment-modal-card{border-radius:16px}.payment-modal-header{padding:18px}.payment-entry-card,.payment-panel-card{padding:14px}.payment-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.payment-modal-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;margin-top:6px}.payment-modal-actions>button{width:100%;min-height:54px;justify-content:center;border-radius:12px;font-weight:700}.draft-modal-card{width:min(920px,100%);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.draft-modal-list{padding:16px;overflow:auto;display:grid;gap:12px}.draft-modal-row{width:100%;text-align:left;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);display:flex;flex-direction:column;gap:14px;transition:all .18s ease}.draft-modal-row:hover{border-color:var(--hero-teal-2);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.draft-modal-row.active{border-color:#bfe4fb;background:#eef8fe}.draft-modal-row-main{width:100%;background:transparent;border:0;padding:0;cursor:pointer;display:flex;justify-content:space-between;gap:18px;color:inherit;text-align:left}.draft-modal-main{display:grid;gap:6px;min-width:0}.draft-modal-main strong{font-size:1rem}.draft-modal-main p,.draft-modal-main small,.draft-note{margin:0;color:var(--muted)}.draft-side-meta{display:grid;gap:4px;align-content:start;text-align:right;white-space:nowrap}.draft-side-meta strong{font-size:1.04rem;color:var(--text)}.draft-side-meta p{color:var(--muted);font-size:.86rem}.draft-note{display:inline-flex;width:fit-content;padding:5px 10px;border-radius:999px;font-size:.82rem;font-weight:600}.draft-modal-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px dashed var(--line);padding-top:12px}.draft-modal-actions>button{padding:9px 14px;border-radius:10px;font-size:.9rem;min-height:40px}.draft-edit-button{border-color:#bfe4fb;color:var(--brand-blue)}.draft-edit-button:hover{background:#eef8fe}.empty-draft-state{padding:26px;text-align:center;color:var(--muted)}.form-modal-card{width:min(620px,100%);max-height:90vh;display:flex;flex-direction:column}.form-modal-card-wide{width:min(820px,100%)}.order-detail-modal-card{width:min(920px,100%);max-height:90vh;display:flex;flex-direction:column}.form-modal-card .modal-content,.order-detail-modal-card .modal-content,.draft-modal-card .modal-content{overflow:auto}.catalog-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px;flex-wrap:wrap}.catalog-modal-actions>button{min-height:42px;border-radius:8px;padding:10px 18px}.selection-grid,.access-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.selection-card{padding:14px 16px;display:flex;gap:12px;align-items:flex-start;background:var(--white)}.selection-card input{margin-top:4px}.access-control-grid{display:grid;gap:20px}.access-role-card{border-radius:14px;padding:16px;background:var(--panel-2)}.access-role-topbar,.permission-group-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.access-role-topbar{margin-bottom:16px}.access-role-title{font-size:1.08rem;color:var(--text);margin:0 0 4px}.permission-group-card{padding:14px}.permission-group-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eceff2}.permission-group-header strong,.permission-meta strong{font-size:.95rem;color:var(--text)}.permission-group-header span,.permission-meta span{color:var(--muted);font-size:.84rem;line-height:1.4;word-break:break-word}.permission-meta{display:grid;gap:4px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--bg),var(--bg-soft))}.auth-card{width:min(100%,520px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow);display:grid;gap:20px}.auth-card-wide{width:min(100%,760px)}.auth-card h1{font-size:1.8rem;margin-bottom:8px;color:var(--text)}.auth-card p{color:var(--muted);line-height:1.5}.auth-switch{text-align:center;color:var(--muted)}.auth-switch a,.text-link{color:var(--brand-blue);font-weight:700}.auth-note{padding:14px 16px;display:grid;gap:6px}.auth-note.warning{background:#fff8eb;border-color:#f2ddb2}.waiting-card{display:grid;gap:20px}.bullet-list{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--muted)}.image-source-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-2)}.image-source-switch .chip{cursor:pointer;font-weight:600}.kbd-inline{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 8px;margin-left:8px;border-radius:6px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700;color:#4f5660;background:#f1f3f5;border:1px solid #dcdfe3;border-bottom-width:2px;letter-spacing:.04em;line-height:1.2}.kbd-on-primary{color:#fff;background:#ffffff2e;border-color:#ffffff59}:root[data-theme=dark] .kbd-inline{color:var(--text);background:var(--panel-3);border-color:var(--line-strong)}.shortcut-hint-btn{margin-left:auto;padding:6px 10px;font-size:.82rem}.cancel-row{display:flex;justify-content:flex-end;margin-top:10px}.image-source-switch .chip.active{background:#eef8fe;border-color:#bfe4fb;color:var(--brand-blue)}.cashier-page{display:grid;gap:22px}.cashier-staff-search{min-width:300px;max-width:380px;width:100%}.cashier-sections{display:grid;gap:28px}.cashier-section{display:grid;gap:14px}.cashier-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.cashier-section-head h3{margin:0;color:var(--nav-text);font-size:1.08rem;font-weight:700}.cashier-section-head p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.cashier-section-count{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef8fe;border:1px solid #bfe4fb;color:var(--brand-blue);font-size:.78rem;font-weight:700;white-space:nowrap}.cashier-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:18px}.cashier-member-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow-card);display:grid;gap:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cashier-member-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #3f2b1814;border-color:#bfe4fb}.cashier-member-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.cashier-member-left{display:flex;align-items:center;gap:14px;min-width:0}.cashier-avatar{width:58px;height:58px;border-radius:999px;background:linear-gradient(180deg,var(--brand-orange) 0%,var(--hero-orange-2) 100%);color:var(--white);display:grid;place-items:center;font-size:1rem;font-weight:800;letter-spacing:.03em;flex-shrink:0;box-shadow:inset 0 1px #ffffff26}.cashier-member-meta{min-width:0}.cashier-member-meta h4{margin:0;color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.2}.cashier-member-meta p{margin:5px 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}.cashier-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;border:1px solid transparent;flex-shrink:0}.cashier-status-pill.is-active{color:#22814d;background:#e4f6ea;border-color:#ccead7}.cashier-status-pill.is-inactive{color:#a34d2d;background:#fff1e8;border-color:#f1d3c2}.cashier-divider{height:1px;background:var(--line)}.cashier-member-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.cashier-sales-block{display:grid;gap:4px}.cashier-sales-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cashier-sales-amount{color:var(--text);font-size:clamp(1.6rem,1.3rem + 1vw,2rem);line-height:1;font-weight:800;letter-spacing:-.03em}.cashier-view-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--white);border:1px solid var(--input-border);color:var(--nav-text);font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.cashier-view-btn:hover{background:var(--input-bg);border-color:var(--hero-teal-2);color:var(--text);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.cashier-detail-modal{border-radius:22px}.cashier-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cashier-summary-card{border-radius:16px;border:1px solid var(--line);background:var(--panel);box-shadow:none}.cashier-summary-card-top{display:flex;align-items:center;gap:10px}.cashier-summary-icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#eef8fe;color:var(--brand-blue);flex-shrink:0}.cashier-detail-panel{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--panel);box-shadow:none}.cashier-detail-panel strong{color:var(--text);font-size:.96rem;margin-bottom:6px;display:inline-block}.metric-card-bottom{display:grid;gap:6px;margin-top:8px}.metric-trend{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}.metric-trend.up{color:var(--success)}.metric-trend.down{color:var(--danger)}.metric-trend.neutral{color:var(--muted)}.list-row-flex{display:flex;align-items:center;gap:10px;min-width:0}.rank-badge{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef8fe;border:1px solid #bfe4fb;color:var(--brand-blue);font-size:.78rem;font-weight:800;flex-shrink:0}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-tile{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel);box-shadow:var(--shadow-soft);display:grid;gap:8px}.health-tile-top{display:flex;align-items:center;gap:10px}.health-tile h4{font-size:1.2rem;color:var(--text);line-height:1.1}.health-tile p{color:var(--muted);font-size:.88rem;line-height:1.45}.health-tile.tone-soft{background:#f8fcff}.health-tile.tone-gold{background:#fffaf2}.health-tile.tone-brown{background:#fbfbfb}.customers-admin-shell{gap:18px}.customers-admin-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.customers-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:6px}.customers-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customers-blue-banner{width:100%;background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);color:#fff;padding:12px 16px;border-radius:8px;font-weight:700;box-shadow:var(--shadow-soft)}.customers-toolbar-like-image{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.customers-toolbar-like-image .catalog-search{flex:1 1 320px;min-width:240px}.customers-show-entries{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.customers-show-entries .text-input{min-width:82px;width:82px;padding:10px 28px 10px 10px}.customers-table-like-image{padding:0;overflow:hidden;border-radius:14px;background:var(--panel)}.customers-table-like-image .table-wrap{border:0;border-radius:0}.customers-table-like-image .data-table th{background:#0f6da9;border-bottom-color:#0f6da9;font-size:11px;letter-spacing:.05em}.customers-table-like-image .data-table td{vertical-align:middle}.customers-table-like-image .data-table tbody tr:hover{background:#f7fbff}.customers-action-icons{justify-content:flex-start}.customers-action-icons .ghost-button{min-width:auto;padding:8px 10px}.customers-table-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.customers-refresh-btn,.customers-export-btn{white-space:nowrap}.customers-rewards-modal{max-width:min(1100px,100%)}.customers-reward-active-card{border:1px solid #cfe7fb;background:linear-gradient(180deg,#f7fbff,#fff)}.customers-reward-active-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.customers-reward-active-top h4{margin:6px 0 0;font-size:1.12rem;color:var(--text)}.customers-reward-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.customers-rule-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.customers-rule-copy{display:grid;gap:6px;min-width:0;flex:1}.customer-history-modal-like-image{width:min(1200px,100%);max-height:90vh;overflow:hidden;padding:0;border-radius:16px}.customer-history-top-header{background:linear-gradient(90deg,#0e84c3,#2d74b8);color:#fff;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-history-top-header h3{margin:0;color:#fff;font-size:1.2rem}.customer-history-top-header .icon-button{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff}.customer-history-top-header .icon-button:hover{background:#fff3;border-color:#ffffff52;color:#fff}.customer-history-tabs{display:flex;align-items:center;gap:4px;padding:12px 16px 0;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto}.customer-history-tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;font-weight:700;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap}.customer-history-tab:hover{color:var(--text);background:var(--panel-2)}.customer-history-tab.active{color:var(--brand-blue);background:#eef8fe;border:1px solid #cfe7fb;border-bottom-color:transparent}.customer-history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;flex-wrap:wrap;background:var(--panel)}.customer-history-toolbar .catalog-search{flex:1 1 280px;min-width:220px}.customers-history-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px;border-top:1px solid var(--line);background:var(--panel)}.customers-admin-shell .form-modal-card .modal-header button.icon-button,.customers-admin-shell .form-modal-card-wide .modal-header button.icon-button{width:38px;height:38px}.customers-admin-shell .catalog-title{margin:0}.customers-admin-shell .catalog-toolbar .ghost-button,.customers-admin-shell .customers-top-actions .ghost-button,.customers-admin-shell .customers-top-actions .primary-button{min-height:40px}.customers-admin-shell .data-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-blue)}.customers-admin-shell .badge.success{background:#e7f7ee;color:#1e824f;border-color:#cbeed9}.customers-admin-shell .info-tile.compact strong{font-size:1rem}.customers-admin-shell .info-tile.compact span{font-size:.8rem}.customers-admin-shell .catalog-form-grid label{min-width:0}.customers-admin-shell .catalog-form-grid .card{margin-top:4px}.customers-admin-shell .row-actions.compact{gap:8px}.customers-admin-shell .customers-table-like-image .muted{font-size:12px}.customers-admin-shell .empty-draft-state{padding:24px}.customer-history-modal-like-image .draft-modal-list{overflow:auto;max-height:calc(90vh - 220px)}.customer-history-modal-like-image .table-wrap{border-radius:12px}.customer-history-modal-like-image .data-table th{background:#1679bf;border-bottom-color:#0f6da9}.customer-history-modal-like-image .card{box-shadow:none}.customer-history-modal-like-image .customers-reward-summary-grid .info-tile{background:var(--panel)}.customer-history-modal-like-image .customers-show-entries .text-input{min-width:76px;width:76px}.super-admin-dashboard-v2{gap:18px}.dashboard-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:18px}.retro-dashboard-card{padding:0;overflow:hidden;border-radius:10px;border:1px solid #d8e0e7;background:#fff;box-shadow:0 6px 18px #0f172a0d}.retro-dashboard-card .card-header.retro-header{padding:12px 16px;background:linear-gradient(180deg,#fbfdff,#f3f7fa);border-bottom:1px solid #dde6ed}.retro-dashboard-card .card-header h3{font-size:1rem;color:#24313f;font-weight:700}.retro-dashboard-card .card-header p{font-size:.82rem;color:#6b7280}.dashboard-header-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.74rem;font-weight:800;color:#1679bf;background:#eef8fe;border:1px solid #cfe7fb;white-space:nowrap}.takings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.pulse-tile{border:1px solid #e5ebf1;background:#fff;border-radius:12px;padding:14px 12px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;position:relative;min-height:92px}.pulse-icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid transparent}.pulse-icon.tone-green{background:#edf9f1;color:#1f9254;border-color:#ccefd7}.pulse-icon.tone-yellow{background:#fff8ea;color:#b77b05;border-color:#f2ddb2}.pulse-icon.tone-red{background:#fff0f0;color:#cf3a3a;border-color:#f2c7c7}.pulse-icon.tone-blue{background:#eef8fe;color:#0e84c3;border-color:#ccecff}.pulse-copy{display:grid;gap:3px;min-width:0}.pulse-copy strong{font-size:1.05rem;color:#1f2937;line-height:1.15;word-break:break-word}.pulse-copy span{font-size:.78rem;color:#6b7280;line-height:1.3}.pulse-trend{grid-column:1 / -1;display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;margin-top:2px}.pulse-trend.up{color:#218353}.pulse-trend.down{color:#cf3a3a}.pulse-trend.neutral{color:#6b7280}.sales-graph-shell{padding:14px 16px 16px;display:grid;gap:12px}.sales-legend{display:flex;flex-wrap:wrap;gap:12px 16px}.sales-legend-item{display:inline-flex;align-items:center;gap:8px;color:#5f6b78;font-size:.8rem;font-weight:600}.sales-legend-item i{width:12px;height:12px;border-radius:999px;display:inline-block}.sales-graph-svg{width:100%;height:auto;display:block;background:linear-gradient(180deg,#fafcffcc,#fffffff2);border:1px solid #e7edf3;border-radius:12px}.sales-grid-line{stroke:#e9eef3;stroke-width:1}.sales-axis-label{fill:#7b8794;font-size:11px;font-weight:600}.sales-graph-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sales-graph-summary>div{border:1px solid #e7edf3;border-radius:10px;background:#fbfdff;padding:10px 12px;display:grid;gap:4px}.sales-graph-summary span{font-size:.73rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7b8794}.sales-graph-summary strong{font-size:1rem;color:#1f2937}.dashboard-rank-table{border:0;border-radius:0}.dashboard-rank-table .data-table th{background:#dff1fb;color:#1f3a53;border-bottom:1px solid #c7dfef;font-size:10px}.dashboard-rank-table .data-table td{font-size:12.5px}.dashboard-rank-table .data-table tbody tr:nth-child(2n){background:#fafcfe}.stats-grid-retro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.stat-retro-box{border:1px solid #e7edf3;background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;min-width:0}.stat-retro-box strong{display:block;font-size:1.18rem;line-height:1.1;color:#1f2937}.stat-retro-box span{display:block;margin-top:4px;color:#6b7280;font-size:.82rem;line-height:1.35}.stat-retro-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;border:1px solid transparent}.stat-retro-icon.tone-yellow{background:#fff6df;color:#c18a11;border-color:#f3e1b1}.stat-retro-icon.tone-blue{background:#eef8fe;color:#0e84c3;border-color:#cfe7fb}.inventory-split{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:18px;align-items:center;padding:16px}.donut-card{display:grid;gap:10px;justify-items:center}.donut-visual{position:relative;width:170px;height:170px}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#edf2f7;stroke-width:16}.donut-progress{fill:none;stroke:#d95b74;stroke-width:16;stroke-linecap:round}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;text-align:center}.donut-center strong{font-size:1.2rem;color:#24313f;line-height:1}.donut-center span{margin-top:4px;font-size:.78rem;color:#6b7280;font-weight:600}.donut-card p{max-width:220px;text-align:center;font-size:.82rem;color:#6b7280;line-height:1.45}.inventory-legend-stack{display:grid;gap:12px}.inventory-legend-item{display:flex;align-items:flex-start;gap:10px;border:1px solid #e7edf3;border-radius:12px;padding:12px;background:#fbfdff}.inventory-legend-item .dot{width:12px;height:12px;border-radius:999px;margin-top:4px;flex-shrink:0}.inventory-legend-item .dot.good{background:#37b26c}.inventory-legend-item .dot.warn{background:#d95b74}.inventory-legend-item .dot.neutral{background:#0e84c3}.inventory-legend-item strong{color:#24313f;font-size:.92rem}.inventory-legend-item p{margin-top:4px;color:#6b7280;font-size:.82rem;line-height:1.45}.super-admin-dashboard-v2 .list-row{border-radius:8px;border:1px solid #e7edf3}.super-admin-dashboard-v2 .health-tile,.super-admin-dashboard-v2 .metric-card{border-radius:10px}@media(max-width:1180px){.dashboard-hero-grid{grid-template-columns:1fr}.takings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-split{grid-template-columns:1fr}}@media(max-width:820px){.stats-grid-retro,.sales-graph-summary{grid-template-columns:1fr}}@media(max-width:640px){.takings-grid{grid-template-columns:1fr}.pulse-tile{grid-template-columns:42px minmax(0,1fr)}.inventory-split{padding:14px}}@media(max-width:1100px){.customers-rewards-modal .dashboard-grid.two-wide{grid-template-columns:1fr}}@media(max-width:920px){.customers-admin-topbar,.customers-toolbar-like-image,.customer-history-toolbar,.customers-table-footer,.customers-reward-active-top,.customers-rule-row{flex-direction:column;align-items:stretch}.customers-top-actions{width:100%}.customers-top-actions>button{flex:1 1 auto}.customers-show-entries{justify-content:flex-start}}@media(max-width:720px){.customers-blue-banner{font-size:.92rem}.customers-table-like-image .data-table th,.customers-table-like-image .data-table td,.customer-history-modal-like-image .data-table th,.customer-history-modal-like-image .data-table td{white-space:nowrap}.customer-history-tabs{padding-top:10px}.customer-history-tab{padding:9px 12px;font-size:.88rem}}@media(max-width:540px){.customers-top-actions{flex-direction:column;align-items:stretch}.customers-top-actions>button,.customers-toolbar-like-image>button,.customers-table-footer .ghost-button{width:100%;justify-content:center}.customers-show-entries{width:100%;justify-content:space-between}.customer-history-top-header{padding:16px}.customer-history-toolbar,.customers-history-footer{padding:14px}}@media(max-width:720px){.health-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:999}.modal-card{width:100%;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;padding:24px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media(min-width:1100px){.access-control-grid{grid-template-columns:1.2fr 1fr;align-items:start}}@media(max-width:1180px){.metrics-grid{grid-template-columns:1fr;gap:12px}.dashboard-grid,.dashboard-grid.two-wide,.pos-grid{grid-template-columns:1fr}.billing-panel{position:static}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);position:static;height:auto;overflow-y:visible}}@media(max-width:920px){.topbar,.cashier-topbar{flex-direction:column;align-items:stretch}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-modal-row-main{flex-direction:column}.draft-side-meta,.align-right{text-align:left}.payment-method-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid,.cashier-modal-grid{grid-template-columns:1fr}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:flex-start}.cashier-toolbar{padding:18px}.cashier-toolbar-actions{width:100%}.cashier-staff-search{min-width:100%;max-width:100%}}@media(max-width:768px){.payment-method-card-grid,.payment-modal-actions{grid-template-columns:1fr!important}.billing-bottom-actions{padding:12px 16px}.billing-summary-grid.medium-layout .summary-box strong{font-size:16px}.billing-bottom-actions>button{min-height:30px}}@media(max-width:720px){.page-content,.topbar,.cashier-topbar{padding-left:16px;padding-right:16px}.topbar,.cashier-topbar,.workspace-banner,.auth-links-row,.catalog-hero,.section-header,.access-role-topbar,.permission-group-header{flex-direction:column;align-items:stretch}.form-grid.two-columns,.catalog-form-grid,.billing-summary-grid,.detail-grid,.payment-fields-grid,.info-grid,.cashier-modal-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.metrics-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-grid-enhanced{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.search-small,.slim,.search-static,.catalog-search,.cashier-staff-search{min-width:100%;max-width:100%}.product-card-actions{opacity:1;transform:none;flex-direction:column;position:static;padding-top:10px;pointer-events:auto}.payment-summary-strip{flex-direction:column}.payment-summary-pill{flex:1 1 auto}.draft-modal-actions{flex-direction:column;align-items:stretch}.draft-modal-actions>button{width:100%;justify-content:center}.modal-header{padding:16px 18px}.modal-content{padding:18px}.catalog-preview{grid-template-columns:1fr}.pagination-controls{width:100%;display:grid;gap:10px}.pagination-pages{width:100%}.pagination-btn{min-width:unset;flex:1 1 calc(50% - 8px)}.cashier-cards-grid{grid-template-columns:1fr}.cashier-member-card{padding:18px}.cashier-member-bottom{flex-direction:column;align-items:stretch}.cashier-view-btn{width:100%}.cashier-sales-amount{font-size:1.75rem}}@media(max-width:640px){.products-grid,.products-grid-enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-items-table th,.billing-items-table td{white-space:normal}.qty-control{flex-wrap:nowrap}}@media(max-width:540px){.billing-item-row,.draft-row,.list-row{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:10px}.billing-item-actions{width:100%;justify-content:space-between}.line-total{flex:1;text-align:right;padding-right:4px}.payment-modal-card,.draft-modal-card,.form-modal-card,.form-modal-card-wide,.order-detail-modal-card{border-radius:14px}.payment-method-card,.payment-fields-card{padding:14px}.modal-backdrop{padding:10px}.pagination-page-btn{min-width:40px;height:40px}.cashier-member-top{flex-direction:column;align-items:stretch}.cashier-member-left{align-items:flex-start}.cashier-status-pill{width:fit-content}}@media(max-width:480px){.card-header{padding:14px 16px}.card-header h3{font-size:1rem}.products-grid,.products-grid-enhanced{grid-template-columns:1fr}.store-title{font-size:1.35rem}.billing-bottom-actions>button,.billing-bottom-actions .primary-button{min-height:44px}}@media print{.modal-backdrop,.cashier-topbar,.billing-bottom-actions,.product-card-actions,.hero-quick-actions,.sidebar,.topbar,.pagination-bar,.catalog-toolbar,.search-shell,.search-static,.catalog-action-group,.row-actions,.cashier-view-btn,.view-drafts-btn,.change-customer-btn,.icon-button,.ghost-button,.primary-button{display:none!important}.app-shell{display:block!important;background:#fff!important}.main-shell,.page-content,.card,.hero-card,.metric-card,.cashier-member-card,.billing-sidebar-card,.cashier-detail-panel,.cashier-summary-card{box-shadow:none!important;border-color:#d1d5db!important;background:#fff!important}.page-content{padding:0!important;max-width:100%!important}body{background:#fff!important;color:#000!important}}.spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--hero-teal-2);border-radius:50%;margin:0 auto}.spinner--sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;padding:48px 0}.pos-spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.pos-spinner-label{font-size:var(--text-sm);color:var(--muted);font-weight:500}.users-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.users-toolbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:8px 10px;flex:1 1 auto;min-width:0}.users-toolbar-divider{width:1px;height:26px;background:var(--line);flex-shrink:0}.users-filter-select{width:auto;flex:0 1 180px;min-width:140px;min-height:38px;font-size:.84rem;border-color:var(--line);background-color:var(--white)}.users-filter-select:focus{border-color:var(--hero-teal-2);box-shadow:0 0 0 3px #4f8ca626}.users-perpage-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.users-perpage-wrap select{min-height:38px;width:auto;min-width:76px;padding:8px 28px 8px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.84rem;font-weight:600;color:var(--brand-blue);background:#eef8fe;border:1px solid #cfe7fb;border-radius:8px;cursor:pointer}.users-perpage-wrap select:disabled{opacity:.6;cursor:not-allowed}.users-perpage-wrap svg{position:absolute;right:8px;pointer-events:none;color:var(--brand-blue)}.users-create-btn{background:linear-gradient(135deg,var(--hero-teal-1),var(--brand-blue));border:1px solid transparent;box-shadow:0 8px 18px #0e84c32e;flex-shrink:0;white-space:nowrap}.users-create-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 24px #0e84c33d}@media(max-width:920px){.users-toolbar-row{flex-wrap:wrap}.users-toolbar-controls{flex-wrap:wrap;justify-content:space-between;flex:1 1 100%}.users-create-btn{width:100%;justify-content:center}}@media(max-width:560px){.users-toolbar-controls{flex-direction:column;align-items:stretch}.users-toolbar-divider{display:none}.users-filter-select,.users-perpage-wrap select{width:100%;flex:1 1 auto}}.payments-page-wrapper{position:relative}.payments-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff8c;z-index:20;border-radius:12px;pointer-events:none}.payments-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.payments-page-wrapper .catalog-search{min-width:280px;flex:1 1 320px}.payments-page-wrapper .data-table td:nth-child(1),.payments-page-wrapper .data-table td:nth-child(3){white-space:nowrap}.payments-page-wrapper .data-table td:nth-child(5),.payments-page-wrapper .data-table td:nth-child(6),.payments-page-wrapper .data-table td:nth-child(7){white-space:nowrap}@media(max-width:920px){.payments-page-wrapper .users-toolbar-row,.payments-page-wrapper .users-toolbar-controls{flex-wrap:wrap}}@media(max-width:720px){.payments-page-wrapper .data-table th,.payments-page-wrapper .data-table td{white-space:nowrap}}.access-admin-page{gap:24px}.access-hero-panel{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(24px,2.4vw,34px);border-radius:26px;background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);color:#fff;box-shadow:var(--shadow-premium)}.access-hero-panel:before{content:"";position:absolute;inset:auto -60px -90px auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none}.access-hero-panel:after{content:"";position:absolute;inset:-80px auto auto -60px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 72%);pointer-events:none}.access-hero-copy,.access-hero-actions{position:relative;z-index:1}.access-hero-copy{display:grid;gap:10px;max-width:780px}.access-hero-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.access-hero-title{margin:0;font-size:clamp(1.8rem,1.4rem + 1.4vw,2.5rem);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#fff}.access-hero-subtitle{margin:0;max-width:720px;font-size:.98rem;line-height:1.65;color:#ffffffe6}.access-refresh-btn{color:#fff;border-color:#ffffff38;background:#ffffff1f;min-height:44px}.access-refresh-btn:hover:not(:disabled){color:#fff;background:#ffffff2e;border-color:#ffffff57}.access-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.access-summary-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:var(--gradient-soft);box-shadow:var(--shadow-soft);display:grid;gap:10px}.access-summary-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.access-summary-label{margin:0 0 6px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.access-summary-value{font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1;color:var(--text);letter-spacing:-.03em}.access-summary-note{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.access-summary-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid transparent;flex-shrink:0}.access-summary-icon.tone-blue{background:#eef4ff;color:#2563eb;border-color:#d6e4ff}.access-summary-icon.tone-indigo{background:#eef2ff;color:#4f46e5;border-color:#dfe2ff}.access-summary-icon.tone-orange{background:#fff4eb;color:#f97316;border-color:#ffd9bd}.access-summary-icon.tone-teal{background:#ebfbfd;color:#0f766e;border-color:#c9f0ee}.access-layout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.95fr);gap:20px;align-items:start}.access-panel{padding:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-premium)}.access-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 18px;border-bottom:1px solid var(--line);background:#fff}.access-panel-header h3{margin:8px 0 6px;font-size:1.14rem;color:#64748b;font-weight:800;letter-spacing:-.02em}.access-panel-header p{margin:0;color:var(--muted);line-height:1.55;max-width:620px}.access-panel-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--info-soft);color:var(--brand-blue);border:1px solid rgba(37,99,235,.14);font-size:.78rem;font-weight:800}.access-panel-body{padding:22px;display:grid;gap:18px}.access-loading-block{padding:34px 22px;display:grid;justify-items:center;gap:12px}.access-role-shell{border:1px solid var(--line);border-radius:22px;padding:20px;background:radial-gradient(circle at top right,rgba(22,148,168,.06),transparent 20%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-soft);display:grid;gap:16px}:root[data-theme=dark] .access-role-shell{background:radial-gradient(circle at top right,rgba(22,148,168,.08),transparent 24%),linear-gradient(180deg,#101b2a,#132235)}.access-role-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.access-role-title-row{display:grid;gap:6px;min-width:0}.access-role-eyebrow{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#2563eb14;color:var(--brand-blue);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.access-role-title{margin:0;font-size:1.2rem;color:var(--text);letter-spacing:-.02em}.access-role-title-row p{margin:0;color:var(--muted);line-height:1.5}.access-save-btn{min-height:42px;flex-shrink:0}.access-role-progress{width:100%;height:10px;border-radius:999px;background:#94a3b82e;overflow:hidden}.access-role-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hero-teal-2) 0%,var(--brand-blue) 50%,var(--hero-orange-2) 100%);box-shadow:inset 0 0 0 1px #ffffff29}.access-inline-stats{display:flex;flex-wrap:wrap;gap:10px}.access-mini-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--panel);color:var(--nav-text);border:1px solid var(--line);font-size:.8rem;font-weight:700;box-shadow:0 6px 14px #0f172a0a}.access-group-grid{display:grid;gap:16px}.access-group-card{border-radius:18px;padding:16px;background:var(--panel-2);border:1px solid var(--line)}.access-group-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.access-group-title{display:block;font-size:.98rem;color:var(--text);margin-bottom:4px}.access-group-subtitle{color:var(--muted);font-size:.84rem}.access-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.access-permission-item{border:1px solid transparent;border-radius:16px;background:var(--panel);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.access-permission-item:hover{border-color:#2563eb2e;transform:translateY(-1px);box-shadow:var(--shadow-soft)}.access-permission-item.is-selected{background:linear-gradient(180deg,#eff6ff,#f8fbff);border-color:#2563eb33;box-shadow:0 10px 20px #2563eb14}:root[data-theme=dark] .access-permission-item.is-selected{background:linear-gradient(180deg,#2563eb1f,#132235)}.access-permission-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-blue)}.access-user-table .access-users-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 22px 0;color:var(--muted);font-size:.84rem;font-weight:600}.access-user-table .table-wrap{margin:16px 22px 22px;border-radius:18px}.access-user-table .data-table{background:transparent}.access-user-table .data-table th{background:linear-gradient(180deg,#0f5f78,#0d4d62);color:#fff;border-bottom:0;font-size:.7rem;letter-spacing:.08em}.access-user-table .data-table td{font-size:.86rem;color:var(--nav-text);padding:14px;border-bottom:1px solid rgba(219,230,241,.7)}.access-user-table .data-table tbody tr:nth-child(2n){background:#f8fbffb8}.access-user-table .data-table tbody tr:hover{background:#2563eb0a}.role-select{min-width:160px;background-color:var(--panel)}.role-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:capitalize;border:1px solid transparent}.role-admin{background:#eef2ff;color:#4338ca;border-color:#d9dcff}.role-manager{background:#ecfeff;color:#0f766e;border-color:#c8f3f0}.role-cashier{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.spin-soft{animation:spin .7s linear infinite}@media(max-width:1180px){.access-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-layout-grid{grid-template-columns:1fr}}@media(max-width:820px){.access-hero-panel,.access-panel-header,.access-role-heading,.access-group-head,.access-users-caption{flex-direction:column;align-items:stretch}.access-role-heading .access-save-btn,.access-refresh-btn{width:100%;justify-content:center}}@media(max-width:640px){.access-summary-grid{grid-template-columns:1fr}.access-hero-panel{padding:22px 18px;border-radius:22px}.access-panel-body,.access-panel-header{padding-left:16px;padding-right:16px}.access-user-table .table-wrap{margin:14px 16px 16px}.access-user-table .access-users-caption{padding-left:16px;padding-right:16px}.access-role-shell{padding:16px}.access-group-card{padding:14px}}.view-toggle{display:flex;gap:4px;align-items:center;background:var(--input-bg);border:1px solid var(--line);border-radius:10px;padding:4px}.view-toggle .icon-button{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);transition:all .18s ease}.view-toggle .icon-button:hover{background:var(--white);color:var(--hero-teal-1);border-color:var(--line);transform:none}.view-toggle .icon-button.active{background:linear-gradient(135deg,var(--hero-teal-1),var(--brand-blue));color:#fff;border-color:transparent;box-shadow:0 4px 10px #0e84c340}.product-list{display:flex;flex-direction:column;gap:6px;padding:4px 0}.product-list-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:var(--shadow-soft);transition:all .18s ease}.product-list-row:hover{border-color:var(--hero-teal-2);transform:translateY(-1px);box-shadow:var(--shadow-card)}.product-list-row__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.product-list-row__info strong{font-size:.92rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-row__price{font-size:.95rem;font-weight:800;color:var(--text);white-space:nowrap;letter-spacing:-.01em}.product-list-row__actions{display:flex;gap:8px;flex-shrink:0}.product-list-row__actions .ghost-button{padding:8px 14px;font-size:.82rem;font-weight:700;border-color:var(--line);color:var(--hero-teal-1);min-height:36px}.product-list-row__actions .ghost-button:hover{border-color:var(--hero-teal-1);background:#eef5f8;color:var(--hero-teal-1);transform:none}.product-list-row__actions .primary-button{padding:8px 14px;font-size:.82rem;font-weight:700;min-height:36px;background:var(--brand-orange);box-shadow:0 4px 10px #fa73162e}.product-list-row__actions .primary-button:hover{background:var(--hero-orange-2);box-shadow:0 6px 14px #e369253d}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-group-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#4f8ca6b3;padding:16px 14px 6px;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0}.sidebar-group-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.sidebar-group-list li{display:contents}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease-in-out;text-decoration:none}.sidebar-link:hover{background-color:#1a688a0a;color:#1a688a}.sidebar-link--active{color:#1a688a;font-weight:600;background-color:#1a688a14;box-shadow:inset 3px 0 #1a688a}.cashier-shell{min-height:100vh}.cashier-shell .cashier-topbar{padding-top:16px}.cashier-topbar{display:flex;align-items:center;gap:8px;padding:0 20px;height:56px;background:var(--surface)}.cashier-topbar__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.cashier-topbar__title{font-size:.9rem;font-weight:700;margin:0;line-height:1}.cashier-topbar__store{font-size:.7rem;color:var(--muted);margin:0;line-height:1.2}.cashier-topnav{display:flex;align-items:stretch;flex:1;height:100%;overflow-x:auto;scrollbar-width:none;padding:0 12px}.cashier-topnav::-webkit-scrollbar{display:none}.cashier-topnav__tab{display:inline-flex;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;transition:color .15s,border-color .15s}.cashier-topnav__tab:hover{color:var(--text)}.cashier-topnav__tab--active{color:var(--hero-teal-2, var(--primary));border-bottom-color:var(--hero-teal-2, var(--primary))}.cashier-topbar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.cashier-user{display:inline-flex;align-items:center;gap:6px}.cashier-user__info{display:flex;flex-direction:column;line-height:1.2}.cashier-user__name{font-size:.85rem}.cashier-user__role{font-size:10px;font-weight:600;text-transform:uppercase}.inv-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.inv-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(160px,200px);gap:12px;align-items:stretch}.inv-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.inv-stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.inv-stat-value{font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.1;word-break:break-word}.inv-branch-card{justify-content:space-between}.inv-branch-select{min-height:36px;font-size:.84rem;padding-top:7px;padding-bottom:7px;width:100%}.inv-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.inv-search-field{flex:1 1 260px;min-width:200px;position:relative}.inv-search-by{display:flex;align-items:center;gap:4px;flex-shrink:0}.inv-search-by-label{font-size:.82rem;white-space:nowrap;margin-right:2px}.inv-search-by-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--line);background:var(--white);color:var(--nav-text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.inv-search-by-chip:hover{border-color:var(--hero-teal-2);background:#eef5f8;color:var(--hero-teal-1)}.inv-search-by-chip.active{background:var(--hero-teal-1);border-color:var(--hero-teal-1);color:#fff}.inv-search-by-chip.active svg{color:#fff}.inv-show-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.inv-show-select{min-width:72px;width:auto;min-height:38px;font-size:.84rem}.inv-dropdown-wrap{position:relative;flex-shrink:0}.inv-bulk-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:9px;border:1.5px solid var(--hero-teal-2);background:#eef8fe;color:var(--hero-teal-1);font-size:.86rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.inv-bulk-btn:hover:not(:disabled){background:var(--hero-teal-1);border-color:var(--hero-teal-1);color:#fff}.inv-bulk-btn:disabled{opacity:.55;cursor:not-allowed}.inv-bulk-icon{display:inline-flex;align-items:center}.inv-export-btn{white-space:nowrap;font-size:.86rem;gap:7px}.inv-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:170px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;animation:invDropFade .14s ease}@keyframes invDropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inv-dropdown-menu button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;color:var(--nav-text);font-size:.86rem;font-weight:500;cursor:pointer;transition:background .14s ease}.inv-dropdown-menu button:hover{background:var(--input-bg-2)}.inv-dropdown-menu button.danger{color:var(--danger)}.inv-dropdown-menu button.danger:hover{background:#fde8e8}.inv-product-cell{display:flex;align-items:center;gap:10px}.inv-product-thumb{width:38px;height:38px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);background:var(--input-bg)}.inv-product-img{width:100%;height:100%;object-fit:cover;display:block}.inv-product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hero-teal-1),var(--brand-blue));color:#fff;font-size:.9rem;font-weight:800}.inv-qty-cell{display:flex;align-items:center;gap:6px}.inv-qty-warning{color:#e07b00;flex-shrink:0}.inv-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.inv-pill-healthy{background:#e2f5ec;color:#1a7a47;border-color:#b8e8d0}.inv-pill-low{background:#fff5e7;color:#b56d00;border-color:#f2ddb2}.inv-pill-critical{background:#fde8e8;color:#b02525;border-color:#f5c2c2}.inv-pill-out{background:#f3f4f6;color:#5f666d;border-color:#e2e5e8}.inv-history-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.inv-history-title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.inv-event-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.inv-event-success{background:#e4f6ea;color:#1a7a47;border-color:#b8e8d0}.inv-event-danger{background:#fde8e8;color:#b02525;border-color:#f5c2c2}.inv-event-neutral{background:#f1f3f5;color:#5f666d;border-color:#e2e5e8}.inv-history-footer{display:flex;flex-direction:column;gap:6px;margin-top:12px}.inv-sync-note{font-size:.8rem;text-align:right;margin:0}@media(max-width:1200px){.inv-stats-row{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(160px,200px)}}@media(max-width:900px){.inv-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-branch-card{grid-column:span 2}.inv-toolbar,.inv-search-by{flex-wrap:wrap}.inv-search-field{flex:1 1 100%}}@media(max-width:640px){.inv-stats-row{grid-template-columns:1fr}.inv-branch-card{grid-column:auto}.inv-toolbar{gap:8px}.inv-search-by-chip{padding:4px 8px;font-size:.76rem}.inv-bulk-btn,.inv-export-btn{font-size:.82rem;padding:8px 10px}.inv-history-header{flex-direction:column;align-items:stretch}.inv-sync-note{text-align:left}}.billings-admin-page{gap:18px}.billings-page-header{align-items:flex-start}.billings-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.billings-summary-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-soft);display:grid;gap:6px}.billings-summary-card span{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.billings-summary-card strong{font-size:clamp(1.3rem,2vw,1.8rem);color:var(--text);line-height:1.1}.billings-summary-card small{color:var(--muted);font-size:.82rem}.billings-summary-card.danger-tone{background:#fff8f8;border-color:#f3d1d1}.billings-summary-card.danger-tone strong{color:#c43d3d}.billings-filters-card{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.billings-search-input{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg)}.billings-search-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.billings-date-range-pill{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg);color:var(--nav-text)}.billings-date-range-pill select{border:0;outline:0;background:transparent;min-width:0;width:100%;color:inherit}.billings-table-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.billings-table-toolbar-spacer{flex:1}.billings-loading-wrap{display:flex;align-items:center;justify-content:center;min-height:260px}.billings-table-enhanced th:first-child,.billings-table-enhanced td:first-child{width:44px}.billings-cell-stack{display:grid;gap:2px}.billings-row-actions{display:flex;align-items:center;gap:6px}.billings-alert{display:inline-flex;align-items:center;justify-content:center;color:var(--danger)}.billings-payment-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.billings-payment-chip.cash{background:#eef8fe;color:var(--brand-blue);border-color:#cfe7fb}.billings-payment-chip.card{background:#f3f5f7;color:#4f5660;border-color:#dfe5ea}.billings-payment-chip.mpesa{background:#e7f7ee;color:#20834f;border-color:#cdebd8}.billings-payment-chip.neutral{background:#f5f5f5;color:#6b7280;border-color:#e5e7eb}.row-soft-deleted{opacity:.72}@media(max-width:1180px){.billings-summary-grid,.billings-filters-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.billings-summary-grid,.billings-filters-card{grid-template-columns:1fr}}.pp-page{display:grid;gap:16px;padding-bottom:80px}.pp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.pp-title{font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin:0}.pp-subtitle{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.pp-header-right{display:flex;align-items:center;gap:14px}.pp-clock{font-size:.88rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.pp-new-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0f172a0a;transition:all .18s ease}.pp-new-btn:hover:not(:disabled){border-color:var(--hero-teal-2);background:var(--input-bg);transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.pp-new-btn:disabled{opacity:.5;cursor:not-allowed}.pp-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pp-summary-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 4px 12px #0f172a0a;transition:all .2s ease;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.pp-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.pp-summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;border:1px solid transparent}.pp-tone-blue{background:#e8f1fb;color:#1e6db8;border-color:#d0e4f7}.pp-tone-green{background:#e6f5ec;color:#1f9254;border-color:#cdebd8}.pp-tone-red{background:#fde8e8;color:#c43d3d;border-color:#f2c7c7}.pp-summary-body{display:grid;gap:4px;min-width:0}.pp-summary-label{font-size:.82rem;color:var(--muted);font-weight:600}.pp-summary-value{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.1}.pp-summary-warn-list{display:grid;gap:2px;font-size:.84rem;color:var(--text)}.pp-drilldown{margin-top:4px;font-size:.82rem;font-weight:600;color:#1e6db8;text-decoration:none}.pp-drilldown:hover{text-decoration:underline}.pp-toolbar{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px #0f172a08;flex-wrap:wrap}.pp-search-wrap{position:relative;flex:1 1 240px;min-width:220px}.pp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.pp-input{width:100%;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--text);font-size:.86rem;outline:none;transition:all .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pp-input:focus{border-color:var(--hero-teal-2);box-shadow:0 0 0 3px #4f8ca61f}.pp-search-input{padding-left:36px}.pp-select-wrap{position:relative;display:inline-flex;align-items:center}.pp-select{min-width:130px;padding-right:30px;cursor:pointer;background:var(--white)}.pp-select-caret{position:absolute;right:10px;pointer-events:none;color:var(--muted)}.pp-perpage-wrap .pp-select{min-width:70px}.pp-storeid-label{font-size:.84rem;font-weight:600;color:var(--text);padding:8px 12px;white-space:nowrap}.pp-table-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.pp-table-card .table-wrap{border:0;border-radius:0}.pp-table{width:100%}.pp-table thead th{background:#1992c7;color:#1e293b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.pp-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:.88rem;vertical-align:middle}.pp-table tbody tr:hover{background:#f8fbfd}.pp-row-selected,.pp-table tbody tr.pp-row-selected{background:#eef6fd!important}.pp-row-selected:hover{background:#e3f0fb!important}.pp-cell-checkbox{width:44px;text-align:center}.pp-cell-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#1e6db8;cursor:pointer}.pp-thumb{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);display:block}.pp-thumb-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;text-align:center;background:var(--input-bg)}.pp-pricing-cell{display:grid;gap:2px;min-width:0}.pp-pricing-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pp-pricing-store{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:var(--muted);font-weight:600}.pp-pricing-base{font-size:.72rem}.pp-pricing-main{font-size:.95rem;font-weight:700;color:var(--text)}.pp-pricing-sub{font-size:.74rem;line-height:1.4}.pp-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent}.pp-status-badge.active{background:#e6f5ec;color:#1f9254;border-color:#cdebd8}.pp-status-badge.inactive{background:#f1f3f5;color:#6b7280;border-color:#e2e5e8}.pp-row-actions{display:inline-flex;align-items:center;gap:4px}.pp-act-btn{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:7px;border:1px solid var(--line);background:var(--white);color:var(--nav-text);cursor:pointer;transition:all .15s ease}.pp-act-btn:hover:not(:disabled){background:var(--input-bg);border-color:var(--hero-teal-2)}.pp-act-edit:hover:not(:disabled){color:var(--hero-teal-1)}.pp-act-delete{color:#cf3a3a;background:#fff5f5;border-color:#f5c2c2}.pp-act-delete:hover:not(:disabled){background:#fde8e8;border-color:#e89a9a}.pp-act-copy,.pp-act-duplicate{color:var(--muted)}.pp-act-copy:hover:not(:disabled),.pp-act-duplicate:hover:not(:disabled){color:var(--hero-teal-1)}.pp-act-btn:disabled{opacity:.45;cursor:not-allowed}.pp-toggle{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0;margin-left:4px}.pp-toggle input{opacity:0;width:0;height:0}.pp-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:background .2s ease}.pp-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:999px;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.pp-toggle input:checked+.pp-toggle-slider{background:#22c55e}.pp-toggle input:checked+.pp-toggle-slider:before{transform:translate(16px)}.pp-toggle input:disabled+.pp-toggle-slider{opacity:.5;cursor:not-allowed}.pp-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line);background:var(--panel-2)}.pp-bulk-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:#2d3748;color:#fff;border-radius:12px;box-shadow:0 12px 30px #0f172a4d;z-index:100;animation:ppBulkSlideUp .22s ease;white-space:nowrap;max-width:95vw;overflow-x:auto}@keyframes ppBulkSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pp-bulk-icons{display:inline-flex;align-items:center;gap:6px;color:#ffffffa6;padding-right:4px;border-right:1px solid rgba(255,255,255,.15)}.pp-bulk-title{font-size:.84rem;font-weight:700;color:#fff}.pp-bulk-link{background:transparent;border:0;color:#ffffffd9;font-size:.84rem;font-weight:500;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s ease}.pp-bulk-link:hover{color:#fff;background:#ffffff1a}.pp-bulk-sep{color:#ffffff4d;font-size:.84rem}.pp-bulk-close{background:transparent;border:0;color:#fff9;cursor:pointer;padding:4px;border-radius:6px;margin-left:4px;display:inline-grid;place-items:center}.pp-bulk-close:hover{color:#fff;background:#ffffff1a}@media(max-width:1180px){.pp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-summary-card:last-child{grid-column:span 2}}@media(max-width:820px){.pp-toolbar{gap:8px}.pp-select{min-width:110px}}@media(max-width:720px){.pp-summary-grid{grid-template-columns:1fr}.pp-summary-card:last-child{grid-column:auto}.pp-header{flex-direction:column;align-items:stretch}.pp-header-right{justify-content:space-between}.pp-toolbar{flex-direction:column;align-items:stretch}.pp-search-wrap,.pp-select-wrap,.pp-select{width:100%}.pp-storeid-label{text-align:center;background:var(--input-bg);border-radius:8px}.pp-bulk-bar{left:12px;right:12px;transform:none;bottom:12px;width:auto;max-width:none}@keyframes ppBulkSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:560px){.pp-table thead{display:none}.pp-row-actions{flex-wrap:wrap}}.sa-global-ops{border-radius:var(--sa-radius-xl);background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);color:#fff;overflow:hidden;box-shadow:var(--sa-shadow-lg);animation:sa-fade-up .45s ease;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-global-ops__header{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sa-global-ops__kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;margin-bottom:8px}.sa-global-ops__top-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}.sa-global-ops__title{margin:0;font-size:clamp(1.3rem,1rem + .8vw,1.75rem);font-weight:800;letter-spacing:-.02em;color:#fff}.sa-global-ops__sub{margin:4px 0 0;font-size:.84rem;color:#ffffff8c}.sa-global-ops__header-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.sa-refresh-btn--light{background:#ffffff1f;border-color:#ffffff2e;color:#fff;box-shadow:none}.sa-refresh-btn--light:hover{background:#ffffff2e}.sa-ops-action-row{display:flex;flex-wrap:wrap;gap:8px}.sa-ops-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#fffc;font-size:.76rem;font-weight:600;cursor:pointer;transition:background var(--sa-anim-fast),border-color var(--sa-anim-fast);white-space:nowrap}.sa-ops-action-btn:hover{background:#ffffff24;border-color:#ffffff47;color:#fff}.sa-global-ops__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-top:1px solid rgba(255,255,255,.07)}.sa-ops-kpi{padding:18px 22px;border-right:1px solid rgba(255,255,255,.07)}.sa-ops-kpi:last-child{border-right:0}.sa-ops-kpi--blue{background:#ffffff0a}.sa-ops-kpi--pink{background:#ffb4be12}.sa-ops-kpi--amber{background:#ffbe7812}.sa-ops-kpi__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-bottom:8px}.sa-ops-kpi__value{font-size:1.8rem;font-weight:800;color:#fff;line-height:1.05}.sa-ops-kpi__value--danger{color:#f4a0aa}.sa-ops-kpi__row{display:flex;gap:28px}.sa-ops-kpi__sub{margin-top:6px;font-size:.78rem;color:#ffffff73}.sa-ops-link{background:none;border:none;color:#7bbfe0;font-size:.78rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.sa-section-label{font-size:.92rem;font-weight:800;color:var(--sa-text);letter-spacing:-.01em;display:flex;align-items:center;gap:10px;margin-bottom:-6px}.sa-section-sublabel{font-size:.78rem;font-weight:500;color:var(--sa-text-soft)}.sa-grid--3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.9fr);gap:16px}.sa-grid--ops{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.sa-ops-col{display:flex;flex-direction:column;gap:16px}.sa-branch-card{background:var(--sa-surface-strong);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);overflow:hidden;box-shadow:var(--sa-shadow-sm);animation:sa-fade-up .45s ease;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-branch-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--sa-border);background:#ebf2fc;font-size:.88rem;font-weight:700;color:var(--sa-text);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.categories-v2-summary-icon{color:#ef4444}.sa-top-cats{display:flex;gap:14px;align-items:center;padding:14px}.sa-top-cats__donut{width:88px;height:88px;flex-shrink:0}.sa-top-cats__legend{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.sa-top-cats__row{display:flex;align-items:center;gap:7px;font-size:.78rem;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-top-cats__dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.sa-top-cats__name{flex:1;color:var(--sa-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-top-cats__val{color:var(--sa-text-soft);font-size:.74rem;white-space:nowrap}.sa-top-cats__trend{display:flex;align-items:center;flex-shrink:0}.sa-checklist{display:flex;flex-direction:column}.sa-checklist__row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--sa-border);transition:background var(--sa-anim-fast)}.sa-checklist__row:last-child{border-bottom:0}.sa-checklist__row:hover{background:var(--sa-surface-soft)}.sa-checklist__row--urgent{background:#e7a06e0a}.sa-checklist__check{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;flex-shrink:0}.sa-checklist__label{flex:1;font-size:.86rem;font-weight:600;color:var(--sa-text)}.sa-checklist__type{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.sa-checklist__type--prune{background:#eef7fa;color:var(--sa-primary-strong);border:1px solid #dcecf2}.sa-checklist__type--directive{background:#fff7ee;color:#b78855;border:1px solid #f1e3cf}.sa-checklist__progress{font-size:.72rem;color:var(--sa-text-faint);white-space:nowrap}.sa-ops-card{background:var(--sa-surface-strong);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);overflow:hidden;box-shadow:var(--sa-shadow-sm);animation:sa-fade-up .45s ease;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-ops-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;border-bottom:1px solid var(--sa-border);background:#ebf2fc;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sa-ops-card__header strong{font-size:.92rem;font-weight:800;color:var(--sa-text);display:block}.sa-ops-card__header p{margin:4px 0 0;font-size:.78rem;color:var(--sa-text-soft)}.sa-sub-chart{padding:14px;display:flex;flex-direction:column;gap:12px}.sa-sub-chart__legend{display:flex;gap:14px;flex-wrap:wrap}.sa-sub-chart__legend span{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--sa-text-soft);font-weight:600}.sa-sub-chart__legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.sa-sub-chart__bars{display:flex;gap:18px;align-items:flex-end;min-height:120px}.sa-sub-chart__group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.sa-sub-chart__bar-pair{display:flex;gap:4px;align-items:flex-end;height:110px;width:100%}.sa-sub-chart__bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:4px}.sa-sub-chart__val{font-size:.72rem;color:var(--sa-text-soft);font-weight:700}.sa-sub-chart__bar-track{width:100%;flex:1;border-radius:6px 6px 0 0;background:#f0f5f7;display:flex;align-items:flex-end;overflow:hidden}.sa-sub-chart__bar{width:100%;border-radius:6px 6px 0 0;transition:height .5s ease;min-height:4px}.sa-sub-chart__bar--primary{background:#5f97ab}.sa-sub-chart__bar--secondary{background:#b8d4de}.sa-sub-chart__label{font-size:.76rem;font-weight:700;color:var(--sa-text-soft);text-align:center}.sa-till-summary{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--sa-border)}.sa-till-summary__icon{width:38px;height:38px;border-radius:12px;background:#eef7fa;border:1px solid #dcecf2;display:grid;place-items:center;color:var(--sa-primary-strong);flex-shrink:0}.sa-till-summary__info{flex:1;min-width:0}.sa-till-summary__info strong{display:block;font-size:.9rem;font-weight:700;color:var(--sa-text)}.sa-till-summary__info span{font-size:.78rem;color:var(--sa-text-soft)}.sa-till-summary__amount{text-align:right;flex-shrink:0}.sa-till-summary__amount strong{display:block;font-size:1rem;font-weight:800;color:var(--sa-text)}.sa-till-summary__amount span{font-size:.72rem;color:var(--sa-text-faint);text-transform:uppercase;letter-spacing:.05em}.sa-till-geo{padding:10px 16px 14px;display:flex;flex-direction:column;gap:0}.sa-till-geo__row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--sa-border);font-size:.8rem;color:var(--sa-text)}.sa-till-geo__row:last-child{border-bottom:0}.sa-till-geo__row--head,.sa-till-geo__row--impact{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sa-text-faint)}.sa-security-panel{background:var(--sa-surface-strong);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);overflow:hidden;box-shadow:var(--sa-shadow-sm);animation:sa-fade-up .45s ease}.sa-security-panel__header{padding:14px 18px;border-bottom:1px solid var(--sa-border);background:linear-gradient(180deg,#ffffffa6,#fafcfdd9)}.sa-security-panel__header h3{margin:0;font-size:1rem;font-weight:800;color:var(--sa-text)}.sa-security-panel__body{display:flex;flex-direction:column;gap:0}.sa-security-section{padding:14px 16px;border-bottom:1px solid var(--sa-border)}.sa-security-section:last-child{border-bottom:0}.sa-security-section__title{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.sa-security-section__title strong{font-size:.86rem;font-weight:800;color:var(--sa-text)}.sa-violations-table{font-size:.76rem;border:1px solid var(--sa-border);border-radius:10px;overflow:hidden}.sa-violations-table__head,.sa-violations-table__row{display:grid;grid-template-columns:1.4fr 1fr .7fr 1fr .6fr;gap:6px;padding:7px 10px;align-items:center}.sa-violations-table__head{background:#f5fafc;font-weight:800;text-transform:uppercase;font-size:.64rem;letter-spacing:.06em;color:var(--sa-text-faint);border-bottom:1px solid var(--sa-border)}.sa-violations-table__row{color:var(--sa-text);border-bottom:1px solid #edf2f5}.sa-violations-table__row:last-child{border-bottom:0}.sa-violations-table__row:hover{background:#f8fbfc}.sa-change-logs{font-size:.76rem;border:1px solid var(--sa-border);border-radius:10px;overflow:hidden}.sa-change-logs__head,.sa-change-logs__row{display:grid;grid-template-columns:1.4fr 1fr .6fr .8fr;gap:6px;padding:7px 10px;align-items:center}.sa-change-logs__head{background:#f5fafc;font-weight:800;text-transform:uppercase;font-size:.64rem;letter-spacing:.06em;color:var(--sa-text-faint);border-bottom:1px solid var(--sa-border)}.sa-change-logs__row{color:var(--sa-text);border-bottom:1px solid #edf2f5}.sa-change-logs__row:last-child{border-bottom:0}.sa-change-logs__row:hover{background:#f8fbfc}.sa-audit-table{font-size:.76rem;border:1px solid var(--sa-border);border-radius:10px;overflow:hidden}.sa-audit-table__head,.sa-audit-table__row{display:grid;grid-template-columns:1.3fr 1.4fr .8fr 1fr;gap:6px;padding:7px 10px;align-items:center}.sa-audit-table__head{background:#f5fafc;font-weight:800;text-transform:uppercase;font-size:.64rem;letter-spacing:.06em;color:var(--sa-text-faint);border-bottom:1px solid var(--sa-border)}.sa-audit-table__row{color:var(--sa-text);border-bottom:1px solid #edf2f5}.sa-audit-table__row:last-child{border-bottom:0}.sa-audit-table__row:hover{background:#f8fbfc}.sa-stack{display:flex;flex-direction:column;gap:0}.sa-subsection{border-top:1px solid var(--sa-border);padding:14px 16px}.sa-subsection__title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sa-subsection__title strong{font-size:.88rem;font-weight:800;color:var(--sa-text)}@media(max-width:1180px){.sa-grid--3{grid-template-columns:1fr 1fr}.sa-grid--ops{grid-template-columns:1fr}}@media(max-width:860px){.sa-grid--3{grid-template-columns:1fr}.sa-global-ops__kpis{grid-template-columns:1fr 1fr}.sa-ops-action-row{flex-wrap:wrap}}@media(max-width:540px){.sa-global-ops__kpis{grid-template-columns:1fr}.sa-ops-kpi{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.sa-violations-table__head,.sa-violations-table__row{grid-template-columns:1.2fr .9fr .7fr}.sa-violations-table__head span:nth-child(n+4),.sa-violations-table__row span:nth-child(n+4){display:none}}.inv-bulk-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-blue);color:#fff;font-size:11px;font-weight:700;margin-left:4px}.inv-row--selected td{background:#f0f7ff}.pos-settings-shell{padding:clamp(16px,2vw,24px);gap:16px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.pos-settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:4px}.pos-settings-title{font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);font-weight:800;color:#1a688a;letter-spacing:-.02em;margin:0}.pos-settings-title span{color:var(--text);font-weight:700}.pos-settings-sub{margin:6px 0 0;font-size:.88rem;color:var(--muted)}.pos-tabs{display:flex;gap:4px;padding:0;border-bottom:2px solid var(--line);overflow-x:auto;scrollbar-width:none}.pos-tabs::-webkit-scrollbar{display:none}.pos-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease;margin-bottom:-2px}.pos-tab:hover{color:#1a688a}.pos-tab--active{color:#1a688a;border-bottom-color:#1a688a;font-weight:700}.pos-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);overflow:hidden}.pos-card__header{padding:16px 20px 12px;border-bottom:1px solid var(--line);background:#fafcfe}.pos-card__title-wrap{display:flex;align-items:center;gap:10px}.pos-card__title-wrap h3{font-size:1.05rem;font-weight:800;color:var(--text);letter-spacing:-.01em;margin:0}.pos-card__icon{color:#1a688a;flex-shrink:0}.pos-subtabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--line);background:#fafcfe}.pos-subtab{padding:10px 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:-1px;transition:all .15s ease}.pos-subtab:hover{color:var(--text)}.pos-subtab--active{color:#1a688a;border-bottom-color:#1a688a;font-weight:700}.pos-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--nav-text)}.pos-field>span{font-size:.82rem;font-weight:600;color:var(--nav-text)}.pos-field-label{font-size:.82rem;font-weight:700;color:var(--nav-text);margin-bottom:6px}.pos-field-label--section{font-size:.9rem;font-weight:800;color:var(--text);margin-top:8px;padding-top:12px;border-top:1px dashed var(--line)}.pos-help{font-size:.72rem;color:var(--muted);margin-top:2px;line-height:1.4}.pos-help--note{font-style:italic;padding:8px 10px;background:#fff8e6;border:1px solid #f2ddb2;border-radius:6px;color:#8a6d2a}.pos-muted{color:var(--muted);font-size:.86rem}.pos-inline-row .select-input{flex:1}.pos-preview-btn{white-space:nowrap;min-height:42px;padding:0 14px;font-size:.82rem}.pos-status-row{display:flex;flex-direction:column;gap:6px}.pos-status-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#e6f7ec;border:1px solid #b8e3c5;border-radius:10px;color:#1a7a47;font-weight:600}.pos-status-pill__dot{width:8px;height:8px;border-radius:999px;background:#22c55e;flex-shrink:0;box-shadow:0 0 0 3px #22c55e2e}.pos-status-pill strong{flex:1;font-size:.88rem}.pos-status-pill__cta{background:#1a688a;color:#fff;border:0;padding:6px 12px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.pos-status-pill__cta:hover{background:#135369}.pos-segmented{display:inline-flex;gap:4px;padding:3px;background:var(--input-bg);border:1px solid var(--line);border-radius:10px;width:100%}.pos-segmented__btn{flex:1;padding:9px 12px;border:0;background:transparent;color:var(--nav-text);font-size:.84rem;font-weight:600;border-radius:7px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.pos-segmented__btn:hover:not(:disabled){background:#1a688a0f}.pos-segmented__btn--active{background:#1a688a;color:#fff;box-shadow:0 2px 6px #1a688a33}.pos-receipt-preview{background:#f5f7fa;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:4px}.pos-receipt-preview__paper{background:#fff;border:1px dashed var(--line-strong);border-radius:6px;padding:14px;font-family:Courier New,ui-monospace,monospace;font-size:12px;color:#333;line-height:1.5;max-width:320px;margin:0 auto}.pos-receipt-preview__header{text-align:center}.pos-receipt-preview__header strong{font-size:14px;color:#111}.pos-receipt-preview__meta{margin-top:4px;font-size:11px;color:#555}.pos-receipt-preview__divider{border-top:1px dashed #999;margin:8px 0}.pos-receipt-preview__row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;font-size:11px}.pos-mpesa-title{font-size:.98rem;font-weight:800;color:var(--text);margin:0}.pos-mpesa-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#d81f27;color:#fff;font-weight:800;font-size:.88rem;border-radius:6px;letter-spacing:.02em}.pos-mpesa-badge span{color:#fff}.pos-till-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#00a651,#008943);border-radius:8px;color:#fff}.pos-till-card__logo{background:#d81f27;color:#fff;padding:6px 10px;border-radius:6px;font-weight:800;font-size:.8rem;flex-shrink:0}.pos-till-card__logo span{color:#fff}.pos-till-card__body{display:flex;flex-direction:column;min-width:0}.pos-till-card__body strong{font-size:.78rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-till-card__body span{font-size:.72rem;color:#ffffffe6}.pos-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.pos-switch input{opacity:0;width:0;height:0}.pos-switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:background .2s ease}.pos-switch__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:999px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.pos-switch input:checked+.pos-switch__slider{background:#1a688a}.pos-switch input:checked+.pos-switch__slider:before{transform:translate(18px)}.pos-switch-row{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--nav-text);font-weight:500;cursor:pointer}.pos-seq-table-wrap{border-radius:10px;border:1px solid var(--line)}.pos-seq-table th{background:#1a688a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em}.pos-seq-table td{font-size:12.5px;vertical-align:middle}.pos-seq-prefix{display:inline-block;padding:3px 8px;background:#eef8fe;color:#1a688a;border:1px solid #cfe7fb;border-radius:6px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.pos-seq-preview{font-family:Courier New,monospace;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:220px}.pos-seq-manage{background:transparent;border:0;color:#1a688a;font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease}.pos-seq-manage:hover{background:#eef8fe;text-decoration:underline}.pos-product-display{flex-direction:row!important;justify-content:space-between;align-items:center;gap:16px}.pos-product-display__label{font-size:.9rem;font-weight:700;color:var(--text);margin:0 0 4px}.pos-status-tag{display:inline-block;padding:3px 8px;background:#f1f3f5;color:var(--muted);border-radius:6px;font-size:.78rem;font-weight:700;font-family:Courier New,monospace}.pos-status-tag--enabled{background:#e2f5ec;color:#218353}.pos-card--locked{background:#fafcfe}.pos-locked-body{align-items:center;padding:20px}.pos-unlock-btn{background:#f1f3f5!important;color:var(--muted)!important;border-color:var(--line)!important;cursor:not-allowed;opacity:.7}.pos-settings-footer{position:sticky;bottom:0;z-index:10;display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 20px;background:#eef2f5;border-top:1px solid var(--line);margin:20px -16px -16px;box-shadow:0 -4px 12px #0f172a0d}.pos-save-all{background:#1a7a47!important;min-width:200px;justify-content:center}.pos-save-all:hover:not(:disabled){background:#15633a!important}.pos-revert{background:transparent!important;color:var(--muted)!important;border-color:var(--line)!important}.settings-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.settings-toggle-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:.86rem;transition:all .15s ease}.settings-toggle-card:hover{border-color:#1a688a;background:#f5fafd}.settings-toggle-card input[type=checkbox]{width:16px;height:16px;accent-color:#1a688a;flex-shrink:0}.sequence-card{padding:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px}.sequence-card__header h5{font-size:.95rem;font-weight:800;color:var(--text);margin:0}@media(max-width:720px){.pos-two-col{grid-template-columns:1fr}.pos-tab{padding:10px 12px;font-size:.85rem}.pos-product-display{flex-direction:column!important;align-items:stretch}.pos-settings-footer{flex-direction:column}.pos-save-all,.pos-revert{width:100%}.pos-seq-preview{max-width:120px}}@media(max-width:540px){.pos-subtabs{overflow-x:auto;scrollbar-width:none}.pos-subtabs::-webkit-scrollbar{display:none}.pos-mpesa-header{flex-direction:column;align-items:flex-start}.pos-status-pill{flex-wrap:wrap}}.mpesa-mode-toggle{display:flex;gap:8px;padding:4px;background:var(--panel-2);border-radius:10px}.mpesa-mode-toggle-btn{flex:1}.mpesa-mode-hint{font-size:12px;margin-top:6px}.pos-settings-shell{padding:clamp(16px,2vw,24px);gap:18px;font-family:inherit;background:radial-gradient(circle at top left,rgba(14,132,195,.08),transparent 28%),radial-gradient(circle at top right,rgba(250,115,22,.08),transparent 22%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);border-radius:24px}.pos-settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.pos-settings-title{font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);font-weight:800;color:var(--text-strong);letter-spacing:-.03em}.pos-settings-title span{color:var(--primary)}.pos-settings-sub{margin-top:6px;color:var(--muted);font-size:.92rem}.pos-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:0}.pos-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffffb8;color:var(--muted);border-radius:999px;padding:11px 16px;font-weight:700;box-shadow:var(--shadow-soft)}.pos-tab--active{color:#fff;border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.pos-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.pos-settings-col{display:flex;flex-direction:column;gap:20px;min-width:0}.pos-card{background:color-mix(in srgb,var(--panel) 94%,#ffffff 6%);border:1px solid color-mix(in srgb,var(--line) 86%,var(--primary) 14%);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}.pos-card__header{padding:18px 20px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-3) 88%,#ffffff 12%),color-mix(in srgb,var(--panel-2) 94%,#ffffff 6%))}.pos-card__title-wrap{display:flex;align-items:flex-start;gap:12px}.pos-card__title-wrap h3{margin:0;font-size:1.04rem;font-weight:800;color:var(--text-strong)}.pos-card__icon{color:var(--primary);flex-shrink:0}.pos-card__meta{margin-top:4px;font-size:.82rem;color:var(--muted)}.pos-card__body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.pos-card__body--compact{padding-top:0}.pos-subtabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--line);background:transparent;overflow-x:auto;scrollbar-width:none}.pos-subtabs::-webkit-scrollbar{display:none}.pos-subtab{border:0;background:transparent;color:var(--muted);padding:12px 14px;font-weight:700;border-bottom:2px solid transparent}.pos-subtab--active{color:var(--primary);border-bottom-color:var(--primary)}.pos-field,.pos-field>span,.pos-field-label{color:var(--text-strong)}.pos-help{color:var(--muted)}.pos-help--note{background:#fa731614;border:1px solid rgba(250,115,22,.18);color:#9a5a18}.pos-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pos-inline-row{display:flex;gap:8px;align-items:center}.pos-status-pill{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#21835314;border:1px solid rgba(33,131,83,.18);border-radius:12px;color:var(--success)}.pos-status-pill__tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#21835329;color:var(--success);font-size:.74rem;font-weight:800}.pos-status-pill__dot{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px #22c55e29}.pos-segmented{display:inline-flex;gap:4px;padding:4px;width:100%;border:1px solid var(--line);background:var(--panel-2);border-radius:12px}.pos-segmented__btn{flex:1;border:0;border-radius:9px;padding:10px 12px;font-weight:700;background:transparent;color:var(--text)}.pos-segmented__btn--active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 10px 20px #0e84c329}.pos-receipt-preview{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:14px}.pos-receipt-preview__paper{background:#fff;border:1px dashed var(--line-strong);border-radius:10px;padding:16px;font-family:Courier New,ui-monospace,monospace;max-width:340px;margin:0 auto;color:#2b3440}.pos-receipt-preview__paper--compact{max-width:300px;font-size:11px}.pos-receipt-preview__paper--detailed{max-width:360px}.pos-receipt-preview__note,.pos-receipt-preview__footer{margin-top:8px;color:#5f6d7a}.pos-receipt-preview__row{display:grid;grid-template-columns:minmax(0,2fr) .8fr 1fr;gap:8px;font-size:11px}.pos-receipt-preview__row--head,.pos-receipt-preview__row--foot{font-weight:700}.pos-mpesa-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.pos-mpesa-badge{display:inline-flex;align-items:center;gap:2px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#d91f2a,#9e1018);color:#fff;font-weight:800;box-shadow:0 10px 22px #d91f2a2e}.pos-till-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#059669,#047857);color:#fff}.pos-switch-row{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text)}.pos-switch__slider{background:#cbd5e1}.pos-switch input:checked+.pos-switch__slider{background:var(--primary)}.pos-inline-input{min-width:92px;padding:9px 10px}.pos-inline-input--number{max-width:120px}.pos-seq-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.pos-seq-table{min-width:860px}.pos-seq-table th{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.pos-seq-table td{vertical-align:middle}.pos-seq-preview{display:inline-block;font-family:Courier New,ui-monospace,monospace;color:var(--muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-seq-save{min-width:84px;justify-content:center}.pos-soft-panel{padding:14px;border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line)}.pos-soft-panel__title{font-size:.88rem;font-weight:800;color:var(--text-strong);margin-bottom:8px}.pos-soft-panel__text{font-size:.84rem;color:var(--muted);line-height:1.55}.pos-pill-row{display:flex;flex-wrap:wrap;gap:8px}.pos-mini-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-size:.76rem;font-weight:700}.pos-mini-pill.is-success{background:#2183531a;border-color:#21835338;color:var(--success)}.pos-product-display{flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px}.pos-product-display__actions{display:flex;align-items:center;gap:12px}.pos-status-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-size:.76rem;font-weight:800}.pos-status-tag--enabled{background:#2183531a;border-color:#21835333;color:var(--success)}.settings-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.settings-toggle-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px}.settings-toggle-card:hover{border-color:var(--primary)}.sequence-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.sequence-card{padding:16px;border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.pos-settings-footer{position:sticky;bottom:0;z-index:10;display:flex;justify-content:center;gap:12px;padding:14px 18px;margin:6px 0 0;border-radius:18px;background:color-mix(in srgb,var(--panel) 85%,transparent 15%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 -10px 24px #0f172a0f}.pos-save-all{min-width:220px;justify-content:center}@media(max-width:1080px){.pos-settings-grid{grid-template-columns:1fr}}@media(max-width:720px){.pos-two-col{grid-template-columns:1fr}.pos-product-display{flex-direction:column!important;align-items:stretch}.pos-settings-footer{flex-direction:column}.pos-save-all,.pos-revert{width:100%}}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-group{display:flex;flex-direction:column;gap:4px}.sidebar-group--collapsible{margin-top:2px}.sidebar-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer;transition:all .18s ease;text-align:left}.sidebar-group-toggle:hover{background:#1a688a0d;border-color:#1a688a14}.sidebar-group-toggle.is-open,.sidebar-group--has-active .sidebar-group-toggle{background:#1a688a12;border-color:#1a688a1a}.sidebar-group-toggle__label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#1a688a}.sidebar-group-chevron{color:#4f8ca6e6;flex-shrink:0;transition:transform .2s ease}.sidebar-group-toggle.is-open .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;overflow:hidden;transition:max-height .24s ease,opacity .18s ease,transform .18s ease,margin-top .18s ease}.sidebar-group-list li{display:block}.sidebar-group-list.is-open{max-height:1200px;opacity:1;transform:translateY(0);margin-top:2px}.sidebar-group-list.is-collapsed{max-height:0;opacity:0;transform:translateY(-4px);pointer-events:none;margin-top:0}.sidebar-group-list--root{max-height:none!important;opacity:1!important;transform:none!important;overflow:visible!important}.sidebar-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease-in-out;text-decoration:none}.sidebar-link:hover{background-color:#1a688a0d;color:#1a688a}.sidebar-link svg{flex-shrink:0}.sidebar-link--active{color:#1a688a;font-weight:700;background-color:#1a688a14;box-shadow:inset 3px 0 #1a688a}.sidebar-link--active:before{content:"";position:absolute;inset:6px auto 6px 0;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--hero-teal-2),var(--brand-blue))}.sidebar-group--collapsible .sidebar-group-list .sidebar-link{padding-left:16px}.pv-dashboard-page{gap:24px}.pv-dashboard-shell{background:#fff;box-shadow:0 18px 38px #0f172a0f;overflow:hidden}.pv-dashboard-shell__header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;background:linear-gradient(to right,#1a688a,#8f7365 60%,#f07c26);color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.pv-dashboard-shell__header h2{margin:0;color:#fff;font-size:clamp(1.45rem,2.1vw,2rem)}.pv-dashboard-shell__header p{margin-top:8px;max-width:760px;color:#ffffffd1}.pv-dashboard-shell__eyebrow,.pv-dashboard-section-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pv-dashboard-shell__eyebrow{margin-bottom:10px;color:#ffffffb8}.pv-dashboard-section-kicker{color:#1b6170;margin-bottom:6px}.pv-dashboard-shell__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pv-dashboard-shell__meta-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.84rem;font-weight:700}.pv-dashboard-shell__tabs{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px 8px;background:#f7fafc;border-bottom:1px solid rgba(20,77,88,.08)}.pv-dashboard-tab{border:1px solid rgba(20,77,88,.12);background:#fff;color:#23404a;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease}.pv-dashboard-tab:hover,.pv-dashboard-tab.is-active{background:#144d58;color:#fff;border-color:#144d58}.pv-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 24px 8px}.pv-dashboard-metric{border-left:4px solid transparent;background:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.metric-tone-soft{border-left-color:#2f6fed;background:linear-gradient(180deg,#2f6fed0f,#2f6fed04)}.metric-tone-soft .metric-icon-badge{background:#2f6fed1f;color:#2f6fed}.metric-tone-teal{border-left-color:#0f9488;background:linear-gradient(180deg,#0f948812,#0f948804)}.metric-tone-teal .metric-icon-badge{background:#0f94881f;color:#0f9488}.metric-tone-gold{border-left-color:#d97706;background:linear-gradient(180deg,#d9770614,#d9770605)}.metric-tone-gold .metric-icon-badge{background:#d9770624;color:#d97706}.metric-tone-success{border-left-color:#16a34a;background:linear-gradient(180deg,#16a34a12,#16a34a04)}.metric-tone-success .metric-icon-badge{background:#16a34a1f;color:#16a34a}.metric-tone-brown{border-left-color:#334155;background:linear-gradient(180deg,#3341550f,#33415504)}.metric-tone-brown .metric-icon-badge{background:#3341551a;color:#334155}.pv-dashboard-metric__footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.pv-dashboard-review-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#d48a1829;color:#9a6408;font-size:.76rem;font-weight:800}.pv-dashboard-alert{margin:8px 24px 0;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid #f6d39b;background:#fff8ed;color:#9a6408}.pv-dashboard-main{display:flex;flex-direction:column;gap:18px;padding:10px 24px 24px}.pv-dashboard-table-card,.pv-chart-card{background:#fff;border:1px solid rgba(20,77,88,.1);border-radius:20px;box-shadow:0 12px 28px #0f172a0d;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.pv-dashboard-table-card__header,.pv-chart-card__header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 14px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.pv-dashboard-table-card__header h3,.pv-chart-card__header h3{margin:0}.pv-dashboard-search{position:relative;min-width:min(100%,360px);width:min(100%,360px);margin-left:auto}.pv-dashboard-search .text-input{background:#fff;padding-left:40px}.pv-dashboard-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.pv-dashboard-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pv-chart-card__body{padding:0 18px 18px}.pv-chart-card__body--donut{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:12px}.pv-donut-chart{width:136px;height:136px}.pv-donut-chart__value{font-size:1.2rem;font-weight:900;fill:#144d58}.pv-donut-chart__label{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;fill:#6b7280}.pv-chart-legend{display:grid;gap:8px}.pv-chart-legend__row{display:flex;align-items:center;gap:8px;color:#334155;font-size:.84rem;font-weight:600}.pv-chart-legend__swatch{width:12px;height:12px;border-radius:999px;flex-shrink:0}.pv-bar-chart{display:grid;gap:14px}.pv-bar-chart__row{display:grid;gap:6px}.pv-bar-chart__label-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.82rem}.pv-bar-chart__label{color:#334155;font-weight:700}.pv-bar-chart__track{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.pv-bar-chart__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b6170,#5ea4ba)}.pv-chart-empty{color:var(--muted);font-size:.88rem}.pv-audit-stack{display:grid;gap:12px;padding:0 18px 18px}.pv-audit-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#f8fbfd;border:1px solid rgba(20,77,88,.08)}.pv-audit-row span{color:#64748b;font-size:.84rem;font-weight:600}.pv-audit-row strong{color:#144d58;font-size:1rem}.pv-match-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:800}.pv-match-badge.is-matched{background:#10b9811f;color:#047857}.pv-match-badge.is-variance{background:#f59e0b26;color:#a16207}.status-badge.pending_approval{background:#fff5e7;color:#b56d00;border-color:#f2ddb2}.status-badge.authorized{background:#e2f5ec;color:#1d7a50;border-color:#c3edd7}.status-badge.cancelled{background:#fde8e8;color:#b02525;border-color:#f5c2c2}.status-badge.paid{background:#eef8fe;color:#0e84c3;border-color:#ccecff}@media(max-width:1180px){.pv-dashboard-kpis,.pv-dashboard-side{grid-template-columns:1fr 1fr}}@media(max-width:900px){.pv-dashboard-shell__header,.pv-dashboard-table-card__header,.pv-chart-card__header{flex-direction:column;align-items:stretch}.pv-dashboard-kpis,.pv-dashboard-side,.pv-chart-card__body--donut{grid-template-columns:1fr}.pv-dashboard-search{width:100%;min-width:0}}.grn-dashboard-page{gap:24px}.grn-dashboard-shell__header{align-items:flex-start}.grn-dashboard-shell__meta{justify-content:flex-end}.grn-dashboard-kpis{padding-top:18px}.grn-dashboard-metric__footer{align-items:flex-start}.grn-dashboard-main{align-items:start}.grn-dashboard-table-card{overflow:hidden}.grn-dashboard-table-card__header{padding-bottom:10px}.grn-dashboard-header-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.grn-dashboard-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#edf5f7;border:1px solid rgba(20,77,88,.12);color:#23404a;font-size:.78rem;font-weight:700}.grn-filter-toolbar{display:grid;gap:14px;padding:0 18px 18px}.grn-filter-grid{display:grid;gap:12px}.grn-filter-grid--primary{grid-template-columns:minmax(0,2.1fr) repeat(3,minmax(0,1fr));align-items:end}.grn-filter-grid--secondary{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.grn-filter-grid__search,.grn-filter-grid__search .text-input{width:100%}.grn-selection-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:0 18px 18px}.grn-selection-bar__copy{color:var(--muted);font-size:.88rem;max-width:720px}.grn-toggle-pill{display:inline-flex;align-items:center;gap:8px}.grn-pagination-wrap{padding:0 18px 18px}.grn-dashboard-side{display:grid;gap:16px;align-content:start}.grn-side-note{padding:0 18px 18px}.grn-side-note strong{display:block;color:#144d58;font-size:clamp(1.45rem,2vw,2rem);margin-bottom:8px}.grn-side-note p{margin:0;color:#64748b;line-height:1.6}.grn-policy-list{margin:0;padding:0 18px 18px 34px;display:grid;gap:10px;color:#475569;line-height:1.55}.grn-editor-card{overflow:hidden}.grn-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 18px}.grn-lines-panel{padding:0 18px 18px}.grn-lines-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.grn-lines-panel__header h3{margin:0}.grn-lines-panel__copy{max-width:760px;margin:6px 0 0}.grn-editor-summary-card .pv-audit-stack{padding-bottom:0}.grn-action-stack{display:grid;gap:10px;padding:0 18px 18px}.grn-action-stack .primary-button,.grn-action-stack .ghost-button{width:100%;justify-content:center}@media(max-width:1200px){.grn-filter-grid--primary,.grn-filter-grid--secondary,.grn-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.grn-dashboard-shell__meta{justify-content:flex-start}.grn-filter-grid--primary,.grn-filter-grid--secondary,.grn-editor-fields{grid-template-columns:1fr}}:root{--ase-primary-deep: #0B4E58;--ase-primary-100: #D9ECF0}.ase-field__select::-ms-expand,.ase-field__select:after{display:none}.ase-icon-btn:focus-visible,.ase-btn:focus-visible{outline:3px solid #B6D8DE;outline-offset:2px}.ase-table thead th{position:sticky;top:0;z-index:1}.catalog-action-group--icons{display:flex;gap:6px;justify-content:flex-start}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #e2e8ee;background:#fff;color:#45566b;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.icon-button:hover:not(:disabled){background:#f1f6fa;border-color:#c7d6e2;color:#1f6f8b}.icon-button:disabled{opacity:.5;cursor:not-allowed}.promo-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff7e6,#ffe2c2);border:1px solid #f59e0b;border-radius:10px;padding:10px 14px;margin:8px 0 14px;color:#92400e;font-weight:600}.promo-banner code{background:#92400e1a;padding:1px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.promo-toast{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;gap:10px;align-items:flex-start;background:#111827;color:#f9fafb;border-radius:12px;padding:12px 16px;max-width:320px;box-shadow:0 12px 32px #00000040;animation:promo-toast-in .25s ease-out}.promo-toast .muted{color:#d1d5db;font-size:.85em}@keyframes promo-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.pos-grid,.pos-catalog,.cashier-shell,.main-shell,.page-content,.app-shell,.products-grid,.products-grid-enhanced,.product-card,.billing-panel,.modal-card,.modal-content{min-width:0}.cashier-shell .page-content,.cashier-shell .cashier-topbar{max-width:100%}.products-viewport{max-height:calc(100dvh - 250px);min-height:280px;min-width:0;overflow-x:hidden;overflow-y:auto}.products-viewport--grid{position:relative}.products-grid-virtual-cell{min-width:0}.product-card-media{min-height:0;height:auto}.product-card-image-el{width:100%;height:100%;object-fit:cover}.product-card-unit{font-weight:600;color:var(--muted);font-size:.78rem}.product-stock{font-size:.72rem;font-weight:700;color:#157347}.product-stock.is-out{color:#b02525}.product-card-footer{display:none}.billing-item-rate{color:var(--muted);font-size:.82rem}.pos-header-cart,.pos-cart-bar,.pos-cart-close,.cashier-menu-toggle,.cashier-menu-close,.cashier-menu-backdrop,.nav-toggle,.nav-backdrop,.nav-drawer-close,.sidebar-drawer-head{display:none}.cashier-topbar{height:auto;min-height:56px;max-width:100%;min-width:0}.cashier-topbar .cashier-brand{min-width:0;flex:1 1 auto;border:0;margin:0;padding:0}.cashier-topbar .cashier-brand h1,.cashier-pos-page .store-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cashier-topbar-extra{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}.cashier-pos-page .pos-toolbar-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center}.cashier-pos-page .pos-toolbar-wrap .pos-categories{grid-column:1 / -1;min-width:0}.search-shell .search-icon-pos{flex-shrink:0}.icon-button:focus-visible,.chip:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.pos-cart-bar:focus-visible,.pos-header-cart:focus-visible,.sidebar-link:focus-visible,.payment-method-tab:focus-visible,.nav-toggle:focus-visible{outline:2px solid #1a688a;outline-offset:2px}@media(min-width:1024px){.cashier-pos-page.pos-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start}.cashier-pos-page .billing-panel{position:sticky;top:12px;width:auto;height:auto;transform:none;visibility:visible;pointer-events:auto;overflow:visible;background:transparent;box-shadow:none;padding:0}.products-viewport--grid{mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black 100%)}.app-shell{grid-template-columns:minmax(220px,290px) minmax(0,1fr)}.app-shell .sidebar{position:sticky;top:0;left:auto;width:auto;height:100vh;transform:none;visibility:visible}.cashier-topbar{overflow:visible;flex-wrap:wrap}}@media(min-width:1536px){.cashier-pos-page.pos-grid{grid-template-columns:minmax(0,1fr) minmax(380px,460px)}}@media(max-width:1023px){.cashier-pos-page.pos-grid{grid-template-columns:minmax(0,1fr)}.cashier-shell .page-content{padding-bottom:112px}.products-viewport{max-height:none}.pos-header-cart{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;margin-left:auto;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--text);font-weight:800;flex-shrink:0}.pos-cart-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count total" "action action";position:fixed;left:8px;right:8px;bottom:8px;z-index:40;gap:2px 12px;min-height:68px;padding:10px 14px;border:0;border-radius:16px;background:#1a688a;color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 24px #0f172a38}.pos-cart-bar__count{grid-area:count;display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:700}.pos-cart-bar strong{grid-area:total;justify-self:end;font-size:1.05rem}.pos-cart-bar__action{grid-area:action;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pos-cart-backdrop:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;border:0;padding:0;background:#0f172a73;cursor:pointer}.cashier-pos-page .billing-panel{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(90vw,640px);max-width:100%;margin:0;padding:12px;overflow:auto;background:var(--bg, #f4f7f8);transform:translate(105%);visibility:hidden;pointer-events:none;transition:transform .22s ease;box-shadow:-12px 0 32px #0f172a29}.cashier-pos-page.cart-open .billing-panel{transform:translate(0);visibility:visible;pointer-events:auto}.pos-cart-close{display:inline-flex;width:44px;height:44px;flex-shrink:0}body:has(.cashier-pos-page.cart-open){overflow:hidden}.pos-categories{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-right:0;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.pos-categories .chip{flex:0 0 auto;min-height:44px}.pos-categories .category-search-wrap{position:sticky;right:0;top:auto;transform:none;flex:0 0 auto;margin-left:4px;background:var(--white, #fff);z-index:2}.view-toggle .icon-button,.category-search-toggle{width:44px;height:44px}.product-card{padding:6px}.product-card-overlay .product-card-actions{display:none}.product-card-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:6px}.product-card-footer .add-btn,.product-card-footer .pay-now-btn{position:static;opacity:1;transform:none;pointer-events:auto;width:100%;min-height:44px;padding:8px 6px;font-size:.78rem}.product-card-footer .add-btn{background:#1a688a;color:#fff;border:0!important}.product-card-footer .pay-now-btn{background:#fff;color:var(--brand-orange);border:1px solid var(--brand-orange)!important}.product-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.billing-item-row{flex-direction:column;align-items:stretch}.billing-item-actions{width:100%;justify-content:space-between}.quantity-control .icon-button,.billing-item-actions .icon-button.danger-icon{width:44px;height:44px;min-width:44px;min-height:44px}.quantity-display{min-width:96px;font-size:1rem}.billing-bottom-actions .primary-button,.payment-submit-btn,.payment-method-tab{min-height:48px}.header-action-icons-row{flex-wrap:wrap;justify-content:flex-end;min-width:0}.selected-customer-box>div{flex-wrap:wrap}.header-action-icons-row .ghost-button,.change-customer-btn,.pagination-btn{min-height:44px}.card-header{flex-wrap:wrap;min-width:0}.promo-toast{left:12px;right:12px;bottom:96px;max-width:none}.app-shell{grid-template-columns:minmax(0,1fr)}.nav-toggle{display:inline-flex;position:fixed;top:10px;left:10px;z-index:50;width:44px;height:44px;align-items:center;justify-content:center}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;border:0;background:#0f172a73;cursor:pointer}.sidebar-drawer-head{display:flex;justify-content:flex-end}.nav-drawer-close{display:inline-flex;width:44px;height:44px}.app-shell .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);height:100vh;z-index:60;transform:translate(-105%);visibility:hidden;overflow-y:auto;background:#fff;border-right:1px solid rgba(26,104,138,.12);border-bottom:0;transition:transform .2s ease}.app-shell.nav-open .sidebar{transform:translate(0);visibility:visible}.sidebar-link,.sidebar-group-toggle{min-height:44px}.main-shell .page-content{padding-top:64px}.main-shell .topbar{padding-left:64px}.table-wrap,.card:has(table),.modal-content:has(table),.modal-card:has(table){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.data-table,.mg-table,.sa-table,.ase-table,.pp-table,.billings-table-enhanced,.payments-items-table{min-width:640px}.cashier-topbar{flex-direction:row;flex-wrap:nowrap;align-items:center;overflow:hidden;gap:8px;padding-left:12px;padding-right:12px}.cashier-menu-toggle{display:inline-flex;width:44px;height:44px;flex-shrink:0}.cashier-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;border:0;background:#0f172a73;cursor:pointer}.cashier-topbar-extra{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:80;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:12px;background:#fff;overflow:auto;transform:translate(-105%);visibility:hidden;pointer-events:none}.cashier-topbar-extra.is-open{transform:translate(0);visibility:visible;pointer-events:auto}.cashier-menu-close{display:inline-flex;align-self:flex-end;width:44px;height:44px}.cashier-topbar-extra .ghost-button,.cashier-topbar-extra .primary-button,.cashier-topbar-extra .icon-button{min-height:44px;justify-content:flex-start}}@media(max-width:767px){.cashier-pos-page .billing-panel{width:100%;padding:0}.cashier-pos-page .store-contact-meta{display:none}.cashier-pos-page .compact-hero{padding:12px}.cashier-pos-page .pos-toolbar-wrap{grid-template-columns:minmax(0,1fr)}.search-shell,.search-shell input{width:100%;min-width:0}.search-shell input{font-size:1rem}.products-grid--measuring,.product-skeleton-grid,.products-grid,.products-grid-enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list-row{flex-wrap:wrap;align-items:flex-start}.product-list-row__actions{width:100%}.product-list-row__actions .ghost-button,.product-list-row__actions .primary-button{min-height:44px}.category-search-popout{position:fixed;left:12px;right:12px;top:auto;bottom:96px;transform:none;min-width:0;max-width:none;width:auto;z-index:45}.payment-modal-layout,.payment-method-form,.payment-modal-actions,.payment-modal-actions--bottom,.payment-method-tabs{grid-template-columns:minmax(0,1fr)}.payment-method-tab{min-height:48px;justify-content:flex-start}.modal-backdrop{padding:8px}.modal-backdrop .modal-card,.modal-backdrop .modal-box,.modal-backdrop .ase-modal,.modal-backdrop .payment-modal-card{width:100%;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);overflow:auto}.payment-modal-content{overflow:auto;min-height:0}}@media(min-width:768px){.payment-modal-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}@media(min-width:768px)and (max-width:1023px){.product-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(hover:none){.product-card-overlay .product-card-actions{display:none}.product-card-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:6px}.product-card-footer .add-btn,.product-card-footer .pay-now-btn{position:static;opacity:1;transform:none;pointer-events:auto;width:100%;min-height:44px}.product-card-footer .add-btn{background:#1a688a;color:#fff;border:0!important}.product-card-footer .pay-now-btn{background:#fff;color:var(--brand-orange);border:1px solid var(--brand-orange)!important}}