:root{--color-primary: #1b4332;--color-primary-dark: #12301f;--color-accent: #c98a2b;--color-bg: #fdfbf7;--color-bg-alt: #f3ede0;--color-text: #1f2a24;--color-text-muted: #5c6b62;--color-border: #e2ddd0;--color-danger: #b3261e;--radius: 10px;--shadow: 0 2px 10px rgba(27, 67, 50, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:inherit}button{font-family:inherit;cursor:pointer}.layout{min-height:100%;display:flex;flex-direction:column}.main{flex:1}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.site-header .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;color:var(--color-primary);text-decoration:none;letter-spacing:.02em}.site-header nav{display:flex;align-items:center;gap:20px}.site-header nav a,.site-header nav button{background:none;border:none;color:var(--color-text);font-size:.95rem;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);border:none;font-weight:600;font-size:.95rem;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:6px 12px;font-size:.85rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:56px 48px;background:linear-gradient(135deg,#fffdf8,#f3ede0)}.hero-headline{font-size:3.2rem;font-weight:900;line-height:1.05;color:var(--color-primary);white-space:pre-line;margin:0 0 16px}.hero-tagline{font-size:1.15rem;color:var(--color-text-muted);margin:0 0 24px}.hero-features{display:flex;gap:24px;margin-bottom:28px;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}.hero-feature .icon{font-size:1.3rem}.hero-image-wrap{position:relative;border-radius:16px;overflow:hidden;background:var(--color-bg-alt);min-height:340px;display:flex;align-items:center;justify-content:center}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.hero-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-muted);padding:32px;text-align:center}.admin-section{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;max-width:640px}.admin-section h2{margin:0 0 4px;font-size:1.05rem}.admin-section-hint{color:var(--color-text-muted);font-size:.85rem;margin:0 0 16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:12px}.media-tile{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-alt)}.media-tile img{width:100%;height:100%;object-fit:cover;display:block}.media-tile-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.8rem;line-height:1;cursor:pointer}.media-tile-add{display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-border);border-radius:8px;aspect-ratio:1;cursor:pointer;color:var(--color-text-muted);font-size:1.6rem;background:none}.media-tile-add input{display:none}.tag-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-alt);border-radius:999px;padding:4px 10px;font-size:.82rem}.tag-chip button{border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:.9rem;line-height:1}.metafield-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.seo-preview{border:1px solid var(--color-border);border-radius:8px;padding:14px;margin-bottom:16px;background:var(--color-bg-alt)}.seo-preview .seo-title{color:#1a0dab;font-size:1.05rem;margin:2px 0}.seo-preview .seo-url{color:#006621;font-size:.82rem}.seo-preview .seo-desc{color:var(--color-text-muted);font-size:.85rem}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.catalog-toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.catalog-toolbar input,.catalog-toolbar select{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.product-card-image{aspect-ratio:4 / 3;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.85rem}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.product-card-name{font-weight:700;font-size:.98rem}.product-card-meta{font-size:.8rem;color:var(--color-text-muted)}.product-card-price{margin-top:auto;font-weight:800;color:var(--color-primary);font-size:1.05rem}.product-card-price.locked{color:var(--color-text-muted);font-weight:600;font-size:.9rem}.form-card{max-width:420px;margin:48px auto;background:#fff;padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-field label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem}.form-error{background:#fbeceb;color:var(--color-danger);padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 65px)}.admin-sidebar{background:var(--color-primary-dark);color:#fff;padding:24px 0}.admin-sidebar a{display:block;padding:10px 24px;text-decoration:none;color:#ffffffd9;font-size:.92rem}.admin-sidebar a:hover,.admin-sidebar a.active{background:#ffffff1a;color:#fff}.admin-content{padding:28px 32px}table.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}table.data-table th,table.data-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:.9rem}table.data-table th{background:var(--color-bg-alt);font-weight:700;color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}table.data-table tbody tr.clickable-row{cursor:pointer}table.data-table tbody tr.clickable-row:hover{background:var(--color-bg-alt)}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title h1{margin:0;font-size:1.4rem}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--color-bg-alt);color:var(--color-text-muted)}.badge.status-pending{background:#fdf1d6;color:#8a6116}.badge.status-confirmed{background:#dbeafe;color:#1e4ed8}.badge.status-processing{background:#ede9fe;color:#6d28d9}.badge.status-fulfilled{background:#dcfce7;color:#166534}.badge.status-cancelled{background:#fee2e2;color:#b91c1c}.order-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.link-back{background:none;border:none;padding:0;color:var(--color-text-muted);font-size:.85rem;margin-bottom:6px;cursor:pointer}.link-back:hover{color:var(--color-text)}.order-topbar-title{display:flex;align-items:center;gap:10px}.order-topbar-title h1{margin:0;font-size:1.4rem}.order-topbar-meta{margin:6px 0 0;color:var(--color-text-muted);font-size:.85rem}.order-topbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.order-main,.order-sidebar{display:flex;flex-direction:column;gap:20px}.order-panel{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px}.order-panel h2{margin:0 0 12px;font-size:1.05rem}.order-panel h3{margin:0 0 6px;font-size:.85rem;color:var(--color-text-muted);font-weight:600}.order-panel-header{margin-bottom:16px}.order-panel-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.order-panel-header-row h2{margin:0}.icon-btn{background:none;border:none;color:var(--color-primary);font-size:.85rem;padding:0;cursor:pointer}.order-subpanel{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-bg-alt);border-radius:var(--radius);margin-bottom:16px;font-size:.9rem}.order-item-list{display:flex;flex-direction:column}.order-item-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.order-item-row:last-child{border-bottom:none}.order-item-thumb{width:48px;height:48px;border-radius:6px;background:var(--color-bg-alt);overflow:hidden;flex-shrink:0}.order-item-thumb img{width:100%;height:100%;object-fit:cover}.order-item-name{font-size:.92rem}.order-item-taxed{color:var(--color-text-muted);font-weight:400}.order-item-sku{color:var(--color-text-muted);font-size:.78rem;margin-top:2px}.order-item-unit{color:var(--color-text-muted);font-size:.85rem;white-space:nowrap}.order-item-total{font-size:.92rem;white-space:nowrap;text-align:right}.order-totals{display:flex;flex-direction:column;gap:8px}.order-totals-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--color-text-muted)}.order-totals-discount{color:var(--color-primary)}.order-totals-total{font-weight:700;color:var(--color-text);font-size:1rem;padding-top:8px;border-top:1px solid var(--color-border)}.order-totals-paid{font-weight:700;color:var(--color-text)}.timeline-comment-form{display:flex;gap:10px;margin-bottom:8px}.timeline-list{display:flex;flex-direction:column;gap:4px;margin-top:16px}.timeline-date-header{font-size:.78rem;color:var(--color-text-muted);font-weight:600;margin:12px 0 8px}.timeline-date-header:first-child{margin-top:0}.timeline-row{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);margin-top:6px;flex-shrink:0}.timeline-dot-comment{background:var(--color-primary)}.timeline-message{font-size:.88rem}.timeline-time{font-size:.75rem;color:var(--color-text-muted)}.order-notes-text{margin:0;color:var(--color-text-muted);font-size:.9rem}.order-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.order-customer-name{font-weight:600;color:var(--color-primary)}.order-customer-orders-link{font-size:.85rem;color:var(--color-primary)}.order-panel-subsection{margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border)}.order-panel-subsection a{color:var(--color-primary);font-size:.9rem}.order-address{font-size:.88rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:6px}.order-address-muted{font-size:.88rem;color:var(--color-text-muted);margin:0}.order-map-link{font-size:.85rem}.order-tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.order-tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-bg-alt);border-radius:999px;padding:3px 6px 3px 10px;font-size:.8rem}.order-tag-chip button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:0 2px}@media (max-width: 900px){.order-layout{grid-template-columns:1fr}}.checkbox-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}.checkbox-row label{display:flex;align-items:center;gap:6px;font-size:.9rem}.cart-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border);gap:12px}.cart-line-name{font-weight:600;flex:1}.cart-line input[type=number]{width:64px;padding:6px;border:1px solid var(--color-border);border-radius:6px}.cart-summary{margin-top:20px;padding-top:16px;border-top:2px solid var(--color-primary);display:flex;justify-content:space-between;font-weight:800;font-size:1.1rem}.chat-widget{position:fixed;bottom:24px;right:24px;z-index:50}.chat-toggle{width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:1.4rem;box-shadow:var(--shadow)}.chat-panel{position:fixed;bottom:92px;right:24px;width:320px;height:420px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000002e;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border)}.chat-header{background:var(--color-primary);color:#fff;padding:12px 16px;font-weight:700}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:.85rem;line-height:1.35}.chat-bubble.user{align-self:flex-end;background:var(--color-primary);color:#fff}.chat-bubble.assistant{align-self:flex-start;background:var(--color-bg-alt);color:var(--color-text)}.chat-input-row{display:flex;border-top:1px solid var(--color-border)}.chat-input-row input{flex:1;border:none;padding:10px 12px;font-size:.9rem}.chat-input-row button{background:var(--color-primary);color:#fff;border:none;padding:0 16px;font-weight:700}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.footer{text-align:center;padding:24px;color:var(--color-text-muted);font-size:.85rem;border-top:1px solid var(--color-border)}@media (max-width: 820px){.hero{grid-template-columns:1fr;padding:32px 20px}.hero-headline{font-size:2.2rem}.hero-image-wrap{min-height:220px;order:-1}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow-x:auto;padding:12px}.admin-sidebar a{padding:8px 14px;white-space:nowrap}.admin-content,.container{padding:20px 16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}table.data-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.form-card{margin:24px 16px;padding:24px 20px}.chat-panel{left:12px;right:12px;width:auto;bottom:84px}.chat-widget{right:16px;bottom:16px}}@media (max-width: 640px){.site-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.site-header .brand{font-size:1.1rem}.site-header nav{width:100%;justify-content:flex-start;gap:12px;flex-wrap:wrap;font-size:.88rem}.hero-headline{font-size:1.8rem}.hero-features{gap:14px}.catalog-toolbar{flex-direction:column}.catalog-toolbar input,.catalog-toolbar select{width:100%}.page-title{flex-direction:column;align-items:flex-start;gap:10px}.cart-line{flex-wrap:wrap}.cart-line-name{width:100%}.checkbox-row{gap:10px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181580;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-bg);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:var(--radius) var(--radius) 0 0}.modal-header h2{margin:0;font-size:1.05rem}.modal-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-text-muted)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--color-border)}.form-field-label{font-weight:600;font-size:.9rem;margin-bottom:8px}.radio-list{display:flex;flex-direction:column;gap:10px}.radio-list label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:.92rem}