:root{--color-primary:#f06292;--color-primary-pressed:#ec407a;--color-primary-soft:#f8bbd0;--color-secondary:#f48fb1;--color-background:#fff7fa;--color-surface:#fff;--color-text-primary:#1f2937;--color-text-on-primary:#fff;--color-border:#f3d0da;--color-danger:#dc2626;--container-padding:12px;--gap:12px;--radius:10px;--font-size-base:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{width:100%;max-width:100%}body{font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text-primary);font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Tahoma,sans-serif;line-height:1.5;overflow-x:hidden}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a{color:inherit}.container{width:100%;max-width:1200px;padding:0 var(--container-padding);margin:0 auto}@media (width>=768px){:root{--container-padding:16px;--gap:14px}}@media (width>=1024px){:root{--container-padding:20px;--gap:16px}}.auth-container{background:var(--color-surface);border-radius:12px;max-width:400px;margin:60px auto;padding:32px;box-shadow:0 2px 16px #0000001a}.auth-container h2{margin-bottom:24px;font-size:1.5rem}.auth-container label{margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.auth-container input{border:1px solid var(--color-border);border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:1rem;display:block}.auth-container input:focus{border-color:var(--color-primary);outline:none}.auth-container button{background:var(--color-primary);width:100%;color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:8px;margin-bottom:8px;padding:12px;font-size:1rem}.auth-container button:disabled{opacity:.6;cursor:not-allowed}.auth-container button:hover:not(:disabled){background:var(--color-primary-pressed)}.auth-container p{margin-top:12px;font-size:.9rem}.auth-container a{color:var(--color-primary);text-decoration:none}.auth-container a:hover{text-decoration:underline}.error{color:var(--color-danger);margin-bottom:8px;font-size:.875rem}.loading{text-align:center;color:#888;padding:40px}.navbar{z-index:150;background:#fff;position:sticky;top:0;box-shadow:0 1px 4px #0000001f}.navbar__inner{gap:var(--space-2);padding-top:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.navbar__brandRow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.navbar__brand{color:var(--color-primary);font-size:1.2rem;font-weight:700;text-decoration:none}.navbar__home{color:#374151;white-space:nowrap;font-size:.85rem;text-decoration:none}.navbar__toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:40px;min-height:40px;font-size:1rem}.navbar__search{align-items:center;width:100%;display:flex;position:relative}.navbar__searchInput{border:1px solid #ddd;border-radius:20px;outline:none;width:100%;min-height:40px;padding:6px 40px 6px 12px;font-size:.9rem}.navbar__searchInput.is-listening{border-color:var(--color-primary)}.navbar__voiceBtn{color:#9ca3af;background:0 0;border:none;min-width:30px;min-height:30px;font-size:1rem;position:absolute;right:8px}.navbar__voiceBtn.is-listening{color:var(--color-primary)}.navbar__hints{z-index:210;background:#fff;border:1px solid #ddd;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0}.navbar__hint{cursor:pointer;padding:8px 12px}.navbar__hint:hover{background:#f9fafb}.navbar__actions{width:min(92vw,360px);max-height:calc(100vh - 64px);padding:var(--space-3);gap:var(--space-2);z-index:230;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;display:none;position:fixed;top:64px;right:0;overflow-y:auto;box-shadow:-8px 0 24px #0f172a1f}.navbar__actions.is-open{display:flex}.navbar__overlay{z-index:220;background:#0f172a52;border:0;position:fixed;inset:64px 0 0}.navbar__link,.navbar__actions button{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-size:.88rem;text-decoration:none;display:inline-flex}.navbar__actions button{cursor:pointer}.navbar__badgeLink{position:relative}.navbar__badge{background:var(--color-primary);color:#fff;border-radius:10px;padding:1px 5px;font-size:.68rem;position:absolute;top:-7px;right:-8px}.navbar__orderForm{align-items:center;gap:6px;display:flex}.navbar__orderInput{border:1px solid #ddd;border-radius:16px;flex:1;min-width:0;min-height:40px;padding:5px 10px;font-size:.82rem}.navbar__orderBtn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;min-height:40px;padding:5px 10px;font-size:.82rem}@media (width>=1024px){.navbar__inner{align-items:center;gap:var(--space-3);flex-direction:row;padding-top:8px;padding-bottom:8px}.navbar__brandRow{width:auto}.navbar__toggle,.navbar__overlay{display:none}.navbar__search{flex:1;max-width:480px}.navbar__actions{width:auto;max-height:none;box-shadow:none;border-left:0;flex-direction:row;align-items:center;gap:8px;padding:0;display:flex;position:static;overflow:visible}}.shop-shell{width:100%;max-width:1100px;padding:0 var(--container-padding);margin:24px auto}.category-layout{gap:var(--space-4);grid-template-columns:1fr;display:grid}.category-sidebar{border-radius:var(--radius);background:#fff;border:1px solid #e5e7eb;padding:1rem}.category-main-head{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.category-title-row{align-items:center;gap:var(--space-2);display:flex}.category-sort{border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:40px;padding:6px 10px}.product-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.search-head{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.cart-row{gap:var(--space-2);border-bottom:1px solid #eee;grid-template-columns:1fr;align-items:start;padding:12px 0;display:grid}.cart-main{align-items:center;gap:12px;display:flex}.cart-actions{align-items:center;gap:8px;display:flex}.order-item{border-bottom:1px solid #eee;grid-template-columns:1fr;align-items:center;gap:8px;padding:8px 0;display:grid}.order-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}@media (width>=768px){.category-layout{grid-template-columns:240px 1fr;align-items:start}.category-main-head{flex-direction:row;justify-content:space-between;align-items:center}.category-sort{width:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.search-head{flex-direction:row;justify-content:space-between;align-items:center}.cart-row{grid-template-columns:1fr auto auto;align-items:center;gap:16px}.order-item{grid-template-columns:1fr auto;gap:12px}}.admin-layout{min-height:calc(100vh - 64px);display:flex;position:relative}.admin-sidebar-overlay{z-index:130;background:#0f172a73;border:0;position:fixed;inset:0}.admin-sidebar{color:#fff;z-index:140;background:#1e293b;flex-direction:column;width:260px;transition:transform .2s;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar__title{color:var(--color-primary);border-bottom:1px solid #334155;padding:1rem 1.2rem;font-size:.95rem;font-weight:700}.admin-sidebar__nav{padding:.5rem 0}.admin-sidebar__link{color:#94a3b8;border-left:3px solid #0000;padding:12px 1.2rem;font-size:.9rem;text-decoration:none;display:block}.admin-sidebar__link.is-active{color:var(--color-primary);border-left-color:var(--color-primary);background:#0f172a;font-weight:600}.admin-shell{background:#f8fafc;flex:1;min-width:0}.admin-mobile-topbar{z-index:120;align-items:center;gap:var(--gap);min-height:52px;padding:0 var(--container-padding);background:#fff;border-bottom:1px solid #e5e7eb;display:flex;position:sticky;top:64px}.admin-mobile-menu-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:40px;min-height:40px;font-size:1.1rem}.admin-main{min-width:0;padding-bottom:var(--space-5)}.admin-page{width:100%;max-width:1100px;padding:var(--space-4) var(--container-padding);margin:0 auto}.admin-page--narrow{max-width:900px}.admin-page__header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.admin-page__header h2{margin:0}.admin-page__actions{align-items:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.admin-control{border:1px solid #d1d5db;border-radius:7px;min-height:40px;padding:7px 12px;font-size:.85rem}.admin-control--grow{flex:1;min-width:0}.admin-btn{cursor:pointer;border:none;border-radius:7px;min-height:40px;padding:7px 14px;font-size:.85rem}.tableWrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;min-width:700px;font-size:.82rem}.admin-table th,.admin-table td{text-align:left;vertical-align:top;padding:10px 12px}.admin-table thead{background:#f3f4f6}.admin-modal-panel{background:#fff;border-radius:12px;width:min(94vw,480px);max-height:90vh;padding:1.25rem;overflow-y:auto}.admin-form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.admin-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width>=768px){.admin-page{padding-top:var(--space-5)}.admin-page__header{flex-direction:row;justify-content:space-between;align-items:center}.admin-form-row{grid-template-columns:1fr 1fr}}@media (width>=1024px){.admin-sidebar-overlay,.admin-mobile-topbar{display:none}.admin-sidebar{flex-shrink:0;width:220px;position:static;top:auto;bottom:auto;left:auto;transform:none}}