:root{--brown: #A64B00;--brown-dark: #7A3600;--brown-light: #F09000;--blue: #2f5f8f;--green: #1e5631;--red: #b5384f;--bg: #f4f2ee;--card: #ffffff;--border: #ddd6cc;--text: #2a241c;--muted: #7a7266;--low-stock: #f8cbad;--petal-yellow: #F6D230;--petal-olive: #A2AE1E;--petal-green: #00903C;--petal-teal: #129C96;--petal-blue: #009CDE;--petal-indigo: #243084;--petal-purple: #A22A84;--petal-pink: #EA5496;--palette-strip: linear-gradient(90deg, var(--brown-light), var(--petal-yellow), var(--petal-olive), var(--petal-green), var(--petal-teal), var(--petal-blue), var(--petal-indigo), var(--petal-purple), var(--petal-pink));--brand-gradient: linear-gradient(160deg, #F5A83C 0%, var(--brown) 45%, #6B2400 100%);--brand-surface: radial-gradient(circle, rgba(255,255,255,.09) 0 1.5px, transparent 1.6px) 0 0 / 28px 28px, var(--brand-gradient);--surface: #fffdf9;--surface-texture: radial-gradient(circle, rgba(191, 138, 15, .16) 0 1.4px, transparent 1.5px) 0 0 / 24px 24px, var(--surface);--petal-yellow-ink: #7a5f00;--petal-olive-ink: #5b6112;--petal-green-ink: #1e5631;--petal-teal-ink: #0e5c58;--petal-blue-ink: #0b5a80;--petal-indigo-ink: #1c2560;--petal-purple-ink: #6e1f5c;--petal-pink-ink: #8a1f52;--shadow-sm: 0 1px 3px rgba(42, 36, 28, .08);--shadow: 0 4px 16px rgba(42, 36, 28, .08);--shadow-lift: 0 8px 24px rgba(42, 36, 28, .14);--radius: 8px;--sidebar-w: 240px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}::selection{background:var(--brown-light);color:#fff}.app-shell{display:flex;min-height:100vh;align-items:flex-start}main{flex:1;min-width:0;padding:24px;max-width:1200px;margin:0 auto}.topbar{display:none}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface-texture);color:var(--text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);z-index:40;border-top:3px solid transparent;border-image:var(--palette-strip) 1}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;padding:18px 16px;border-bottom:1px solid var(--border)}.brand-logo{height:32px;width:32px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px;flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px}.sidebar-icon{width:18px;height:18px;flex-shrink:0;display:flex}.sidebar-icon svg{width:100%;height:100%}.sidebar-icon--dashboard{color:var(--petal-yellow-ink)}.sidebar-icon--billing{color:var(--petal-pink-ink)}.sidebar-icon--inventory{color:var(--petal-green-ink)}.sidebar-icon--purchasing{color:var(--petal-blue-ink)}.sidebar-icon--admin{color:var(--petal-purple-ink)}.sidebar-link{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;padding:9px 10px;border-radius:7px;font-size:14px;opacity:.8;transition:opacity .15s ease,background .15s ease}.sidebar-link:hover{opacity:1;background:var(--bg)}.sidebar-link.active{opacity:1;font-weight:700;background:#fce4cc;color:#6a3400;border-left:3px solid var(--brown-light)}.sidebar-link.active .sidebar-icon{color:#6a3400}.sidebar-sublink{padding-left:38px;font-size:13.5px}.sidebar-group-header{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;box-shadow:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;padding:9px 10px;border-radius:7px;cursor:pointer;opacity:.8;transition:opacity .15s ease,background .15s ease}.sidebar-group-header:hover{opacity:1;background:var(--bg);box-shadow:none;transform:none}.sidebar-group-header.open{opacity:1}.sidebar-group-label{flex:1}.sidebar-chevron{font-size:11px;opacity:.6;transition:transform .18s ease}.sidebar-group-header.open .sidebar-chevron{transform:rotate(180deg)}.sidebar-group-items{max-height:0;overflow:hidden;display:flex;flex-direction:column;transition:max-height .22s ease}.sidebar-group-items.open{max-height:400px}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-footer .user{font-size:12.5px;color:var(--muted)}.sidebar-footer .user-name{font-weight:600;font-size:13px;color:var(--text);margin-bottom:1px}.sidebar-footer .user-phone{color:var(--muted)}.sidebar-footer .logout{background:#fdf6ea;color:var(--brown-dark);border:1px solid #e8d2ad;box-shadow:var(--shadow-sm);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;width:100%;font-weight:600}.sidebar-footer .logout:hover{background:#f8ead0}.sidebar-backdrop{display:none}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-group-items,.sidebar-chevron{transition:none}}@media (max-width: 760px){.app-shell{display:block}.topbar{display:flex;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;height:56px;z-index:45;background:var(--surface-texture);color:var(--text);padding:0 14px;border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.nav-toggle{background:none;border:none;box-shadow:none;color:var(--text);font-size:22px;line-height:1;padding:6px 8px;cursor:pointer}.nav-toggle:hover{background:none;box-shadow:none;transform:none;opacity:.7}.sidebar-brand{display:none}.sidebar{position:fixed;top:0;left:0;width:270px;max-width:82vw;height:100vh;transform:translate(-100%);transition:transform .22s ease;z-index:46}.sidebar.open{transform:translate(0);box-shadow:10px 0 32px #00000059}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14100a73;z-index:44}main{padding:70px 14px 14px}h1{font-size:18px}.toolbar{gap:8px}.toolbar .form-row{flex:1 1 100%;min-width:0!important}input,select,textarea,button{font-size:16px}input,select,textarea{padding:10px;min-height:40px}button{padding:10px 16px;min-height:40px}.icon-btn{padding:8px;font-size:16px}.modal{width:100%;padding:16px}table{font-size:12.5px}th,td{padding:8px 6px}}@media (max-width: 760px) and (prefers-reduced-motion: reduce){.sidebar{transition:none}}h1{font-size:21px;margin:0 0 4px;letter-spacing:-.01em}.subtitle{color:var(--muted);font-size:13px;margin-bottom:18px}.page-title-row{display:flex;align-items:center;gap:8px;margin:0 0 4px}.page-title-row h1{margin:0}.icon-btn.guidance-icon{width:20px;height:20px;padding:0;border-radius:50%;font-size:13px;font-style:italic;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center;background:var(--border);color:var(--brown);opacity:1}.icon-btn.guidance-icon:hover{background:var(--brown);color:#fff}.guidance-lang{margin-bottom:14px}.guidance-lang-label{font-weight:700;font-size:13px;color:var(--brown-dark);margin-bottom:4px}.guidance-lang ul{margin:0;padding-left:20px}.guidance-lang li{margin-bottom:6px;font-size:13px;line-height:1.5}.guidance-lang li:last-child{margin-bottom:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.summary-row{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.summary-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:150px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.summary-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.summary-tile .label{font-size:12px;color:var(--muted)}.summary-tile .value{font-size:23px;font-weight:700}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brown-light);box-shadow:0 0 0 3px #f090002e}input[type=search]{min-width:240px}button{font-family:inherit;font-size:14px;padding:8px 16px;border-radius:6px;border:1px solid var(--brown);background:linear-gradient(180deg,#F7C873 0%,var(--brown-light) 22%,var(--brown) 60%,var(--brown-dark) 100%);color:#fff;cursor:pointer;font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-sm),inset 0 1px #ffffff2e;transition:transform .1s ease,box-shadow .15s ease,background-position .15s ease,opacity .15s ease}button.secondary{background:#fdf6ea;color:var(--brown-dark);border-color:#e8d2ad;box-shadow:var(--shadow-sm)}button.secondary:hover{background:#f8ead0}button.danger{background:#fdedf0;color:var(--red);border-color:#f0c4cf;box-shadow:var(--shadow-sm)}button.danger:hover{background:#f9d9e1}button:hover{opacity:.96;box-shadow:var(--shadow),inset 0 1px #ffffff2e;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}button:focus-visible{outline:none;box-shadow:var(--shadow-sm),0 0 0 3px #7b3f0040}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{background:#efe9df;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#5a4f3f}th:first-child{border-top-left-radius:var(--radius)}th:last-child{border-top-right-radius:var(--radius)}tr.low-stock{background:var(--low-stock)}.alert-banner{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;margin-bottom:14px;border-radius:8px;background:var(--low-stock);border:1px solid #e7a77c;color:var(--brown-dark);text-decoration:none;box-shadow:var(--shadow-sm)}.alert-banner:hover{box-shadow:var(--shadow);border-color:var(--brown-light)}.alert-banner:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.alert-banner span{font-size:13px}.alert-banner .alert-banner-go{margin-left:auto;font-weight:600}tbody tr{transition:background .12s ease}tr:hover{background:#faf8f4}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:12px;font-weight:600}.badge.ok{background:#d8ecd8;color:#1e5631}.badge.low{background:#f8cbad;color:#8a3b0f}.badge.pending{background:#eee;color:#666}.badge.step-pending{background:#fdf3d4;color:#7a5f00}.badge.step-submitted{background:#dbeffa;color:#0b5a80}.badge.step-confirmed{background:#d3efee;color:#0e5c58}.badge.step-ready{background:#f1e0ee;color:#6e1f5c}.badge.step-done{background:#d8ecd8;color:#1e5631}.badge.step-bad{background:#f9dde3;color:#8f1330}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e180e6b;display:flex;align-items:center;justify-content:center;z-index:50;animation:fade-in .15s ease}.modal{background:#fff;border-radius:12px;padding:22px;width:480px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lift);animation:modal-in .16s ease}.modal h2{margin-top:0;font-size:17px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none}}.form-row{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.form-row label{font-size:12px;color:var(--muted)}.form-row input:not([type=checkbox]):not([type=radio]),.form-row select,.form-row textarea{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-texture);border-top:3px solid transparent;border-image:var(--palette-strip) 1}.login-card{background:#fff;padding:32px;border-radius:14px;width:320px;max-width:90vw;box-shadow:var(--shadow-lift);border:1px solid var(--border)}.login-card h1{font-size:20px;text-align:center;margin-bottom:4px}.login-card .subtitle{text-align:center;margin-bottom:20px}.login-card .form-row{margin-bottom:14px}.login-card button{width:100%}.error-text{color:var(--red);font-size:13px;margin-top:8px;min-height:18px}.empty-state{text-align:center;color:var(--muted);padding:34px}.inline-edit-cell{display:flex;align-items:center;gap:6px}.icon-btn{background:none;border:none;padding:3px 5px;font-size:14px;line-height:1;cursor:pointer;color:var(--muted);border-radius:4px;transition:background .12s ease,color .12s ease}.icon-btn:hover{opacity:1;background:#efe9df}.icon-btn.edit-icon{color:var(--brown)}.icon-btn.confirm-icon{color:var(--green);font-weight:700}.icon-btn.cancel-icon{color:var(--red);font-weight:700}.shop-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.shop-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px;box-sizing:border-box}.shop-header{background:var(--surface-texture);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);border-top:3px solid transparent;border-image:var(--palette-strip) 1}.shop-header-inner{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.shop-brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-weight:700;font-size:16px}.shop-brand img{height:32px;width:auto}.shop-header-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.shop-header-nav a{color:var(--text);text-decoration:none;font-size:14px;opacity:.75}.shop-header-nav a:hover{opacity:1;text-decoration:underline}.shop-header-nav .secondary{background:#fdf6ea;color:var(--brown-dark);border-color:#e8d2ad}.shop-cart-link{position:relative;padding-right:4px}.shop-cart-badge{position:absolute;top:-8px;right:-14px;background:var(--red);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px;line-height:1.4}.shop-footer{text-align:center;padding:24px 16px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);margin-top:24px}.shop-footer-note{margin-top:6px;font-style:italic}.shop-hero{background:radial-gradient(circle at 100% 0%,rgba(240,144,0,.14),transparent 55%),radial-gradient(circle at 0% 100%,rgba(18,156,150,.1),transparent 50%),var(--surface-texture);color:var(--text);border-radius:var(--radius);border:1px solid var(--border);padding:28px 20px;text-align:center;margin-bottom:18px}.shop-hero h1{color:var(--text);margin-bottom:6px}.shop-hero-sub{color:var(--muted);margin-bottom:16px;font-size:14px}.shop-hero-search{width:100%;max-width:420px;padding:12px 16px;border-radius:24px;border:1px solid var(--border);font-size:15px}.shop-promo-banner{background:var(--brand-surface);color:#fff;border-radius:var(--radius);padding:18px 22px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.shop-promo-banner-text strong{display:block;font-size:16px;margin-bottom:2px}.shop-promo-banner-text span{font-size:13px;opacity:.9}.shop-promo-banner .shop-chip{background:#fff;color:var(--brown-dark);flex-shrink:0}.shop-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.shop-chip{background:var(--card);border:1px solid transparent;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .15s ease}.shop-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.shop-chip.active{background:var(--brown);color:#fff}.shop-chip:not(.active):nth-child(9n+2){background:#fce4cc;color:#8a4b00}.shop-chip.active:nth-child(9n+2){background:var(--brown-light)}.shop-chip:not(.active):nth-child(9n+3){background:#fdf3d4;color:#7a5f00}.shop-chip.active:nth-child(9n+3){background:var(--petal-yellow);color:#4a3c00}.shop-chip:not(.active):nth-child(9n+4){background:#eef2d6;color:#5b6112}.shop-chip.active:nth-child(9n+4){background:var(--petal-olive);color:#333c00}.shop-chip:not(.active):nth-child(9n+5){background:#d8ecd8;color:#1e5631}.shop-chip.active:nth-child(9n+5){background:var(--petal-green)}.shop-chip:not(.active):nth-child(9n+6){background:#d3efee;color:#0e5c58}.shop-chip.active:nth-child(9n+6){background:var(--petal-teal)}.shop-chip:not(.active):nth-child(9n+7){background:#dbeffa;color:#0b5a80}.shop-chip.active:nth-child(9n+7){background:var(--petal-blue)}.shop-chip:not(.active):nth-child(9n+8){background:#e0e2f5;color:#1c2560}.shop-chip.active:nth-child(9n+8){background:var(--petal-indigo)}.shop-chip:not(.active):nth-child(9n+9){background:#f1e0ee;color:#6e1f5c}.shop-chip.active:nth-child(9n+9){background:var(--petal-purple)}.shop-chip:not(.active):nth-child(9n+10){background:#fbdfe9;color:#8a1f52}.shop-chip.active:nth-child(9n+10){background:var(--petal-pink)}.shop-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:24px}.shop-product-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.shop-product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.shop-product-card-image{display:flex;align-items:center;justify-content:center;padding:12px;background:#fff}.shop-product-card-image img,.shop-product-card-image div{width:100%!important;height:auto!important;aspect-ratio:1 / 1}.shop-product-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.shop-product-card-name{font-weight:600;font-size:14px;color:var(--text);text-decoration:none}.shop-product-card-name:hover{text-decoration:underline}.shop-product-card-category{font-size:12px;color:var(--muted)}.shop-product-card-price{font-weight:700;color:var(--brown-dark);margin-top:2px}.shop-product-card-unit{font-weight:400;color:var(--muted);font-size:12px}.shop-product-card-body button{margin-top:auto;width:100%}.shop-product-detail{display:flex;flex-wrap:wrap;gap:20px}.shop-product-detail-image{flex:0 0 auto}.shop-product-detail-body{flex:1 1 260px;min-width:0}.shop-product-detail-price{font-size:20px;font-weight:700;color:var(--brown-dark);margin:10px 0}.shop-product-detail-actions{display:flex;gap:8px;align-items:center}.shop-added-note{margin-top:10px;font-size:13px;color:var(--green)}.shop-cart-summary{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:10px;border-top:1px solid var(--border);flex-wrap:wrap;gap:10px}.shop-cart-total{font-weight:700;font-size:16px}.shop-auth-wrap{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:24px 16px}.shop-auth-card{background:#fff;padding:28px;border-radius:14px;width:340px;max-width:100%;box-shadow:var(--shadow-lift)}.shop-auth-card h1{font-size:19px;text-align:center;margin-bottom:4px}.shop-auth-card .subtitle{text-align:center}.shop-auth-card button[type=submit]{width:100%}.shop-auth-switch{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}.shop-upi-box{display:inline-block;background:var(--bg);border:1px dashed var(--brown-light);border-radius:8px;padding:8px 14px;margin:10px 0;font-size:15px}@media (max-width: 480px){.shop-header-inner{padding:10px 12px}.shop-main{padding:12px}.shop-hero{padding:22px 14px}.shop-product-detail{flex-direction:column}.shop-cart-summary{flex-direction:column;align-items:stretch}.shop-cart-summary button{width:100%}button,.shop-chip,input,select,textarea{min-height:40px}}.inline-edit-cell input[type=number]{width:80px;padding:4px 6px}