:root{--bg:#f6f8fb;--card:#fff;--text:#102033;--muted:#64748b;--line:#e2e8f0;--brand:#0f766e;--brand2:#14b8a6;--danger:#dc2626;--warn:#f59e0b;--shadow:0 14px 40px rgba(15,23,42,.09);font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:12px 14px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer;min-height:42px}button:disabled{opacity:.55;cursor:not-allowed}.ghost{background:#eef6f5;color:var(--brand)}.danger{background:#fee2e2!important;color:#991b1b!important}.small{padding:7px 10px;font-size:.82rem;min-height:34px;margin:2px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}textarea{min-height:82px;resize:vertical}.app-shell{min-height:100vh}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(430px,100%);background:var(--card);padding:28px;border-radius:28px;box-shadow:var(--shadow)}.brand-mark{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-size:2rem;margin-bottom:14px}.login-card h1{margin:0 0 6px}.login-card form{display:grid;gap:10px;margin-top:18px}.layout{min-height:100svh;display:grid;grid-template-columns:260px minmax(0,1fr);overflow:hidden}.sidebar{background:#0b615b;color:#fff;padding:20px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100svh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar .brand,.sidebar .nav-item{flex:0 0 auto}.brand{display:grid;gap:2px;margin-bottom:16px}.brand span{font-size:2rem}.brand strong{font-size:1.2rem}.brand small{opacity:.78}.nav-item{display:flex;align-items:center;gap:12px;background:#ffffff14;color:#fff;text-align:left}.nav-item.active{background:#fff;color:#0b615b}.nav-icon{width:24px;text-align:center}.content{padding:24px 24px 104px;max-width:1280px;width:100%;margin:0 auto;min-width:0;height:100svh;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:4px 0 6px;font-size:clamp(1.6rem,3vw,2.4rem)}.eyebrow{margin:0;color:var(--brand);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--muted)}.top-actions{display:flex;gap:8px}.notice,.error-box{padding:12px 14px;border-radius:16px;margin-bottom:14px}.notice{background:#ecfdf5;color:#065f46}.error,.error-box{background:#fef2f2;color:#991b1b}.view{display:grid;gap:18px}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat,.panel,.table-wrap,.cart{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:18px}.stat span{display:block;color:var(--muted);font-weight:700}.stat strong{font-size:1.55rem;display:block;margin-top:5px}.stat small{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.quick-card{min-height:112px;border-radius:24px;background:#fff;color:var(--text);box-shadow:var(--shadow);display:grid;place-items:center;gap:8px;font-size:2rem}.quick-card span{font-size:.92rem}.toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px}.cash-layout{display:grid;grid-template-columns:1fr 360px;gap:16px}.product-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-btn{background:#fff;color:var(--text);box-shadow:var(--shadow);min-height:118px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:2px solid transparent}.product-btn.low{border-color:#fbbf24;background:#fffbeb}.product-btn strong{font-size:1rem}.product-btn span{color:var(--brand);font-weight:900}.product-btn small{color:var(--muted)}.cart{position:sticky;top:18px;height:max-content;display:grid;gap:10px}.cart h2{margin:0}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px}.cart-line div{display:flex;align-items:center;gap:8px}.cart-line button{width:34px;height:34px;min-height:34px;padding:0;border-radius:12px}.cart-total{font-size:1.8rem;font-weight:900;text-align:right;color:var(--brand)}.two-cols{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:.84rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.mobile-nav{display:none}.desktop-only{display:inline-flex}@media (max-width:920px){.layout{display:block}.sidebar{display:none}.content{height:auto;min-height:100svh;overflow:visible;padding:18px 14px calc(128px + env(safe-area-inset-bottom))}.desktop-only{display:none}.topbar{display:block}.top-actions{margin-top:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar,.cash-layout{grid-template-columns:1fr}.cart{position:static}.product-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #0f172a38;border:1px solid rgba(226,232,240,.8);border-radius:26px;padding:8px;z-index:100;max-width:720px;margin:0 auto}.mobile-nav>button{background:transparent;color:var(--muted);padding:8px 4px;border-radius:18px;display:grid;place-items:center;gap:2px;min-height:54px}.mobile-nav>button span{font-size:1.35rem}.mobile-nav>button small{font-size:.68rem;font-weight:800}.mobile-nav>button.active{background:#e6fffb;color:var(--brand)}.more-panel{position:absolute;right:0;bottom:76px;width:min(280px,88vw);max-height:min(68vh,520px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:10px;display:grid;gap:8px;overscroll-behavior:contain}.more-panel button{background:#f8fafc;color:var(--text);display:flex;align-items:center;justify-content:flex-start;gap:10px}}@media (max-width:520px){.stats,.product-buttons{grid-template-columns:1fr 1fr}.product-btn{min-height:104px;padding:12px}.quick-grid{grid-template-columns:1fr 1fr}.stat,.panel,.cart{border-radius:20px;padding:14px}th,td{padding:10px}.content{padding-left:10px;padding-right:10px}.mobile-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:22px}}.subpanel{border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:14px;background:#0f172a08;margin:12px 0}.participant-chip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin-top:8px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}@media (max-width: 720px){.participant-chip{align-items:flex-start;flex-direction:column}}@media (max-width:380px){.mobile-nav>button small{font-size:.62rem}.mobile-nav>button span{font-size:1.2rem}.quick-card{min-height:96px}}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px 10px;font-size:.85rem}.module-grid label{display:flex;align-items:center;gap:6px;white-space:nowrap}@media (max-width: 720px){.module-grid{grid-template-columns:1fr}}