@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg0: #f7f4ee;--bg1: #f3f8f4;--ink: #0f1a2a;--muted: #55657a;--muted-2: #6a7b90;--surface: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--border: rgba(15, 26, 42, .12);--border-2: rgba(15, 26, 42, .18);--shadow: 0 18px 40px rgba(13, 20, 33, .12);--shadow-2: 0 10px 24px rgba(13, 20, 33, .1);--accent: #0f766e;--accent-ink: #043a35;--accent-soft: rgba(15, 118, 110, .12);--warn: #b45309;--danger: #b42318;--danger-soft: rgba(180, 35, 24, .12);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;--ring: 0 0 0 3px rgba(15, 118, 110, .18);--font-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Fraunces", ui-serif, Georgia, serif;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(1200px 700px at 10% 10%,rgba(15,118,110,.18),transparent 60%),radial-gradient(900px 600px at 90% 20%,rgba(253,186,116,.18),transparent 55%),radial-gradient(900px 700px at 50% 110%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1))}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(1200px 700px at 10% 10%,rgba(15,118,110,.18),transparent 60%),radial-gradient(900px 600px at 90% 20%,rgba(253,186,116,.18),transparent 55%),radial-gradient(900px 700px at 50% 110%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));background-attachment:fixed}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--accent)!important}@keyframes rise-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.app-frame{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:1.15rem;padding:1.15rem;max-width:1400px;margin:0 auto}.app-frame.nav-closed{grid-template-columns:1fr}.app-frame.nav-closed .side-nav,.nav-backdrop{display:none}.side-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:.95rem;display:flex;flex-direction:column;gap:.95rem;position:sticky;top:1.15rem;height:calc(100vh - 2.3rem);overflow:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-block{display:flex;align-items:center;gap:.75rem;padding:.35rem .25rem .65rem;border-bottom:1px dashed rgba(15,26,42,.18)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0f766e33,#fdba7433);border:1px solid rgba(15,26,42,.14);display:grid;place-items:center;box-shadow:0 10px 18px #0d142114;overflow:hidden}.brand-mark.has-logo{background:var(--surface-solid)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand-mark span{font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;color:var(--accent-ink)}.brand-name{font-weight:600;line-height:1.1}.brand-subtitle{font-size:.85rem;color:var(--muted);line-height:1.15}.nav-section{display:flex;flex-direction:column;gap:.55rem}.nav-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:0 .25rem}.nav-list{display:flex;flex-direction:column;gap:.35rem}.nav-item{border:1px solid transparent;background:transparent;border-radius:12px;padding:.55rem .6rem;cursor:pointer;display:flex;align-items:center;gap:.6rem;color:var(--ink);text-align:left;transition:transform .12s ease,background .12s ease,border-color .12s ease}.nav-item:hover{background:#ffffffb3;border-color:#0f1a2a1f;transform:translateY(-1px)}.nav-item.active{background:var(--accent-soft);border-color:#0f766e59;color:var(--accent-ink)}.nav-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(15,26,42,.12);background:#ffffffb3;color:#0f1a2acc;font-weight:700;flex:0 0 auto}.nav-item.active .nav-icon{border-color:#0f766e59;background:#ffffffbf}.nav-footer{margin-top:auto;padding-top:.85rem;border-top:1px dashed rgba(15,26,42,.18);display:flex;flex-direction:column;gap:.55rem}.user-card{display:flex;gap:.6rem;justify-content:space-between;align-items:center}.user-name{font-weight:600;line-height:1.1}.user-role{font-size:.85rem;color:var(--muted)}.nav-hint{font-size:.82rem;color:var(--muted)}.nav-hint span{font-family:var(--font-serif);font-weight:600;color:var(--accent-ink)}.main-area{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:calc(100vh - 2.3rem)}.page-header--pos{width:100%}.page-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:1.05rem 1.1rem;display:grid;grid-template-columns:1fr;gap:.9rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise-in .22s ease-out both}.page-title{margin:0;font-size:1.55rem;letter-spacing:-.02em}.page-heading-row{display:flex;align-items:center;gap:.65rem}.nav-toggle{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:#ffffffc7;cursor:pointer;display:grid;place-items:center;color:var(--ink);box-shadow:0 10px 18px #0d142114;flex:0 0 auto}.nav-toggle span{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;line-height:1}.page-subtitle{margin:.25rem 0 0;color:var(--muted);max-width:70ch}.page-content{min-width:0;animation:rise-in .22s ease-out both}.page-content--pos{flex:1;display:flex;min-height:0}.pos-shell{width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;gap:1rem;align-items:stretch;flex:1;min-height:0}.pos-products{grid-column:1;grid-row:2;min-height:0}.pos-cart{grid-column:2;grid-row:1 / span 2;min-height:0}.pos-cart .cart{height:100%}.pos-cart .cart-list{flex:1;max-height:none;min-height:0}.pos-shell .products{min-height:0}.pos-tools{display:grid;grid-template-columns:1.2fr 1.6fr 1fr;gap:.75rem}.pos-tool{min-width:0;display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.pos-tools input,.pos-tools select{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:12px;background:#ffffffbf}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #dbe8f4;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.65rem}.auth-logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#0f766e33,#fdba7433);border:1px solid rgba(15,26,42,.14);display:grid;place-items:center;box-shadow:0 10px 18px #0d142114;overflow:hidden;align-self:center}.auth-logo img{width:100%;height:100%;display:block;object-fit:cover}.auth-logo span{font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;color:var(--accent-ink)}.auth-card h1{margin:0}.auth-card p{margin:0;color:#577185}.auth-card label{display:flex;flex-direction:column;gap:.35rem}.auth-card input{border:1px solid #c8d9eb;border-radius:8px;padding:.65rem .7rem}.auth-error{color:#bf2c2c;margin:0;font-size:.9rem}.demo-accounts{border:1px dashed rgba(15,26,42,.18);border-radius:12px;padding:.75rem;display:grid;gap:.65rem;background:#f8fbffb3}.demo-accounts__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.demo-accounts__title{font-size:.9rem;font-weight:600;color:var(--accent-ink)}.demo-accounts__hint{font-size:.82rem;color:var(--muted-2)}.demo-accounts__grid{display:grid;grid-template-columns:1fr;gap:.55rem}.demo-account{width:100%;text-align:left;border:1px solid rgba(15,26,42,.14);border-radius:12px;padding:.65rem .75rem;background:#fffc;display:grid;gap:.4rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.demo-account:hover{transform:translateY(-1px);border-color:#0f766e59;box-shadow:0 12px 18px #0d142114}.demo-account__role{font-size:.86rem;font-weight:650;color:var(--text)}.demo-account__creds{display:grid;gap:.25rem;font-size:.85rem;color:var(--muted)}.demo-account__creds div{display:flex;align-items:center;gap:.45rem}.demo-account__label{min-width:3.25ch;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.demo-account code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;padding:.1rem .35rem;border-radius:10px;border:1px solid rgba(15,26,42,.14);background:#ffffffe6;color:var(--text)}.app-shell{max-width:1200px;margin:0 auto;padding:1rem}.top-bar{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.top-bar h1{margin:0}.top-bar-actions{display:flex;align-items:center;gap:.5rem}.user-pill{border:1px solid #d2e0ed;border-radius:999px;padding:.25rem .55rem;font-size:.82rem;color:#4f687b}.top-bar input,.top-bar select{width:min(400px,100%);padding:.75rem .9rem;border:1px solid #c7d7ea;border-radius:10px;background:#fff}.pos-header-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:min(700px,100%)}.pos-header-inputs input,.pos-header-inputs select{width:100%}.layout{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.screen-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.screen-tabs button{border:1px solid #cedeed;background:#fff;border-radius:10px;padding:.45rem .9rem;cursor:pointer}.screen-tabs button.active{border-color:#0f62cc;background:#eaf2ff;color:#0d4fa3}.products,.cart{background:#fff;border:1px solid #dfebf5;border-radius:14px;padding:1rem}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.section-title-row h2{margin:0;font-size:1.1rem}.category-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}.category-chip{border:1px solid #d4e2ef;background:#f8fbff;border-radius:999px;padding:.3rem .75rem;cursor:pointer;font-size:.86rem}.category-chip.active{border-color:#0f62cc;background:#eaf2ff;color:#0d4fa3}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.product-card{border:1px solid #dce7f2;border-radius:12px;background:#f9fcff;padding:.85rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.product-card h3,.cart-row h3{margin:0;font-size:1rem}.product-card p,.cart-row p{margin:.3rem 0;color:#567084;font-size:.9rem}.product-card strong{font-size:1rem}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.product-cat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-pill{flex:0 0 auto;font-size:.78rem;border:1px solid var(--border);background:#fffc;border-radius:999px;padding:.12rem .55rem;color:var(--muted)}.stock-pill.ok{border-color:#0f766e40;background:#0f766e14;color:var(--accent-ink)}.stock-pill.low{border-color:#b4530947;background:#b4530914;color:#703105}.stock-pill.out{border-color:#b4231838;background:var(--danger-soft);color:var(--danger)}kbd{border:1px solid #d7e1ec;background:#fff;border-radius:6px;padding:.1rem .35rem;color:#4e677b;font-size:.76rem}.cart{display:flex;flex-direction:column;gap:.75rem}.cart--compact{padding:.85rem;gap:.55rem}.cart-title{display:flex;flex-direction:column;gap:.1rem;min-width:0}.cart-count{font-size:.82rem;color:var(--muted)}.cart-title-actions{display:flex;align-items:center;gap:.35rem}.cart-details-btn{padding:.28rem .55rem}.cart-list{min-height:190px;max-height:340px;overflow-y:auto;border:1px solid #e6eef7;border-radius:10px;padding:.5rem}.cart--compact .cart-list{min-height:240px;max-height:440px;padding:.4rem}.empty{color:#638095;margin:.4rem}.cart-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem;border-bottom:1px solid #eef3f8}.cart-row--dense{padding:.4rem .45rem;align-items:center;gap:.6rem}.cart-row-main{min-width:0;flex:1}.cart-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.cart-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.cart-line-total{font-weight:700;color:var(--ink);flex:0 0 auto;font-size:.92rem}.cart-row-meta{margin-top:.12rem;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:var(--muted);font-size:.84rem}.cart-discount--inline{margin-top:0;gap:.35rem}.cart-discount--inline span{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}.cart--compact .cart-discount input{width:78px}.cart-discount{margin-top:.35rem;display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:#4f687b}.cart-discount input{width:92px;border:1px solid #c7d7ea;border-radius:6px;padding:.28rem .4rem}.qty-controls{display:flex;align-items:center;gap:.4rem}.qty-value{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.cart--compact .qty-controls{gap:.25rem}.cart--compact .qty-controls button{padding:.22rem .5rem}.qty-controls button,.link-btn,.checkout-btn{border:1px solid #c7d7ea;background:#fff;border-radius:8px;padding:.35rem .65rem;cursor:pointer}.link-btn{color:#d42424}.totals{border:1px solid #e2ecf6;border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.4rem}.totals--dense{padding:.55rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem .65rem}.totals--dense>div{display:flex;justify-content:space-between}.totals-details{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:.35rem;margin-top:.25rem;padding-top:.25rem;border-top:1px dashed rgba(15,26,42,.18)}.totals--dense .grand-total{grid-column:1 / -1}.totals>div,.change-row{display:flex;justify-content:space-between}.bill-discount-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.bill-discount-row span{flex:1 1 140px;min-width:0}.bill-discount-row input{flex:1 1 150px;width:100%;min-width:0;box-sizing:border-box;border:1px solid #c7d7ea;border-radius:6px;padding:.35rem .5rem}.grand-total{padding-top:.4rem;border-top:1px solid #e4edf6;font-size:1.05rem}.cash-input{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.pay-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:end}.cash-input--dense{font-size:.9rem;gap:.25rem}.change-row--dense{border:1px solid rgba(15,26,42,.12);border-radius:12px;padding:.6rem .65rem;background:#ffffffbf;min-width:150px;align-self:stretch}.change-row--dense strong{font-variant-numeric:tabular-nums}.cash-input input{padding:.65rem;border:1px solid #c7d7ea;border-radius:8px}.checkout-btn{background:#0062cc;color:#fff;border-color:#0057b6;padding:.75rem;font-weight:600}.row-actions .checkout-btn{background:#0062cc;color:#fff;border-color:#0057b6}.shortcut-help{display:flex;flex-wrap:wrap;gap:.35rem}.shortcut-help span{border:1px dashed #d5e2ee;border-radius:8px;padding:.22rem .45rem;font-size:.76rem;color:#506a80}.shortcut-help--dense span{padding:.14rem .4rem;font-size:.72rem}.admin-screen{background:#fff;border:1px solid #dfebf5;border-radius:14px;padding:1rem}.admin-create{display:flex;gap:.5rem;margin-bottom:.85rem}.product-form{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;align-items:end}.product-form>*{min-width:0}.product-form button{width:100%}.purchase-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}.purchase-form>*{min-width:0}.purchase-form button{width:100%}.admin-create input,.admin-create select{border:1px solid #c8d9eb;border-radius:8px;padding:.55rem .7rem}.admin-create button,.row-actions button{border:1px solid #c7d7ea;background:#fff;border-radius:8px;padding:.42rem .7rem;cursor:pointer}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid #ecf2f8;text-align:left;padding:.55rem .35rem}.admin-table td input,.admin-table td select{width:100%;border:1px solid #c8d9eb;border-radius:8px;padding:.45rem .55rem}.row-actions{display:flex;gap:.35rem}.danger-btn{color:#c22a2a}.ghost-btn{color:#5a7388}.empty-cell{color:#638095}.inline-error{margin:.45rem 0 .6rem;color:#b72626;font-size:.87rem}.inline-error-row{margin-bottom:.75rem;border:1px solid #efc3c3;background:#fff3f3;border-radius:8px;padding:.45rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inline-error-row button{border:1px solid #d8dfe9;background:#fff;border-radius:7px;padding:.25rem .6rem;cursor:pointer}.screen-status{border:1px solid #efc3c3;background:#fff3f3;border-radius:8px;padding:.5rem .65rem;display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.75rem}.screen-status button{border:1px solid #d8dfe9;background:#fff;border-radius:7px;padding:.25rem .6rem;cursor:pointer}.toast-stack{position:fixed;left:50%;transform:translate(-50%);top:calc(1rem + env(safe-area-inset-top,0px));z-index:1100;display:flex;flex-direction:column;gap:.45rem;width:min(360px,calc(100vw - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100vh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;pointer-events:none}.toast{border:1px solid #d7e2ef;background:#fff;border-radius:10px;padding:.55rem .65rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;box-shadow:0 8px 24px #0918261f;pointer-events:auto}.toast.success{border-color:#bcdcc4;background:#f2fbf4}.toast.error{border-color:#efc3c3;background:#fff3f3}.toast button{border:none;background:transparent;cursor:pointer;color:#4f687b;font-weight:700}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0715215c;display:grid;place-items:center;padding:1rem}.dialog-card{width:min(460px,100%);background:#fff;border:1px solid #d8e4f0;border-radius:12px;padding:.95rem}.dialog-card h3{margin:0 0 .4rem}.dialog-card p{margin:0 0 .8rem;color:#547084}.purchase-actions{margin-top:.8rem;display:flex;justify-content:space-between;align-items:center}.purchase-history{margin-top:1rem}.editing-banner{margin-bottom:.8rem;padding:.55rem .7rem;border:1px solid #cfe0f1;border-radius:8px;background:#f4f9ff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;margin-bottom:1rem}.stat-card{border:1px solid #dce8f4;border-radius:10px;padding:.65rem;background:#f9fcff;display:flex;flex-direction:column;gap:.35rem}.stat-card span{color:#5a7388;font-size:.82rem}.stat-card strong{font-size:1.12rem}.stat-card.positive{border-color:#cde9d7;background:#f4fcf7}.stat-card.warning{border-color:#f4e3b6;background:#fff9ea}.stat-card.negative{border-color:#f1cdd0;background:#fff5f6}.dashboard-tables{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.dashboard-tables h3,.sale-edit h3{margin:0 0 .6rem;font-size:1rem}.sale-edit{margin-top:1rem}.sale-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.7rem}.sale-meta-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.sale-meta-grid input{border:1px solid #c7d7ea;border-radius:8px;padding:.45rem .6rem;width:100%;min-width:0;box-sizing:border-box}.sale-summary{display:flex;gap:.85rem;flex-wrap:wrap}.role-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.role-item{border:1px solid #c8d9eb;background:#f9fcff;border-radius:999px;padding:.25rem .7rem;cursor:pointer}.role-item.active{border-color:#0f62cc;background:#eaf2ff;color:#0d4fa3}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:.5rem}.user-form{grid-template-columns:1.4fr 1.2fr 1fr auto;display:grid}.role-form{grid-template-columns:1fr auto;display:grid}.supplier-form,.customer-form{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.supplier-form>*,.customer-form>*{min-width:0}.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.audit-filters>*{min-width:0}.sort-header{border:none;background:transparent;padding:0;margin:0;font:inherit;font-weight:600;color:inherit;cursor:pointer}.sort-header.active{color:#0d4fa3}.pagination-row{margin-top:.75rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pagination-row button{border:1px solid #c7d7ea;background:#fff;border-radius:8px;padding:.35rem .65rem;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:.75rem}.settings-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}.settings-grid input,.settings-grid select,.settings-grid textarea{border:1px solid #c8d9eb;border-radius:8px;padding:.55rem .7rem;font:inherit;background:#fff}.settings-grid input:focus,.settings-grid select:focus,.settings-grid textarea:focus{outline:none;border-color:#0f62cc;box-shadow:0 0 0 3px #0f62cc1f}.settings-checkbox{flex-direction:row!important;align-items:center;gap:.5rem!important}.settings-wide{grid-column:1 / -1}.logo-row{display:flex;align-items:center;gap:.75rem}.logo-preview{width:52px;height:52px;border-radius:14px;border:1px solid var(--border);background:var(--surface-solid);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.logo-preview img{width:100%;height:100%;display:block;object-fit:cover}.logo-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.setting-select-wrap{position:relative}.setting-select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.15rem;cursor:pointer;line-height:1.25;min-height:40px;background-color:#fff}.select-caret{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);font-size:.68rem;color:#3d5668;pointer-events:none}button:disabled{cursor:not-allowed;opacity:.55}@media (max-width: 920px){.layout{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:stretch}.top-bar-actions{justify-content:space-between}.pos-header-inputs,.product-form,.purchase-form{grid-template-columns:1fr}.admin-create{flex-direction:column}.settings-grid,.dashboard-tables,.permission-grid,.user-form,.role-form,.audit-filters,.supplier-form,.customer-form,.sale-meta-grid{grid-template-columns:1fr}.bill-discount-row input{width:130px}}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.05rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise-in .22s ease-out both}.auth-card p{color:var(--muted)}.auth-card input{border:1px solid var(--border);border-radius:12px;background:#ffffffbf}.auth-error{color:var(--danger)}.products,.cart,.admin-screen{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.product-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fffffff2,#ffffffd1);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0d14211f;border-color:var(--border-2)}.product-card p,.cart-row p{color:var(--muted)}.category-chip{border:1px solid var(--border);background:#ffffffbf}.category-chip.active{border-color:#0f766e59;background:var(--accent-soft);color:var(--accent-ink)}.user-pill{border:1px solid var(--border);color:var(--muted)}kbd{border:1px solid var(--border);background:#fffc;color:var(--muted)}.cart-list,.totals{border:1px solid var(--border);border-radius:var(--radius-md)}.cart-row{border-bottom:1px solid rgba(15,26,42,.08)}.qty-controls button,.link-btn,.admin-create button,.row-actions button,.pagination-row button{border:1px solid var(--border);border-radius:12px;background:#fffc}.link-btn,.danger-btn{color:var(--danger)}.ghost-btn{color:var(--muted)}.checkout-btn{background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#0f766e8c;box-shadow:0 14px 26px #0f766e38}.inline-error,.empty-cell,.empty{color:var(--muted)}.inline-error{color:var(--danger)}.inline-error-row,.screen-status{border:1px solid rgba(180,35,24,.22);background:var(--danger-soft);border-radius:12px}.admin-create input,.admin-create select,.admin-table td input,.admin-table td select,.settings-grid input,.settings-grid select,.settings-grid textarea,.cash-input input,.cart-discount input,.bill-discount-row input{border:1px solid var(--border);border-radius:12px;background:#ffffffc7}.admin-table th,.admin-table td{border-bottom:1px solid rgba(15,26,42,.08)}.admin-table thead th{position:sticky;top:0;background:var(--surface-solid);z-index:2}.admin-table tbody tr:nth-child(odd) td{background:#f7f4ee59}.toast,.dialog-card{border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-2)}.toast.success{border-color:#0f766e47;background:#e7f6f4}.toast.error{border-color:#b4231838;background:#fdecec}.stat-card{border:1px solid var(--border);border-radius:14px;background:#fffc;box-shadow:0 10px 18px #0d142114}.stat-card span{color:var(--muted)}.stat-card.positive{border-color:#0f766e47;background:#0f766e14}.stat-card.warning{border-color:#b4530947;background:#b4530914}.stat-card.negative{border-color:#b4231838;background:var(--danger-soft)}.sort-header.active{color:var(--accent-ink)}.drawer-screen .drawer-title{display:flex;align-items:center;gap:.6rem}.badge{border:1px solid var(--border);background:#fffc;color:var(--muted);border-radius:999px;padding:.18rem .6rem;font-size:.78rem;font-weight:700;white-space:nowrap}.badge--open{border-color:#0f766e47;background:#0f766e14;color:#0f766e}.badge--closed{border-color:#b4231838;background:var(--danger-soft);color:var(--danger)}.drawer-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:.85rem;margin-bottom:.85rem}.drawer-card{border:1px solid var(--border);background:#ffffffd1;border-radius:14px;padding:.9rem;box-shadow:0 10px 18px #0d14210f}.drawer-card h3{margin:0 0 .65rem}.drawer-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem;align-items:end}.drawer-form label{display:grid;gap:.35rem;color:var(--text);font-weight:700;font-size:.92rem}.drawer-form input{width:100%}.drawer-form .checkout-btn{width:100%;min-height:44px;white-space:nowrap}.drawer-variance{border:1px solid var(--border);background:#ffffffc7;border-radius:14px;padding:.65rem .75rem;display:grid;gap:.35rem}.drawer-variance span{color:var(--muted);font-size:.82rem}.drawer-variance strong{font-size:1.12rem}.drawer-variance strong.neg{color:var(--danger)}.drawer-variance strong.pos{color:#0f766e}.drawer-help{margin:.65rem 0 0;color:var(--muted);font-size:.88rem}@media (max-width: 920px){.app-frame{grid-template-columns:1fr;padding:.9rem}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#0715216b;z-index:1900;cursor:pointer}.side-nav{position:fixed;top:.9rem;bottom:.9rem;left:.9rem;width:min(88vw,320px);z-index:2000;transform:translate(-112%);transition:transform .18s ease;height:auto}.app-frame.nav-open .side-nav{transform:translate(0)}.app-frame.nav-closed .side-nav{display:flex}.app-frame.nav-closed .nav-backdrop{display:none}.pos-tools{grid-template-columns:1fr}.pos-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.pos-products{grid-column:1;grid-row:3}.pos-cart{grid-column:1;grid-row:2}.drawer-layout{grid-template-columns:1fr}}