:root{--eco:#0f766e;--eco-dark:#134e4a;--eco-soft:#ccfbf1;--ink:#102a2e;--muted:#64748b;--surface:#fff;--canvas:#f6f8f8;--sidebar:15rem}
html{font-size:15px;min-height:100%}body{min-height:100vh;background:var(--canvas);color:var(--ink);margin:0}.btn:focus,.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(15,118,110,.2);border-color:var(--eco)}
.topbar{height:4.25rem;position:fixed;z-index:1030;top:0;left:0;right:0;background:linear-gradient(115deg,var(--eco-dark),var(--eco));color:#fff;display:flex;align-items:center;padding:0 1.25rem;gap:1.25rem;box-shadow:0 2px 12px rgba(15,23,42,.16)}.brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-weight:800;font-size:1.2rem;min-width:calc(var(--sidebar) - 1.25rem)}.brand-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.7rem;background:#fff;color:var(--eco);font-size:1.25rem}.tenant-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.65rem}.btn-ghost{color:#fff;background:rgba(255,255,255,.12)}
.sidebar{position:fixed;z-index:1020;top:4.25rem;bottom:0;left:0;width:var(--sidebar);background:#fff;border-right:1px solid #e2e8f0;padding:1rem .75rem;overflow:auto}.sidebar nav{display:grid;gap:.25rem}.sidebar a{display:flex;align-items:center;gap:.75rem;color:#334155;text-decoration:none;border-radius:.65rem;padding:.7rem .8rem;font-weight:600}.sidebar a:hover,.sidebar a:focus{background:var(--eco-soft);color:var(--eco-dark)}.sidebar .pos-link{background:var(--eco);color:#fff}.sidebar .pos-link:hover{background:var(--eco-dark);color:#fff}
.main-content{margin-left:var(--sidebar);padding:5.6rem 1.4rem 2rem;min-height:100vh}.main-content.no-sidebar{margin-left:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-title{font-size:1.65rem;font-weight:800;margin:0}.page-subtitle{color:var(--muted);margin:.25rem 0 0}.card{border:1px solid #e2e8f0;border-radius:.9rem;box-shadow:0 1px 2px rgba(15,23,42,.03)}.stat-card{padding:1.1rem;height:100%}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{font-size:1.65rem;font-weight:800;margin-top:.35rem}.table>:not(caption)>*>*{padding:.8rem .75rem}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc}.money{font-variant-numeric:tabular-nums;text-align:right}.badge-soft{background:var(--eco-soft);color:var(--eco-dark)}
.auth-shell{background:radial-gradient(circle at top right,#99f6e4,transparent 35%),linear-gradient(145deg,#f0fdfa,#f8fafc)}.auth-shell .main-content{display:grid;place-items:center;padding:2rem}.auth-card{width:min(100%,28rem);padding:2rem}.auth-logo{text-align:center;margin-bottom:1.5rem}.auth-logo .brand-mark{margin:auto;width:3.5rem;height:3.5rem;font-size:2rem;background:var(--eco);color:#fff}.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted)}
.pos-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(22rem,.8fr);gap:1rem}.product-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.65rem;max-height:62vh;overflow:auto}.product-card{text-align:left;border:1px solid #dbe4e6;background:#fff;border-radius:.7rem;padding:.8rem}.product-card:hover{border-color:var(--eco);box-shadow:0 3px 12px rgba(15,118,110,.1)}.cart-panel{position:sticky;top:5.4rem}.cart-items{max-height:42vh;overflow:auto}.cart-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.7rem 0;border-bottom:1px solid #edf2f4}.qty-control{display:flex;align-items:center;gap:.35rem}.qty-control input{width:4rem;text-align:center}.total-row{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:800;padding:1rem 0}
.receipt{width:80mm;max-width:100%;margin:auto;background:#fff;padding:5mm;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.receipt table{width:100%}.receipt .rule{border-top:1px dashed #333;margin:.5rem 0}
@media(max-width:900px){:root{--sidebar:4.5rem}.sidebar a{justify-content:center;font-size:1.2rem}.sidebar a span{display:none}.brand{min-width:auto}.tenant-label{display:none}.user-name{display:none}.pos-grid{grid-template-columns:1fr}.cart-panel{position:static}}
@media(max-width:575px){.topbar{padding:0 .7rem}.brand span:last-child{display:none}.sidebar{top:auto;right:0;bottom:0;width:auto;height:4.3rem;padding:.4rem;overflow-x:auto;border-top:1px solid #ddd}.sidebar nav{display:flex}.sidebar a{min-width:3.5rem}.main-content{margin-left:0;padding:5.2rem .75rem 5.2rem}.page-header{align-items:stretch;flex-direction:column}.page-header .btn{width:100%}.stat-value{font-size:1.35rem}}
@media print{.topbar,.sidebar,.no-print{display:none!important}.main-content{margin:0;padding:0}.receipt{width:80mm;box-shadow:none}.card{border:0;box-shadow:none}body{background:#fff}}