:root{color-scheme:light;--ink: #1a2330;--muted: #607080;--line: #d8dee8;--paper: #f4f7fb;--panel: #ffffff;--navy: #16324f;--navy-soft: #224a71;--mint: #0d9f7a;--mint-soft: #dff7ef;--amber: #d79026;--amber-soft: #fff3de;--rose: #cd4f58;--rose-soft: #ffe7e9;--sky: #2a81b8;--sky-soft: #e2f2fb;--shadow: 0 18px 50px rgba(22, 50, 79, .09);font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(42,129,184,.12),transparent 28%),radial-gradient(circle at top right,rgba(13,159,122,.12),transparent 24%),linear-gradient(180deg,#f7fafc,#eef3f8);color:var(--ink)}button,input,select{border:1px solid var(--line);border-radius:10px;font:inherit}button{cursor:pointer;background:#eef4fb;color:var(--ink);padding:.75rem .95rem;font-weight:600}button:disabled{cursor:not-allowed;opacity:.45}input,select{width:100%;background:#fff;padding:.78rem .82rem}.center-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(460px,100%);display:grid;gap:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#ffffffeb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card h1,.topbar h1,.panel h2{margin:0}.login-card p,.topbar p,.empty-copy{margin:0;color:var(--muted)}.hero-brand{margin-bottom:.25rem}.demo-accounts{display:grid;gap:.35rem;padding:.9rem 1rem;background:#f7faff;border:1px solid #dde8f5;border-radius:14px;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:92px 1fr}.sidebar{display:grid;grid-template-rows:auto auto 1fr auto;gap:.8rem;padding:.9rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,#10253b,#173453);color:#f4fbff;position:sticky;top:0;height:100vh;transition:width .2s ease,padding .2s ease}.sidebar.collapsed{padding:.6rem}.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#18b68c,#2b8ad4);color:#fff;font-weight:700}.brand small,.user-chip span{color:#f4fbffb8}.user-chip{display:grid;gap:.2rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;text-align:left}nav{display:grid;gap:.3rem;align-content:start}nav button{display:flex;align-items:center;gap:.65rem;background:transparent;color:#deedf7;border-color:transparent;text-align:left;padding:.58rem .7rem;min-height:42px}nav button.active,nav button:hover{background:#ffffff14;border-color:#ffffff1f}.nav-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}.nav-icon svg{width:18px;height:18px}.sidebar-toggle{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .7rem;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff14;flex-shrink:0}.sidebar-toggle:hover{background:#ffffff38}.sidebar-toggle-label{font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.sidebar-toggle svg{width:18px;height:18px;display:block}.sidebar.collapsed .sidebar-toggle{width:38px;padding:0}.sidebar.collapsed .sidebar-topbar{gap:.35rem;align-items:center}.sidebar.collapsed nav{gap:.18rem}.sidebar.collapsed nav button,.sidebar.collapsed .sidebar-logout{width:100%;min-height:38px;padding:.45rem .35rem}.sidebar.collapsed nav button .nav-icon,.sidebar.collapsed .sidebar-logout .nav-icon{width:22px;height:22px;flex-basis:22px}.sidebar-logout,.ghost{background:#fff}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.58rem .7rem;margin-top:auto}.sidebar.collapsed .user-chip,.sidebar.collapsed nav button,.sidebar.collapsed .sidebar-logout{justify-content:center;text-align:center}.sidebar.collapsed nav button span:not(.nav-icon),.sidebar.collapsed .sidebar-logout span:not(.nav-icon){display:none}.workspace{padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.notice{background:#fff7df;border:1px solid #efd79c;border-left:5px solid var(--amber);border-radius:12px;padding:.9rem 1rem;margin-bottom:1rem}.panel{background:var(--panel);border:1px solid rgba(216,222,232,.9);border-radius:18px;box-shadow:var(--shadow);padding:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.85rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.metric{border:1px solid var(--line);border-radius:16px;padding:.95rem;background:#fff}.metric span{color:var(--muted);font-size:.82rem}.metric strong{display:block;font-size:1.3rem;margin-top:.35rem}.metric-mint{background:linear-gradient(180deg,#fff,var(--mint-soft))}.metric-sky{background:linear-gradient(180deg,#fff,var(--sky-soft))}.metric-amber{background:linear-gradient(180deg,#fff,var(--amber-soft))}.metric-rose{background:linear-gradient(180deg,#fff,var(--rose-soft))}.dashboard-stack,.form-grid,.catalog-stack{display:grid;gap:1rem}.catalog-form-card{padding:1.25rem;background:linear-gradient(180deg,rgba(42,129,184,.06),transparent 28%),linear-gradient(180deg,#fff,#fbfdff)}.catalog-form-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5ebf3}.catalog-form-hero p{margin:.35rem 0 0;color:var(--muted)}.catalog-form-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.eyebrow{display:inline-block;margin-bottom:.3rem;color:var(--sky);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.catalog-section-grid{display:grid;gap:1rem}.catalog-section{padding:1rem;border:1px solid #e6edf5;border-radius:16px;background:#f8fbffd1}.catalog-section h3{margin:0 0 .85rem;font-size:1rem}.three-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.catalog-submit-row{display:flex;justify-content:flex-end}.catalog-table-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.catalog-toolbar{margin-bottom:.85rem}.split,.pos-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.35fr);gap:1rem;align-items:start}.pos-grid{grid-template-columns:1.55fr .85fr}.scan-row,.inline-form{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-bottom:.8rem}.search-box{position:relative}.suggestions{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;display:grid;gap:.25rem;max-height:320px;overflow-y:auto;padding:.35rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.suggestions button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;background:#f8fbff;border-color:transparent}.suggestions small,label{color:var(--muted)}.medicine-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem}.medicine-tile{min-height:112px;display:grid;align-content:space-between;text-align:left;background:linear-gradient(180deg,#fff,#f4fbf8)}.medicine-tile span{font-size:.8rem;color:var(--muted)}.receipt{position:sticky;top:1rem}.cart-line,.return-line,.total-row,.cash-box{display:grid;grid-template-columns:1fr 70px 110px;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line)}.cart-line{grid-template-columns:1fr 70px 110px 36px}.return-line{grid-template-columns:1fr 80px 110px}.total-row{grid-template-columns:1fr auto;border-bottom:0;margin-top:.6rem}.cash-box{grid-template-columns:auto 1fr auto auto}.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:10px}.delete-line{background:#fff4f4;border-color:#f2c8cc;color:var(--rose)}.payment-summary{display:grid;gap:.45rem;margin:.8rem 0;padding:.75rem;background:#f8fbff;border:1px solid #dce7f1;border-radius:14px}.payment-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.change-row strong{color:var(--mint)}.due-row strong{color:var(--rose)}.primary{background:linear-gradient(135deg,var(--mint),#148bc7);border-color:transparent;color:#fff}label{display:grid;gap:.35rem;font-size:.84rem}.two-column-grid,.item-editor{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.plain-list{margin:0;padding-left:1rem;color:var(--muted)}.chart-card{display:grid;gap:.8rem}.chart-row{display:grid;gap:.45rem}.chart-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted)}.chart-meta strong{color:var(--ink)}.chart-track{height:12px;border-radius:999px;overflow:hidden;background:#edf2f7}.chart-bar{height:100%;border-radius:inherit}.pager,.table-actions{display:flex;align-items:center;gap:.5rem}.compact-actions{justify-content:flex-start}.icon-action{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:10px}.icon-action svg{width:16px;height:16px}.edit-action{background:#eef6ff;color:var(--sky);border-color:#cfe2f3}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{border-bottom:1px solid var(--line);padding:.7rem;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;background:#f6f9fc}.catalog-table td:first-child strong,.catalog-table td:first-child small{display:block}.catalog-table td:first-child small{margin-top:.2rem;color:var(--muted)}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav{grid-template-columns:repeat(4,1fr)}.split,.pos-grid,.three-column-grid,.two-column-grid,.item-editor{grid-template-columns:1fr}.receipt{position:static}}@media(max-width:620px){.workspace{padding:1rem}nav{grid-template-columns:repeat(2,1fr)}.topbar,.scan-row,.inline-form,.catalog-form-hero,.catalog-table-header,.cart-line,.return-line,.cash-box,.panel-header{align-items:stretch}.topbar,.panel-header,.catalog-form-hero,.catalog-table-header{display:grid}.catalog-form-actions,.catalog-submit-row{justify-content:stretch}.pager,.table-actions{flex-wrap:wrap}}.modern-reports{display:grid;gap:1.5rem;padding:.5rem}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.summary-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:16px;background:#fff;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;overflow:hidden}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.card-gradient-blue:before{background:linear-gradient(90deg,#2b81b8,#148bc7)}.card-gradient-green:before{background:linear-gradient(90deg,#148bc7,#0d7ab8)}.card-gradient-purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.card-gradient-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.summary-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#2b81b81a;color:#2b81b8;flex-shrink:0}.card-gradient-green .summary-icon{background:#148bc71a;color:#148bc7}.card-gradient-purple .summary-icon{background:#8b5cf61a;color:#8b5cf6}.card-gradient-orange .summary-icon{background:#f59e0b1a;color:#f59e0b}.summary-icon svg{width:28px;height:28px}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.85rem;color:var(--muted);font-weight:500}.summary-value{font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1.2}.summary-trend{font-size:.75rem;color:var(--muted);margin-top:.25rem}.report-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.modern-chart-card{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #0000000a}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f0f4f8}.chart-header h2{font-size:1.1rem;font-weight:600;color:var(--ink);margin:0}.chart-total{font-size:1rem;font-weight:700;color:#2b81b8;background:#f0f7ff;padding:.4rem .8rem;border-radius:8px}.modern-chart-body{display:flex;flex-direction:column;gap:.75rem}.empty-state svg{width:48px;height:48px;margin-bottom:.75rem;opacity:.4}.empty-state p{font-size:.9rem;margin:0}.chart-bars-container{display:flex;flex-direction:column;gap:1rem}.chart-bar-item{display:flex;flex-direction:column;gap:.4rem}.bar-label-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.bar-label{color:var(--ink);font-weight:500}.bar-value{color:var(--muted);font-weight:600}.bar-track{height:24px;background:#f0f4f8;border-radius:12px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bar-percentage{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.report-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.modern-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.modern-table table{margin:0}.modern-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;padding:.875rem 1rem}.modern-table td{padding:.875rem 1rem;font-size:.9rem}.modern-table tbody tr{transition:background-color .2s ease}.modern-table tbody tr:hover{background-color:#f8fafc}.warning-table{border-left:4px solid #f59e0b}.alert-section{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #0000000a;border:1px solid #fef3c7}.alert-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #fef3c7}.alert-icon{font-size:1.5rem}.alert-header h3{font-size:1.1rem;font-weight:600;color:#92400e;margin:0}@media(max-width:1024px){.report-summary-grid{grid-template-columns:repeat(2,1fr)}.report-charts-grid,.report-tables-grid{grid-template-columns:1fr}}@media(max-width:640px){.report-summary-grid{grid-template-columns:1fr}.summary-card{padding:1rem}.summary-value{font-size:1.25rem}.modern-chart-card{padding:1rem}.chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.login-shell{position:relative;background-image:url(https://images.unsplash.com/photo-1586015555751-63bb77f4322a?q=80&w=1920&auto=format&fit=crop);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.login-background-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#16324fe0,#0d9f7abf);z-index:1}.login-container{position:relative;z-index:2;display:flex;max-width:1100px;width:100%;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:32px;overflow:hidden;box-shadow:0 25px 50px -12px #0009;border:1px solid rgba(255,255,255,.15)}.login-info-side{flex:1.2;padding:3.5rem;color:#fff;display:flex;flex-direction:column;gap:1.8rem;background:#00000040}.login-info-side h1{font-size:2.8rem;line-height:1.1;margin:0;font-weight:800;background:linear-gradient(to right,#fff,#a0f0d8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-info-side p{color:#ffffffd9;font-size:1.15rem;line-height:1.6}.feature-highlight{display:flex;gap:1.2rem;background:#ffffff1a;padding:1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);align-items:center}.feature-icon{font-size:2.4rem;display:grid;place-items:center;width:60px;height:60px;background:#0d9f7a33;border-radius:14px}.feature-highlight strong{display:block;font-size:1.2rem;margin-bottom:.25rem;color:#a0f0d8}.feature-highlight p{margin:0;font-size:.95rem;opacity:.9}.login-instructions{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.login-instructions h3{font-size:1.1rem;margin-bottom:.8rem;color:#18b68c;text-transform:uppercase;letter-spacing:.05em}.login-instructions ul{margin:0;padding-left:1.2rem;color:#ffffffbf;font-size:.95rem;display:grid;gap:.5rem}.login-card-side{width:450px;background:#fff;padding:3.5rem;display:flex;flex-direction:column;justify-content:center}.login-card-side h2{font-size:2rem;margin:0 0 .5rem;color:var(--navy)}.login-card-side>p{color:var(--muted);margin-bottom:2rem}.login-card-side form{display:grid;gap:1.2rem}.demo-account-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem}.demo-pill{padding:.6rem .4rem;font-size:.85rem;background:#f8fbff;border:1px solid #e2e8f0;border-radius:12px;font-weight:600;color:var(--navy-soft);transition:all .2s;cursor:pointer}.demo-pill:hover{background:var(--sky-soft);border-color:var(--sky);color:var(--sky);transform:translateY(-2px)}.demo-accounts small{display:block;text-align:center;margin-top:.8rem;color:var(--muted);font-style:italic}@media(max-width:1024px){.login-container{flex-direction:column;max-width:500px;margin:2rem auto}.login-info-side{padding:2.5rem}.login-card-side{width:100%;padding:2.5rem}.login-info-side h1{font-size:2.2rem}}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--pos-accent: #0d9f7a;--pos-bg: #f0f4f8;--card-radius: 20px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 8px 32px #1f268712}.modern-metric{position:relative;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;transition:transform .3s ease,box-shadow .3s ease}.modern-metric:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000014}.metric-icon-bg{position:absolute;right:-10px;bottom:-10px;font-size:4rem;opacity:.1;transform:rotate(-15deg)}.metric-content{position:relative;z-index:1}.metric-label{font-size:.9rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.75rem;font-weight:800;margin-top:.5rem;color:var(--ink)}.pos-search-wrapper{position:relative;margin-bottom:1.5rem}.pos-search-input{padding-left:3rem!important;font-size:1.1rem;height:56px;border-radius:16px;box-shadow:0 4px 12px #00000008;transition:all .3s ease}.pos-search-input:focus{box-shadow:0 8px 24px #0d9f7a26;border-color:var(--pos-accent)}.pos-search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.2rem}.pos-category-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.filter-pill{padding:.6rem 1.2rem;border-radius:999px;background:#fff;border:1px solid var(--line);white-space:nowrap;font-weight:600;font-size:.9rem;transition:all .2s ease;cursor:pointer}.filter-pill.active{background:var(--pos-accent);color:#fff;border-color:var(--pos-accent);box-shadow:0 4px 12px #0d9f7a4d}.modern-medicine-tile{background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.modern-medicine-tile:hover{border-color:var(--pos-accent);box-shadow:0 10px 25px #0000000d;transform:scale(1.02)}.tile-badge{position:absolute;top:.75rem;right:.75rem;font-size:.7rem;padding:.2rem .6rem;border-radius:8px;font-weight:700;text-transform:uppercase}.badge-low-stock{background:#fff5f5;color:#c53030}.tile-name{font-weight:700;font-size:1.1rem;color:var(--navy);line-height:1.2}.tile-generic{font-size:.85rem;color:var(--muted);font-style:italic}.tile-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;border-top:1px dashed #edf2f7}.tile-price{font-weight:800;color:var(--pos-accent);font-size:1.15rem}.tile-stock{font-size:.8rem;color:var(--muted)}.receipt-header{padding:1.25rem 1.5rem;border-bottom:2px dashed #f0f4f8;flex-shrink:0}.receipt-items{flex:1;overflow-y:auto;padding:0 1.5rem;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;min-height:0}.receipt-items::-webkit-scrollbar{width:6px}.receipt-items::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:10px}.receipt-footer{padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #edf2f7;border-bottom-left-radius:24px;border-bottom-right-radius:24px;flex-shrink:0;position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 12px #0000000d}.modern-cart-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.cart-item-info{min-width:0}.cart-item-info strong{display:block;font-size:1rem;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-qty{display:inline-flex!important;align-items:center;gap:.5rem;margin-top:.4rem}.qty-btn{width:32px!important;height:32px!important;border-radius:8px;display:flex!important;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);cursor:pointer;font-weight:700;font-size:1.2rem;transition:all .2s ease;padding:0;line-height:1;visibility:visible!important;opacity:1!important}.qty-btn:hover{background:var(--sky-soft);border-color:var(--sky);color:var(--sky)}.cart-item-actions{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:100px}.cart-item-total{font-weight:800;color:var(--navy);font-size:1.1rem;white-space:nowrap}.modern-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modern-total-row span{font-size:1.1rem;color:var(--muted)}.modern-total-row strong{font-size:1.8rem;color:var(--navy);font-weight:800}.dashboard-section{margin-bottom:2rem}.section-title{font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#e2e8f0,transparent)}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-amber{background:var(--amber-soft);color:#92400e}.badge-mint{background:var(--mint-soft);color:#065f46}.badge-rose{background:var(--rose-soft);color:#991b1b}.badge-sky{background:var(--sky-soft);color:#075985}.skeleton-panel{min-height:400px;display:grid;place-items:center;color:var(--muted);font-style:italic;background:linear-gradient(90deg,#f0f4f8 25%,#f8fafc,#f0f4f8 75%);background-size:200% 100%;animation:loading-shimmer 2s infinite}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pos-grid{grid-template-columns:1fr 400px;height:calc(100vh - 120px);overflow:hidden;gap:1.5rem}.pos-main-content{overflow-y:auto;padding-right:.5rem;height:100%}.modern-receipt{background:#fff;border-radius:24px;box-shadow:0 15px 40px #00000014;display:flex;flex-direction:column;height:100%;position:relative;top:0}.success-table{border-top:4px solid var(--mint)}.warning-table{border-top:4px solid var(--rose)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--muted)}@media(max-width:1200px){.pos-grid{grid-template-columns:1fr;height:auto;overflow:visible}.modern-receipt{position:static;height:auto;margin-top:2rem}}.dashboard-v2{display:grid;gap:1.5rem}.dash-hero{position:relative;border-radius:24px;background:linear-gradient(135deg,#16324f,#1a5276 45%,#0d9f7a);color:#fff;box-shadow:0 20px 60px #16324f47;overflow:hidden;isolation:isolate}.dash-hero-decor{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.dash-hero-decor-1{width:420px;height:420px;top:-180px;right:-80px;background:#ffffff0f}.dash-hero-decor-2{width:260px;height:260px;bottom:-120px;left:18%;background:#0d9f7a2e}.dash-hero-decor-3{width:120px;height:120px;top:20%;left:55%;background:#ffffff0a}.dash-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.25rem 2.75rem}.dash-hero-left{min-width:0}.dash-greeting{display:block;font-size:1rem;font-weight:500;opacity:.85;margin-bottom:.3rem}.dash-hero-title{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.dash-hero-date{margin:.45rem 0 0;font-size:.9rem;opacity:.7}.dash-hero-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.dash-hero-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:120px;text-align:center}.dash-hero-stat-label{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;opacity:.72}.dash-hero-stat-value{font-size:1.4rem;font-weight:800;line-height:1.1}.dash-hero-divider{width:1px;height:52px;background:#fff3;flex-shrink:0}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dash-kpi-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:18px;background:#fff;border:1px solid #edf2f7;border-left:4px solid var(--line);box-shadow:0 4px 16px #0000000a;transition:transform .25s ease,box-shadow .25s ease}.dash-kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000017}.dash-kpi-card.metric-mint{border-left-color:var(--mint)}.dash-kpi-card.metric-sky{border-left-color:var(--sky)}.dash-kpi-card.metric-amber{border-left-color:var(--amber)}.dash-kpi-card.metric-rose{border-left-color:var(--rose)}.dash-kpi-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;line-height:1}.metric-mint .dash-kpi-icon{background:var(--mint-soft)}.metric-sky .dash-kpi-icon{background:var(--sky-soft)}.metric-amber .dash-kpi-icon{background:var(--amber-soft)}.metric-rose .dash-kpi-icon{background:var(--rose-soft)}.dash-kpi-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.dash-kpi-label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-kpi-value{font-size:1.45rem;font-weight:800;color:var(--ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-insight-card{background:#fff;border:1px solid #edf2f7;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000a;transition:box-shadow .25s ease}.dash-insight-card:hover{box-shadow:0 8px 28px #00000012}.dash-insight-header{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.5rem;border-bottom:1px solid #f1f5f9}.dash-insight-header>div{display:flex;flex-direction:column;gap:.15rem}.dash-insight-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--navy)}.dash-insight-header small{margin:0;font-size:.78rem;color:var(--muted);font-weight:400}.expenses-header{background:linear-gradient(135deg,var(--rose-soft),#fff8f8)}.inventory-header{background:linear-gradient(135deg,var(--amber-soft),#fffcf3)}.dash-insight-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.dash-insight-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.dash-insight-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border-radius:10px;background:#f8fafc;transition:background .2s ease}.dash-insight-row:hover{background:#f1f5f9}.dash-insight-row span{font-size:.88rem;color:var(--muted);font-weight:500}.dash-insight-row strong{font-size:1rem;font-weight:700;color:var(--ink)}.dash-insight-row.highlight-rose{background:var(--rose-soft)}.dash-insight-row.highlight-rose:hover{background:#fdd}.dash-insight-row.highlight-rose strong{color:var(--rose)}.dash-insight-row.highlight-mint{background:var(--mint-soft)}.dash-insight-row.highlight-mint:hover{background:#c8f0e3}.dash-insight-row.highlight-mint strong{color:var(--mint)}.text-rose{color:var(--rose)!important}.text-amber{color:var(--amber)!important}.dash-charts-grid,.dash-tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:1200px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-hero-inner{flex-direction:column;align-items:flex-start;padding:1.75rem 2rem}.dash-hero-right{flex-wrap:wrap;width:100%}.dash-hero-stat{flex:1;min-width:100px}}@media(max-width:768px){.dash-kpi-grid,.dash-secondary-grid,.dash-charts-grid,.dash-tables-grid{grid-template-columns:1fr}.dash-hero-right{flex-direction:column;align-items:stretch;gap:1rem}.dash-hero-divider{width:100%;height:1px}.dash-hero-stat{flex-direction:row;justify-content:space-between;min-width:0;width:100%}.dash-hero-inner{padding:1.5rem}.dash-hero-title{font-size:1.4rem}}.pos-one-pager{display:grid;gap:1rem}.pos-hero-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem;background:linear-gradient(135deg,#16324ff5,#0d9f7ae6);color:#fff;border-color:#ffffff14}.pos-hero-copy{display:grid;gap:.2rem}.pos-hero-copy h2{margin:0;font-size:1.6rem}.pos-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:min(100%,420px)}.pos-hero-stats div{padding:.85rem .95rem;border-radius:16px;background:#ffffff17;border:1px solid rgba(255,255,255,.09)}.pos-hero-stats span{display:block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.pos-hero-stats strong{display:block;margin-top:.35rem;font-size:1.15rem}.pos-checkout-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:1rem;align-items:start}.pos-left-stack{display:grid;gap:1rem;position:relative;z-index:1}.pos-search-card,.pos-cart-card,.pos-payment-card{padding:1.15rem}.pos-search-card{position:relative;z-index:3}.pos-cart-card{position:relative;z-index:1}.pos-panel-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pos-panel-header h2{margin:0}.pos-search-wrapper .suggestions{z-index:30;max-height:340px;overflow-y:auto}.pos-search-wrapper{position:relative}.pos-cart-items{max-height:55vh;overflow:auto;padding-right:.35rem}.empty-cart-view{display:grid;place-items:center;gap:.45rem;min-height:240px;text-align:center;color:var(--muted);background:linear-gradient(180deg,#fbfdff,#f6f9fc);border:1px dashed #dbe4ee;border-radius:18px}.empty-cart-icon{font-size:2.5rem}.pos-payment-card{position:sticky;top:1rem}.pos-payment-stack{display:grid;gap:.9rem}.pos-summary-card{margin:0;background:linear-gradient(180deg,#f8fbff,#fff)}.pos-payment-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pos-payment-actions .filter-pill{width:100%;justify-content:center}.pos-cash-input{height:54px;border:2px solid rgba(13,159,122,.22);background:#fff}.pos-change-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:18px;background:linear-gradient(180deg,var(--mint-soft),#effbf6);border:1px solid #cdeede}.pos-change-card span{display:block;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#065f46}.pos-change-card strong{display:block;margin-top:.2rem;font-size:1.5rem;color:#047857}.pos-checkout-button{min-width:140px;min-height:52px}@media(max-width:1100px){.pos-checkout-grid{grid-template-columns:1fr}.pos-payment-card{position:static}}@media(max-width:780px){.pos-hero-card{flex-direction:column;align-items:stretch}.pos-hero-stats{min-width:0;grid-template-columns:1fr}.pos-change-card{flex-direction:column;align-items:stretch}.pos-checkout-button{width:100%}}.catalog-import-panel{display:grid;gap:1rem;padding:1.25rem;background:linear-gradient(180deg,rgba(42,129,184,.06),transparent 28%),linear-gradient(180deg,#fff,#fbfdff)}.catalog-import-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:1rem;align-items:start}.catalog-import-upload,.catalog-sample-sheet{display:grid;gap:.85rem;padding:1rem;border-radius:18px;border:1px solid #e4ebf3;background:#f8fbffeb}.catalog-import-upload input[type=file]{padding:.9rem;background:#fff;border:1px dashed #c8d6e2;border-radius:14px}.catalog-import-meta{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}.catalog-import-meta strong{color:var(--ink)}.catalog-sample-header h3{margin:0;font-size:1rem}.catalog-sample-header p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.sample-table{min-width:980px}.sample-table th,.sample-table td{white-space:nowrap}@media(max-width:980px){.catalog-import-grid{grid-template-columns:1fr}}