:root{--background:#fffaf0;--surface:#fff;--surface-strong:#181410;--text:#221b15;--muted:#6f6255;--line:#e6d9c5;--accent:#f9c741;--accent-strong:#bb4d1b;--good:#17694d;--warn:#98610b;--shadow:0 14px 32px #3626111a}@media (prefers-color-scheme:dark){:root{--background:#14110f;--surface:#1d1916;--surface-strong:#fff6df;--text:#fff3dc;--muted:#c9baa8;--line:#342d27;--accent:#f9c741;--accent-strong:#ffd765;--shadow:0 14px 32px #0000002e}}@font-face{font-family:Outfit;font-display:swap;font-style:normal;font-weight:100 900;src:url(https://assets.hungrycakes.in/fonts/Outfit-VariableFont_wght.ttf)format("truetype")}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);letter-spacing:0;margin:0;font-family:Outfit,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:inline-flex}.brand-logo{object-fit:contain;width:52px;height:52px;display:block}.brand-logo-dark{display:none}@media (prefers-color-scheme:dark){.brand-logo-light{display:none}.brand-logo-dark{display:block}}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.primary-button,.secondary-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.icon-button{border:1px solid var(--line);color:var(--text)}.primary-button{background:var(--surface-strong);border:1px solid var(--surface-strong);color:var(--accent);font-weight:700}.secondary-button{background:var(--surface);border:1px solid var(--line);color:var(--text)}.wide{width:100%}button:disabled{cursor:not-allowed;opacity:.7}.workspace{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.sidebar{background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-right:1px solid var(--line);padding:22px 16px}.nav-label{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:650}.nav-label-spaced{margin-top:24px}.nav-item{color:var(--text);border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 10px;font-weight:500;display:flex}.nav-item:hover{background:color-mix(in srgb, var(--surface-strong) 7%, transparent)}.main-content{padding:40px 32px}.page-stack{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;display:flex}.narrow{max-width:760px}.page-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-header h1{max-width:780px;margin:6px 0 14px;font-size:clamp(2rem,3.1vw,3.35rem);font-weight:520;line-height:1.08}.page-header p{color:var(--muted);max-width:760px;margin:0;font-size:1rem;line-height:1.65}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.page-actions{flex:none}.panel-grid,.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.info-panel,.product-card,.form-panel,.table-panel,.empty-state,.split-section{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.info-panel,.product-card{min-height:180px;padding:20px}.info-panel h2,.product-card h2,.split-section h2{margin:14px 0 8px;font-size:1.15rem}.info-panel p,.product-card p,.split-section p{color:var(--muted);margin:0;line-height:1.55}.product-card{flex-direction:column;gap:12px;display:flex}.product-card .secondary-button{margin-top:auto}.split-section{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:24px;padding:24px;display:grid}.payment-preview{border:1px solid var(--line);border-radius:8px;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.payment-preview img{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:6px;width:116px;display:block}.payment-preview strong,.payment-preview span{display:block}.payment-preview span{color:var(--muted);margin-top:4px;font-size:.9rem}.form-panel{padding:22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid.single{grid-template-columns:1fr}label{color:var(--muted);gap:8px;font-size:.85rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);color:var(--text);background:#fffdf8;border-radius:6px;min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:120px;padding:12px}.upload-placeholder,.muted-row{color:var(--muted);align-items:center;gap:10px;line-height:1.45;display:flex}.upload-placeholder{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.muted-row{margin:18px 0 0}.empty-state{color:var(--muted);padding:30px;line-height:1.6}.table-panel{overflow:hidden}.table-row{grid-template-columns:1fr 1fr 180px;align-items:center;gap:16px;min-height:58px;padding:0 18px;display:grid}.table-row+.table-row{border-top:1px solid var(--line)}.table-head{background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.status-pill{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-good{color:var(--good);background:#e7f4ed;border-color:#b7dcc9}.status-warn{color:var(--warn);background:#fff4d6;border-color:#e9c46b}.settings-list{grid-template-columns:160px minmax(0,1fr);gap:12px 18px;display:grid}.settings-list span{color:var(--muted)}@media (max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;gap:8px;padding:12px;display:flex;overflow-x:auto}.nav-label{display:none}.nav-item{border:1px solid var(--line);flex:none}.main-content{padding:24px 16px}.page-header,.split-section{grid-template-columns:1fr;align-items:stretch}.page-header{display:grid}.panel-grid,.product-grid,.form-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr;padding:16px}}@media (max-width:560px){.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.top-actions,.icon-button{width:100%}.page-header h1{font-size:2rem}.payment-preview,.settings-list{grid-template-columns:1fr}}
