:root{color:#111827;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#f3f4f6;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1280px;margin:0 auto;padding:16px}.topbar{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 10px 30px #0000000f}.topbar h1{margin:4px 0 0;font-size:1.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0;font-size:.75rem}.cart-badge{color:#fff;background:#111827;border-radius:999px;padding:10px 14px;font-weight:600}.layout{grid-template-columns:1fr;gap:16px;display:grid}.panel{background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 30px #0000000f}.sticky{align-self:start;position:sticky;top:16px}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-header h2{margin:0}select,input,textarea{background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;margin-top:6px;margin-bottom:12px;padding:12px 14px}.grid{grid-template-columns:1fr;gap:14px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.card-image{aspect-ratio:16/10;background:#e5e7eb}.card-image img{object-fit:cover;width:100%;height:100%;display:block}.image-placeholder{color:#6b7280;place-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:grid}.card-body{padding:14px}.card-body h3{margin:0 0 8px}.row,.total-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:#6b7280}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:10px 12px}.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;padding:10px 12px}.primary-btn{color:#fff;background:#111827;border:0;border-radius:14px;width:100%;margin-top:8px;padding:12px 14px;font-weight:600}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.form{flex-direction:column;display:flex}.cart-list{flex-direction:column;gap:12px;margin:12px 0;display:flex}.cart-item{border:1px solid #e5e7eb;border-radius:16px;padding:12px}.cart-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cart-actions button{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px 10px}@media (width>=900px){.layout{grid-template-columns:1.6fr .9fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-shell{max-width:1280px;margin:0 auto;padding:16px}.admin-header{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 10px 30px #0000000f}.admin-header h1{margin:4px 0 0}.admin-tabs{gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tabs button,.ghost-btn,.small-btn,.danger-btn{white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:10px 12px;font-weight:600}.ghost-btn{color:#fff;background:#111827;border-color:#111827}.danger-btn{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.admin-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;margin-bottom:16px;padding:12px}.summary-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}.summary-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 30px #0000000a}.summary-card span{color:#6b7280;font-size:.9rem;display:block}.summary-card strong{margin-top:8px;font-size:1.5rem;display:block}.admin-panel{background:#fff;border-radius:20px;margin-bottom:16px;padding:16px;box-shadow:0 10px 30px #0000000f}.admin-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px}th{color:#6b7280;font-size:.85rem}.drawer{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;margin-top:16px;padding:16px}.drawer-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-line,.total-line{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.total-line{border-bottom:0;font-size:1.1rem}.admin-grid-2{grid-template-columns:1fr;gap:16px;display:grid}.admin-form{flex-direction:column;display:flex}.check-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.check-row input{width:auto;margin:0}.product-list{flex-direction:column;gap:12px;display:flex}.product-row{border:1px solid #e5e7eb;border-radius:18px;grid-template-columns:64px 1fr;gap:12px;padding:12px;display:grid}.product-thumb{background:#e5e7eb;border-radius:16px;place-items:center;width:64px;height:64px;font-weight:700;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.row-actions{grid-column:1/-1;gap:8px;display:flex}@media (width>=760px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{grid-template-columns:1fr 220px}}@media (width>=1000px){.admin-grid-2{grid-template-columns:.8fr 1.2fr}.product-row{grid-template-columns:64px 1fr auto;align-items:center}.row-actions{grid-column:auto}}