:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f9fafb;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #b45309;--primary-600: #92400e;--danger: #b91c1c;--danger-600: #991b1b;--success: #166534;--warning: #b45309;--shadow: 0 8px 24px rgba(17, 24, 39, .06);--radius: 14px}.admin-shell{background:var(--bg);min-height:100vh;color:var(--text)}.admin-container{max-width:1200px;margin:0 auto;padding:24px 16px}.admin-topbar{position:sticky;top:0;z-index:20;background:#f6f7fbeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);margin:-24px -16px 16px;padding:12px 16px}.admin-topbar-inner{max-width:1200px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-topbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-title{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.01em}.admin-subtitle{margin:6px 0 0;color:var(--muted);font-size:.95rem}.admin-chip-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-login-gate{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.auth-title{display:block;margin-bottom:10px;font-size:1rem}.auth-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.auth-field{flex:1;min-width:200px}.auth-card{width:100%;max-width:360px}.admin-alert{margin:10px 0 0;border-radius:10px;padding:10px 12px;font-size:.92rem;font-weight:600;border:1px solid transparent}.admin-alert.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.admin-alert.warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.admin-alert.err{color:#991b1b;background:#fef2f2;border-color:#fecaca}.chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:6px 10px;font-size:12px;color:var(--muted)}.chip.ok{color:var(--success);border-color:#bbf7d0;background:#f0fdf4}.chip.warn{color:var(--warning);border-color:#fde68a;background:#fffbeb}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel+.panel{margin-top:16px}.panel-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;align-items:center}.panel-body{padding:16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar input[type=text],.toolbar input[type=password],.toolbar input[type=number],.field input[type=text],.field input[type=password],.field input[type=number]{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.admin-shell input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.field{margin-bottom:10px}.field label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted);font-weight:600}.helper{margin-top:4px;font-size:12px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.product-card{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);padding:12px}.product-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.product-id{font-weight:700;font-size:.9rem;color:#374151}.preview{width:100%;max-width:260px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#fff;margin-bottom:10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-secondary{color:#111827;border-color:var(--border);background:#fff}.btn-secondary:hover:not(:disabled){background:#f3f4f6}.btn-danger{color:#fff;background:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-600)}.status{margin:12px 0 0;font-size:.95rem}.status.ok{color:var(--success)}.status.warn{color:var(--warning)}.status.err{color:var(--danger)}.small{font-size:12px;color:var(--muted)}.admin-shell .admin-panel-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-shell .admin-panel-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px 16px;text-align:left}.admin-shell .admin-modal>.panel{border:none;box-shadow:none;border-radius:inherit}.admin-shell .image-library-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.admin-shell .image-option{border:1px solid var(--border);border-radius:10px;background:#fff;padding:8px;text-align:left;cursor:pointer}.admin-shell .image-option.selected{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e}.admin-shell .image-option .preview{max-width:100%;margin-bottom:6px}.admin-shell .admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:50;display:flex;justify-content:center;align-items:center;padding:16px}.admin-shell .admin-modal{width:min(920px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:14px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}.admin-shell .admin-drawer{width:min(680px,100%)}@media (max-width: 980px){.admin-shell .admin-panel-buttons{grid-template-columns:1fr}}:root{--bg: #fffaf5;--surface: #ffffff;--text: #1f1f1f;--muted: #666;--brand: #d35400;--brand-600: #b84300;--line: #f0e3d8;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--radius: 14px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 500px at 10% -10%,#ffe8d6 0%,transparent 60%),radial-gradient(1000px 500px at 100% 0%,#fff2e8 0%,transparent 55%),var(--bg);line-height:1.45}.home-page{width:min(1120px,92%);margin:0 auto 56px}.header{position:sticky;top:0;z-index:20;margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 6px 20px #0000000a}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand-logo{width:46px;height:46px;object-fit:cover;border-radius:12px;border:1px solid var(--line);box-shadow:0 4px 10px #00000014;background:#fff}.brand-title{font-weight:800;letter-spacing:.2px;font-size:1rem;white-space:nowrap}.header-nav{display:flex;flex-wrap:wrap;gap:8px}.header-nav a{color:#3f3f3f;text-decoration:none;font-weight:600;font-size:.92rem;padding:8px 12px;border-radius:999px;transition:background .2s ease,color .2s ease}.header-nav a:hover{background:#fff0e6;color:var(--brand-600)}.hero{position:relative;border-radius:16px;overflow:hidden;min-height:260px;display:grid;align-items:end;margin:1rem 0 1.5rem}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;color:#fff;padding:1rem;background:linear-gradient(to top,#00000094,#0000001f)}.hero-content h1,.hero-content p{margin:0 0 .5rem}.section{margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,26px);box-shadow:var(--shadow)}.section h2{margin:0 0 14px;font-size:clamp(1.2rem,2.2vw,1.55rem)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.card{grid-column:span 3;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);border-color:#efc9ae;box-shadow:0 14px 26px #d3540024}.card img{width:100%;height:140px;object-fit:cover;border-radius:10px;background:#f7f7f7}.card h3{margin:2px 0 0;font-size:.96rem;line-height:1.25}.card p{margin:0;color:#555;font-size:.82rem;min-height:34px}.card strong{margin-top:2px;font-size:.96rem}.card .btn{padding:8px 10px;font-size:.86rem;box-shadow:none}.qty-stepper{display:flex;align-items:center;justify-content:center;gap:10px}.qty-stepper .btn{padding:6px 12px;font-size:.9rem;line-height:1;box-shadow:none}.qty-value{min-width:1.5ch;text-align:center;font-weight:700}.cart-bar{position:sticky;bottom:12px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface, #fff);border:1px solid var(--line);border-radius:999px;padding:10px 10px 10px 18px;box-shadow:var(--shadow);z-index:30}.cart-bar-summary{font-weight:700;font-size:.92rem}.burger-btn{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:1.1rem;line-height:1;padding:8px 12px;cursor:pointer}.btn,button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;font-weight:700;padding:10px 14px;border-radius:10px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:0 7px 18px #d3540042}.btn:hover,button.btn:hover{background:var(--brand-600);transform:translateY(-1px)}.btn:disabled,button.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.btn-secondary,button.btn.btn-secondary{background:#ececec;color:#222;box-shadow:none}.admin-auth,.admin-grid{margin:14px 0}.admin-auth label,.admin-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}input[type=password],input[type=number]{width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ffb070;outline-offset:2px;border-radius:10px}.error{color:#b00020;font-weight:600}@media (max-width: 980px){.card{grid-column:span 4}}@media (max-width: 760px){.home-page{width:min(680px,94%)}.header{border-radius:16px;padding:10px 14px;flex-wrap:wrap}.brand-title{white-space:normal}.burger-btn{display:inline-flex;align-items:center;justify-content:center}.header-nav{display:none;flex-direction:column;width:100%;flex-wrap:nowrap;overflow-x:visible;margin:10px 0 0;padding:0}.header-nav.open{display:flex}.header-nav a{flex:0 0 auto;padding:10px 12px;font-size:.92rem;border-radius:10px}.card{grid-column:span 6}.card img{height:120px}.admin-grid{grid-template-columns:1fr}.cart-bar{left:12px;right:12px;bottom:10px}}