:root{--color-bg: #0d0604;--color-bg-alt: #1a0c06;--color-primary: #d4af37;--color-text: #f5f0e6;--color-text-muted: #8a8a7a;--color-border: #2d1a10;--color-card-bg: #1a0c06;--color-input-bg: #1a0c06;--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Lato", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--transition-fast: .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:1.1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}.menu-container{max-width:600px;margin:0 auto;padding:3rem 2rem;background:var(--color-bg);min-height:100vh}.menu-header{text-align:center;padding:1rem 0 1.5rem;margin-bottom:3rem}.menu-welcome{font-family:var(--font-body);font-size:.85rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--color-text);opacity:.8;margin-bottom:.5rem}.menu-brand{font-family:var(--font-heading);font-size:3.5rem;font-weight:400;font-style:italic;color:var(--color-primary);letter-spacing:.05em;margin:.5rem 0;line-height:1.1}.menu-tagline{font-family:var(--font-body);font-size:.8rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text);opacity:.7;margin-top:1.25rem}.menu-info-note{text-align:left;font-family:var(--font-body);font-size:.75rem;font-style:italic;color:var(--color-text-muted);opacity:.7;padding:0;margin-bottom:.75rem}.menu-category{margin-bottom:2.5rem}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-name{font-family:var(--font-heading);font-size:1.6rem;font-weight:500;color:var(--color-text);letter-spacing:.05em;white-space:nowrap}.category-line{flex:1;height:1px;background:linear-gradient(to right,rgba(212,175,55,.4),transparent)}.menu-item{margin-bottom:2.25rem;padding-bottom:0}.menu-item:last-child{margin-bottom:0;padding-bottom:0}.menu-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem}.menu-item-name{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);flex:1}.menu-item-price{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--color-primary);white-space:nowrap}.menu-item-description{font-family:var(--font-body);font-size:.85rem;font-style:italic;color:var(--color-text-muted);line-height:1.5;margin-top:.25rem}.menu-footer{text-align:center;padding:3rem 1rem 1.5rem;margin-top:auto;border-top:1px solid rgba(212,175,55,.15)}.footer-powered{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.footer-powered a{color:var(--color-primary);text-decoration:none;font-weight:500}.footer-admin-link{color:var(--color-text-muted)!important;display:flex;align-items:center;text-decoration:none;transition:color .2s}.footer-admin-link:hover{color:var(--color-primary)!important}.footer-admin-link svg{width:14px;height:14px}.language-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;font-size:.8rem;letter-spacing:.1em}.lang-btn{background:none;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:.8rem;letter-spacing:.1em;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.lang-btn:hover{color:var(--color-text)}.lang-btn.active{color:var(--color-primary);font-weight:600}.lang-separator{color:var(--color-text-muted);opacity:.5}.footer-phone{display:block;margin-top:1rem;font-family:var(--font-body);font-size:.85rem;font-style:italic;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.footer-phone:hover{color:var(--color-primary)}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}@media (max-width: 640px){.menu-container{padding:2rem 1.25rem}.menu-brand{font-size:2.75rem}.menu-welcome{font-size:.75rem}.category-name{font-size:1.2rem}.menu-item-name{font-size:1.05rem}.menu-item-price{font-size:1rem}.menu-item-description{font-size:.9rem}}.text-center{text-align:center}.hidden{display:none}.admin-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:100vh}.admin-header{margin-bottom:2rem;background:var(--color-card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--color-border)}.admin-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-title{margin:0;font-size:1.8rem;color:var(--color-text);font-family:var(--font-heading)}.admin-header-actions{display:flex;gap:1rem;align-items:center}.admin-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.tab-btn{padding:.75rem 1.25rem;background:transparent;border:none;color:var(--color-text-muted);font-weight:600;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s;white-space:nowrap;font-family:var(--font-body)}.tab-btn:hover{color:var(--color-text);background:#ffffff0d}.tab-btn.active{color:var(--color-primary);background:#d4af371a;border-bottom:2px solid var(--color-primary)}.admin-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.admin-section-title{margin-top:0;margin-bottom:1.5rem;color:var(--color-text);font-size:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem;font-family:var(--font-heading)}.admin-form-group{margin-bottom:1.5rem}.admin-label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:600;font-size:.95rem}.admin-input,.admin-textarea,.admin-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .2s}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{outline:none;border-color:var(--color-primary)}.admin-textarea{min-height:100px;resize:vertical}.admin-hint{display:block;margin-top:.5rem;color:var(--color-text-muted);font-size:.85rem}.admin-actions{display:flex;gap:1rem;margin-top:2rem}.admin-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:transform .1s,opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body)}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-btn:active{transform:translateY(0)}.admin-btn-primary{background:var(--color-primary);color:#1a1a1a}.admin-btn-secondary{background:#444;color:#fff}.admin-btn-danger{background:#dc3545;color:#fff}.admin-btn-success{background:#28a745;color:#fff}.admin-btn-sm{padding:.5rem 1rem;font-size:.9rem}.admin-logout-btn{padding:.5rem 1rem;background:#dc354526;color:#dc3545;border:1px solid rgba(220,53,69,.2);border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.admin-logout-btn:hover{background:#dc354540;border-color:#dc354566}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.admin-item-card{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.admin-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-item-title{margin:0 0 .5rem;color:var(--color-text);font-size:1.1rem}.admin-item-subtitle{margin:0 0 1rem;color:var(--color-text-muted);font-size:.9rem}.admin-item-actions{display:flex;gap:.5rem;margin-top:1rem}.admin-empty-state{text-align:center;padding:3rem;color:var(--color-text-muted);font-style:italic;background:#ffffff05;border-radius:8px}.admin-divider{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:3rem 2rem;width:100%;max-width:400px;text-align:center}.admin-login-logo{font-family:var(--font-heading);font-size:2rem;font-style:italic;color:var(--color-primary);margin-bottom:2rem}.admin-login-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-text)}.admin-login-form{display:flex;flex-direction:column;gap:1rem}.admin-login-error{color:#dc3545;font-size:.9rem;margin-top:.5rem}.color-picker-wrapper{display:flex;gap:.5rem;align-items:center}.color-picker-wrapper input[type=color]{width:50px;height:38px;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;padding:2px}.color-picker-wrapper input[type=text]{flex:1}@media (max-width: 768px){.admin-header-content{flex-direction:column;align-items:flex-start}.admin-header-actions{width:100%;justify-content:space-between}.admin-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-btn{width:100%}}:root{--admin-gradient-primary: linear-gradient(135deg, #d4af37 0%, #b8860b 50%, #d4af37 100%);--admin-gradient-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--admin-gradient-bg: linear-gradient(180deg, #0a0a0f 0%, #141420 50%, #0a0a0f 100%);--admin-bg-primary: #0a0a0f;--admin-bg-secondary: #12121a;--admin-bg-tertiary: #1a1a25;--admin-bg-card: rgba(26, 26, 37, .8);--admin-bg-card-hover: rgba(35, 35, 50, .9);--admin-bg-input: rgba(255, 255, 255, .05);--admin-bg-input-focus: rgba(255, 255, 255, .08);--admin-glass-bg: rgba(255, 255, 255, .03);--admin-glass-border: rgba(255, 255, 255, .08);--admin-glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--admin-text-primary: #ffffff;--admin-text-secondary: #a0a0b0;--admin-text-muted: #6b6b7a;--admin-text-accent: #d4af37;--admin-border-primary: rgba(255, 255, 255, .08);--admin-border-hover: rgba(212, 175, 55, .3);--admin-border-focus: rgba(212, 175, 55, .5);--admin-success: #10b981;--admin-success-bg: rgba(16, 185, 129, .15);--admin-danger: #ef4444;--admin-danger-bg: rgba(239, 68, 68, .15);--admin-warning: #f59e0b;--admin-warning-bg: rgba(245, 158, 11, .15);--admin-info: #3b82f6;--admin-info-bg: rgba(59, 130, 246, .15);--admin-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--admin-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--admin-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--admin-shadow-glow: 0 0 20px rgba(212, 175, 55, .2);--admin-spacing-xs: .25rem;--admin-spacing-sm: .5rem;--admin-spacing-md: 1rem;--admin-spacing-lg: 1.5rem;--admin-spacing-xl: 2rem;--admin-spacing-2xl: 3rem;--admin-radius-sm: 6px;--admin-radius-md: 12px;--admin-radius-lg: 16px;--admin-radius-xl: 24px;--admin-radius-full: 9999px;--admin-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--admin-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--admin-transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--admin-sidebar-width: 280px;--admin-sidebar-collapsed: 80px;--admin-header-height: 70px}.admin-wrapper{display:flex;min-height:100vh;background:var(--admin-bg-primary);position:relative;overflow:hidden}.admin-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--admin-gradient-bg);z-index:0;pointer-events:none}.admin-sidebar{width:var(--admin-sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--admin-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--admin-glass-border);display:flex;flex-direction:column;z-index:100;transition:transform var(--admin-transition-normal),width var(--admin-transition-normal)}.admin-sidebar-header{padding:var(--admin-spacing-xl);border-bottom:1px solid var(--admin-glass-border)}.admin-sidebar-logo{display:flex;align-items:center;gap:var(--admin-spacing-md);text-decoration:none}.admin-sidebar-logo-icon{width:42px;height:42px;background:var(--admin-gradient-primary);border-radius:var(--admin-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--admin-shadow-glow)}.admin-sidebar-logo-text{font-size:1.25rem;font-weight:700;color:var(--admin-text-primary);letter-spacing:-.5px}.admin-sidebar-logo-text span{color:var(--admin-text-accent)}.admin-sidebar-nav{flex:1;padding:var(--admin-spacing-lg) var(--admin-spacing-md);overflow-y:auto}.admin-sidebar-section{margin-bottom:var(--admin-spacing-xl)}.admin-sidebar-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--admin-text-muted);padding:0 var(--admin-spacing-md);margin-bottom:var(--admin-spacing-sm)}.admin-nav-item{display:flex;align-items:center;gap:var(--admin-spacing-md);padding:var(--admin-spacing-md) var(--admin-spacing-lg);margin-bottom:var(--admin-spacing-xs);border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--admin-transition-fast);border:1px solid transparent;background:transparent;width:100%;text-align:left}.admin-nav-item:hover{background:var(--admin-bg-card);color:var(--admin-text-primary);border-color:var(--admin-border-primary)}.admin-nav-item.active{background:linear-gradient(135deg,#d4af3726,#d4af370d);color:var(--admin-text-accent);border-color:var(--admin-border-hover);box-shadow:var(--admin-shadow-glow)}.admin-nav-item-icon{font-size:1.25rem;width:24px;text-align:center}.admin-nav-item-badge{margin-left:auto;padding:2px 8px;background:var(--admin-danger);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--admin-radius-full)}.admin-sidebar-footer{padding:var(--admin-spacing-lg);border-top:1px solid var(--admin-glass-border)}.admin-user-card{display:flex;align-items:center;gap:var(--admin-spacing-md);padding:var(--admin-spacing-md);background:var(--admin-bg-card);border-radius:var(--admin-radius-md);border:1px solid var(--admin-border-primary)}.admin-user-avatar{width:40px;height:40px;background:var(--admin-gradient-accent);border-radius:var(--admin-radius-full);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:.9rem;font-weight:600;color:var(--admin-text-primary)}.admin-user-role{font-size:.75rem;color:var(--admin-text-muted)}.admin-main{flex:1;margin-left:var(--admin-sidebar-width);min-height:100vh;position:relative;z-index:1;transition:margin-left var(--admin-transition-normal)}.admin-header{height:var(--admin-header-height);padding:0 var(--admin-spacing-xl);display:flex;align-items:center;justify-content:space-between;background:var(--admin-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--admin-glass-border);position:sticky;top:0;z-index:50}.admin-header-left{display:flex;align-items:center;gap:var(--admin-spacing-lg)}.admin-mobile-toggle{display:none;padding:var(--admin-spacing-sm);background:transparent;border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition-fast)}.admin-mobile-toggle:hover{background:var(--admin-bg-card);color:var(--admin-text-primary)}.admin-page-title{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary);display:flex;align-items:center;gap:var(--admin-spacing-sm)}.admin-page-title-icon{font-size:1.75rem}.admin-header-right{display:flex;align-items:center;gap:var(--admin-spacing-md)}.admin-header-btn{display:flex;align-items:center;gap:var(--admin-spacing-sm);padding:var(--admin-spacing-sm) var(--admin-spacing-md);background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--admin-transition-fast)}.admin-header-btn:hover{background:var(--admin-bg-card-hover);color:var(--admin-text-primary);border-color:var(--admin-border-hover)}.admin-header-btn.logout{background:var(--admin-danger-bg);border-color:transparent;color:var(--admin-danger)}.admin-header-btn.logout:hover{background:var(--admin-danger);color:#fff}.admin-content{padding:var(--admin-spacing-xl);animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-card{background:var(--admin-bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-xl);margin-bottom:var(--admin-spacing-xl);transition:all var(--admin-transition-normal)}.admin-card:hover{border-color:var(--admin-border-hover);box-shadow:var(--admin-shadow-md)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--admin-spacing-xl);padding-bottom:var(--admin-spacing-lg);border-bottom:1px solid var(--admin-border-primary)}.admin-card-title{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);display:flex;align-items:center;gap:var(--admin-spacing-sm)}.admin-card-title-icon{font-size:1.5rem}.admin-card-subtitle{font-size:.85rem;color:var(--admin-text-muted);margin-top:var(--admin-spacing-xs)}.admin-form-group{margin-bottom:var(--admin-spacing-xl)}.admin-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--admin-spacing-lg)}.admin-label{display:block;font-size:.875rem;font-weight:600;color:var(--admin-text-secondary);margin-bottom:var(--admin-spacing-sm)}.admin-label-required:after{content:"*";color:var(--admin-danger);margin-left:4px}.admin-input,.admin-textarea,.admin-select{width:100%;padding:var(--admin-spacing-md) var(--admin-spacing-lg);background:var(--admin-bg-input);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);color:var(--admin-text-primary);font-size:.95rem;font-family:inherit;transition:all var(--admin-transition-fast)}.admin-input::placeholder,.admin-textarea::placeholder{color:var(--admin-text-muted)}.admin-input:hover,.admin-textarea:hover,.admin-select:hover{border-color:var(--admin-border-hover)}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{outline:none;background:var(--admin-bg-input-focus);border-color:var(--admin-text-accent);box-shadow:0 0 0 3px #d4af371a}.admin-textarea{min-height:120px;resize:vertical}.admin-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0a0b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:44px}.admin-select option{background:#1a1a1a;color:#fff;padding:8px 12px}.admin-select option:hover,.admin-select option:checked{background:#333}.admin-hint{display:block;font-size:.8rem;color:var(--admin-text-muted);margin-top:var(--admin-spacing-sm)}.admin-file-upload{position:relative;padding:var(--admin-spacing-xl);background:var(--admin-bg-input);border:2px dashed var(--admin-border-primary);border-radius:var(--admin-radius-md);text-align:center;cursor:pointer;transition:all var(--admin-transition-fast)}.admin-file-upload:hover{background:var(--admin-bg-input-focus);border-color:var(--admin-text-accent)}.admin-file-upload-icon{font-size:2.5rem;margin-bottom:var(--admin-spacing-md);opacity:.7}.admin-file-upload-text{font-size:.95rem;color:var(--admin-text-secondary)}.admin-file-upload-hint{font-size:.8rem;color:var(--admin-text-muted);margin-top:var(--admin-spacing-sm)}.admin-file-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--admin-spacing-sm);padding:var(--admin-spacing-md) var(--admin-spacing-xl);font-size:.95rem;font-weight:600;font-family:inherit;border-radius:var(--admin-radius-md);cursor:pointer;transition:all var(--admin-transition-fast);border:none;text-decoration:none}.admin-btn:active{transform:scale(.98)}.admin-btn-primary{background:var(--admin-gradient-primary);color:#000;box-shadow:var(--admin-shadow-sm),var(--admin-shadow-glow)}.admin-btn-primary:hover{box-shadow:var(--admin-shadow-md),0 0 30px #d4af374d;transform:translateY(-2px)}.admin-btn-secondary{background:var(--admin-bg-card);color:var(--admin-text-secondary);border:1px solid var(--admin-border-primary)}.admin-btn-secondary:hover{background:var(--admin-bg-card-hover);color:var(--admin-text-primary);border-color:var(--admin-border-hover)}.admin-btn-danger{background:var(--admin-danger-bg);color:var(--admin-danger);border:1px solid transparent}.admin-btn-danger:hover{background:var(--admin-danger);color:#fff}.admin-btn-success{background:var(--admin-success-bg);color:var(--admin-success);border:1px solid transparent}.admin-btn-success:hover{background:var(--admin-success);color:#fff}.admin-btn-sm{padding:var(--admin-spacing-sm) var(--admin-spacing-md);font-size:.85rem}.admin-btn-lg{padding:var(--admin-spacing-lg) var(--admin-spacing-2xl);font-size:1.05rem}.admin-btn-icon{padding:var(--admin-spacing-sm);width:40px;height:40px}.admin-actions{display:flex;gap:var(--admin-spacing-md);margin-top:var(--admin-spacing-xl);flex-wrap:wrap}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--admin-spacing-lg)}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-item-card{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-lg);transition:all var(--admin-transition-fast);cursor:grab}.admin-item-card:hover{border-color:var(--admin-border-hover)}.admin-item-card.dragging{opacity:.5;cursor:grabbing}.admin-item-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--admin-spacing-md)}.admin-item-title{font-size:1rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 var(--admin-spacing-xs) 0}.admin-item-subtitle{font-size:.85rem;color:var(--admin-text-muted);margin:0;line-height:1.4}.admin-item-price{font-size:1.1rem;font-weight:700;color:var(--admin-text-accent);margin:var(--admin-spacing-sm) 0}.admin-item-actions{display:flex;gap:var(--admin-spacing-sm);margin-top:var(--admin-spacing-md)}.admin-item-actions .admin-btn{flex:1}.admin-color-picker{position:relative}.admin-color-btn{width:100%;display:flex;align-items:center;gap:var(--admin-spacing-md);padding:var(--admin-spacing-md) var(--admin-spacing-lg);background:var(--admin-bg-input);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);cursor:pointer;transition:all var(--admin-transition-fast)}.admin-color-btn:hover{border-color:var(--admin-border-hover)}.admin-color-preview{width:28px;height:28px;border-radius:var(--admin-radius-full);border:2px solid rgba(255,255,255,.2)}.admin-color-name{flex:1;text-align:left;color:var(--admin-text-primary);font-size:.95rem}.admin-color-arrow{color:var(--admin-text-muted);font-size:.8rem}.admin-color-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--admin-spacing-sm);padding:var(--admin-spacing-md);background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);box-shadow:var(--admin-shadow-lg);z-index:100;display:none;max-height:280px;overflow-y:auto}.admin-color-dropdown.open{display:block;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--admin-spacing-sm)}.admin-color-option{display:flex;flex-direction:column;align-items:center;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-sm);border-radius:var(--admin-radius-sm);cursor:pointer;transition:all var(--admin-transition-fast)}.admin-color-option:hover{background:var(--admin-bg-card)}.admin-color-swatch{width:36px;height:36px;border-radius:var(--admin-radius-full);border:2px solid transparent;transition:all var(--admin-transition-fast)}.admin-color-option.selected .admin-color-swatch{border-color:var(--admin-text-accent);box-shadow:0 0 0 2px var(--admin-bg-secondary),0 0 0 4px var(--admin-text-accent)}.admin-color-label{font-size:.7rem;color:var(--admin-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.admin-divider{border:none;border-top:1px solid var(--admin-border-primary);margin:var(--admin-spacing-xl) 0}.admin-empty-state{text-align:center;padding:var(--admin-spacing-2xl);color:var(--admin-text-muted)}.admin-empty-state-icon{font-size:3rem;margin-bottom:var(--admin-spacing-md);opacity:.5}.admin-empty-state-text{font-size:1rem;margin-bottom:var(--admin-spacing-md)}.admin-feedback-card{border-left:4px solid var(--admin-text-accent)}.admin-feedback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--admin-spacing-md)}.admin-feedback-author{font-weight:600;color:var(--admin-text-primary)}.admin-feedback-contact{font-size:.9rem;color:var(--admin-text-accent);margin-top:var(--admin-spacing-xs)}.admin-feedback-message{color:var(--admin-text-secondary);line-height:1.6;margin-bottom:var(--admin-spacing-md)}.admin-feedback-footer{display:flex;align-items:center;justify-content:space-between}.admin-feedback-date{font-size:.8rem;color:var(--admin-text-muted)}.admin-qr-card{text-align:center}.admin-qr-preview{display:inline-flex;padding:var(--admin-spacing-lg);background:#fff;border-radius:var(--admin-radius-md);margin:var(--admin-spacing-lg) 0}.admin-qr-label{font-size:1.1rem;font-weight:600;color:var(--admin-text-primary);margin-bottom:var(--admin-spacing-sm)}.admin-qr-url{font-size:.85rem;color:var(--admin-text-muted);word-break:break-all;margin-bottom:var(--admin-spacing-md)}.admin-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--admin-bg-input);border-radius:var(--admin-radius-full);outline:none;cursor:pointer}.admin-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--admin-gradient-primary);border-radius:var(--admin-radius-full);cursor:pointer;box-shadow:var(--admin-shadow-sm);transition:all var(--admin-transition-fast)}.admin-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--admin-shadow-glow)}.admin-range::-moz-range-thumb{width:20px;height:20px;background:var(--admin-gradient-primary);border-radius:var(--admin-radius-full);cursor:pointer;border:none}.admin-progress{height:8px;background:var(--admin-bg-input);border-radius:var(--admin-radius-full);overflow:hidden}.admin-progress-bar{height:100%;background:var(--admin-gradient-primary);border-radius:var(--admin-radius-full);transition:width var(--admin-transition-normal)}.admin-toast{position:fixed;bottom:var(--admin-spacing-xl);right:var(--admin-spacing-xl);padding:var(--admin-spacing-md) var(--admin-spacing-xl);background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);box-shadow:var(--admin-shadow-lg);display:flex;align-items:center;gap:var(--admin-spacing-md);z-index:1000;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-toast.success{border-color:var(--admin-success)}.admin-toast.error{border-color:var(--admin-danger)}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-mobile-toggle{display:flex}.admin-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.admin-overlay.open{display:block}}@media (max-width: 768px){.admin-content{padding:var(--admin-spacing-md)}.admin-card{padding:var(--admin-spacing-lg)}.admin-grid,.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-btn{width:100%}.admin-header{padding:0 var(--admin-spacing-md)}.admin-page-title{font-size:1.2rem}.admin-form-row{grid-template-columns:1fr}}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--admin-spacing-xl);background:var(--admin-bg-primary);position:relative;overflow:hidden}.admin-login-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,rgba(212,175,55,.1) 0deg,transparent 60deg,rgba(102,126,234,.1) 120deg,transparent 180deg,rgba(212,175,55,.1) 240deg,transparent 300deg,rgba(102,126,234,.1) 360deg);animation:loginBgRotate 30s linear infinite}@keyframes loginBgRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-login-card{position:relative;width:100%;max-width:420px;padding:var(--admin-spacing-2xl);background:var(--admin-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--admin-glass-border);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-glass-shadow);animation:loginCardFadeIn .6s ease-out}@keyframes loginCardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-login-header{text-align:center;margin-bottom:var(--admin-spacing-2xl)}.admin-login-logo{width:64px;height:64px;margin:0 auto var(--admin-spacing-lg);background:var(--admin-gradient-primary);border-radius:var(--admin-radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--admin-shadow-glow)}.admin-login-title{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:var(--admin-spacing-sm)}.admin-login-subtitle{font-size:.95rem;color:var(--admin-text-muted)}.admin-login-error{padding:var(--admin-spacing-md);background:var(--admin-danger-bg);border:1px solid var(--admin-danger);border-radius:var(--admin-radius-md);color:var(--admin-danger);font-size:.9rem;text-align:center;margin-bottom:var(--admin-spacing-lg);display:none;animation:shakeError .5s ease-out}.admin-login-error.show{display:block}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.admin-login-form .admin-form-group{margin-bottom:var(--admin-spacing-lg)}.admin-login-btn{width:100%;padding:var(--admin-spacing-md) var(--admin-spacing-xl);font-size:1rem;margin-top:var(--admin-spacing-md)}.admin-login-footer{text-align:center;margin-top:var(--admin-spacing-xl)}.admin-login-footer a{color:var(--admin-text-muted);text-decoration:none;font-size:.9rem;transition:color var(--admin-transition-fast)}.admin-login-footer a:hover{color:var(--admin-text-accent)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--admin-spacing-lg);margin-bottom:var(--admin-spacing-xl)}.admin-stat-card{background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-lg);display:flex;align-items:center;gap:var(--admin-spacing-md)}.admin-stat-icon{width:48px;height:48px;background:var(--admin-bg-tertiary);border-radius:var(--admin-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.admin-stat-content{flex:1}.admin-stat-value{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary)}.admin-stat-label{font-size:.85rem;color:var(--admin-text-muted)}.admin-section-title{font-size:1.1rem;font-weight:600;color:var(--admin-text-primary);margin-bottom:var(--admin-spacing-lg);display:flex;align-items:center;gap:var(--admin-spacing-sm)}.admin-section-title:after{content:"";flex:1;height:1px;background:var(--admin-border-primary);margin-left:var(--admin-spacing-md)}.admin-toggle{position:relative;width:48px;height:26px;background:var(--admin-bg-input);border-radius:var(--admin-radius-full);cursor:pointer;transition:background var(--admin-transition-fast)}.admin-toggle input{display:none}.admin-toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--admin-text-muted);border-radius:var(--admin-radius-full);transition:all var(--admin-transition-fast)}.admin-toggle input:checked+.admin-toggle-slider{left:25px;background:var(--admin-text-accent)}.admin-toggle input:checked~.admin-toggle{background:#d4af3733}.admin-category-badge{display:inline-flex;align-items:center;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-sm);background:var(--admin-bg-tertiary);border-radius:var(--admin-radius-sm);font-size:.75rem;color:var(--admin-text-secondary)}.admin-tabs{display:flex;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs);background:var(--admin-bg-tertiary);border-radius:var(--admin-radius-md);margin-bottom:var(--admin-spacing-xl)}.admin-tab{flex:1;padding:var(--admin-spacing-md);background:transparent;border:none;border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--admin-transition-fast)}.admin-tab:hover{color:var(--admin-text-primary)}.admin-tab.active{background:var(--admin-bg-card);color:var(--admin-text-accent);box-shadow:var(--admin-shadow-sm)}.dashboard-container{display:flex;flex-direction:column;gap:var(--admin-spacing-lg)}.dashboard-top-row{display:flex;gap:var(--admin-spacing-lg);align-items:stretch;flex-wrap:wrap}.dashboard-welcome-card-compact{display:flex;align-items:center;gap:var(--admin-spacing-md);background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid var(--admin-border-hover);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-md) var(--admin-spacing-lg);flex:1;min-width:200px}.dashboard-welcome-icon-sm{font-size:1.75rem;animation:wave 2s infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-10deg)}}.dashboard-welcome-card-compact h3{font-size:1rem;font-weight:600;color:var(--admin-text-primary);margin:0}.dashboard-welcome-card-compact p{font-size:.85rem;color:var(--admin-text-accent);margin:0;font-weight:500}.dashboard-stats-row{display:flex;gap:var(--admin-spacing-sm);flex:2;min-width:300px}.dashboard-stat-mini{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-md);cursor:pointer;transition:all var(--admin-transition-fast);text-align:center}.dashboard-stat-mini:hover{border-color:var(--admin-border-hover);transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.dashboard-stat-mini .stat-icon{font-size:1.25rem;margin-bottom:.25rem}.dashboard-stat-mini .stat-value{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary);line-height:1}.dashboard-stat-mini .stat-label{font-size:.7rem;color:var(--admin-text-muted);margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--admin-spacing-md)}.dashboard-module{background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-md);transition:all var(--admin-transition-fast)}.dashboard-module:hover{border-color:var(--admin-border-hover)}.dashboard-module-header{display:flex;align-items:center;gap:var(--admin-spacing-sm);margin-bottom:var(--admin-spacing-md);padding-bottom:var(--admin-spacing-sm);border-bottom:1px solid var(--admin-border-primary)}.dashboard-module-header .module-icon{font-size:1.1rem}.dashboard-module-header h4{font-size:.9rem;font-weight:600;color:var(--admin-text-primary);margin:0}.dashboard-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--admin-spacing-xs)}.quick-action-btn{display:flex;align-items:center;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-sm);background:var(--admin-bg-tertiary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--admin-transition-fast)}.quick-action-btn span{font-size:.9rem}.quick-action-btn:hover{background:var(--admin-bg-card-hover);border-color:var(--admin-border-hover);color:var(--admin-text-primary)}.dashboard-preview-content{text-align:center}.dashboard-preview-content p{font-size:.8rem;color:var(--admin-text-muted);margin:0 0 var(--admin-spacing-sm) 0}.dashboard-price-summary{display:flex;flex-direction:column;gap:var(--admin-spacing-sm)}.price-item{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-xs) 0;border-bottom:1px solid var(--admin-border-primary)}.price-item:last-child{border-bottom:none}.price-label{font-size:.8rem;color:var(--admin-text-muted)}.price-value{font-size:.95rem;font-weight:600;color:var(--admin-text-primary)}.price-value.low{color:var(--admin-success)}.price-value.high{color:var(--admin-text-accent)}.dashboard-recent-items{display:flex;flex-direction:column;gap:var(--admin-spacing-xs)}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-xs);background:var(--admin-bg-tertiary);border-radius:var(--admin-radius-sm)}.recent-item-name{font-size:.8rem;color:var(--admin-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.recent-item-price{font-size:.8rem;font-weight:600;color:var(--admin-text-accent)}.no-items{font-size:.8rem;color:var(--admin-text-muted);text-align:center;margin:0;padding:var(--admin-spacing-md)}.dashboard-support-compact{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-md) var(--admin-spacing-lg);flex-wrap:wrap;gap:var(--admin-spacing-md)}.support-left{display:flex;align-items:center;gap:var(--admin-spacing-md)}.support-left .support-icon{font-size:1.75rem}.support-left strong{display:block;font-size:.9rem;color:var(--admin-text-primary)}.support-left span{font-size:.8rem;color:var(--admin-text-muted)}.support-right{display:flex;align-items:center;gap:var(--admin-spacing-md)}.support-phone{font-size:1.1rem;font-weight:700;color:var(--admin-success);text-decoration:none;transition:all var(--admin-transition-fast)}.support-phone:hover{color:#2ecc71}@media (max-width: 768px){.dashboard-top-row{flex-direction:column}.dashboard-stats-row{flex-wrap:wrap}.dashboard-stat-mini{min-width:calc(33% - 8px)}.dashboard-grid{grid-template-columns:1fr}.dashboard-support-compact{flex-direction:column;text-align:center}.support-left,.support-right{justify-content:center}}.system-info-container{display:flex;flex-direction:column;gap:var(--admin-spacing-lg)}.system-warning-banner{display:flex;align-items:flex-start;gap:var(--admin-spacing-md);background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-md) var(--admin-spacing-lg)}.system-warning-banner .warning-icon{font-size:1.5rem;flex-shrink:0}.system-warning-banner strong{display:block;color:var(--admin-warning);margin-bottom:.25rem}.system-warning-banner p{font-size:.85rem;color:var(--admin-text-secondary);margin:0}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--admin-spacing-md)}.system-card{background:var(--admin-bg-card);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-md)}.system-card-header{display:flex;align-items:center;gap:var(--admin-spacing-sm);margin-bottom:var(--admin-spacing-md);padding-bottom:var(--admin-spacing-sm);border-bottom:1px solid var(--admin-border-primary)}.system-card-header .system-icon{font-size:1.1rem}.system-card-header h4{font-size:.9rem;font-weight:600;color:var(--admin-text-primary);margin:0}.system-card-content{display:flex;flex-direction:column;gap:var(--admin-spacing-sm)}.system-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-xs) 0}.system-stat .stat-label{font-size:.8rem;color:var(--admin-text-muted)}.system-stat .stat-value{font-size:.85rem;font-weight:600;color:var(--admin-text-primary)}.system-stat .stat-value.success{color:var(--admin-success)}.system-desc{font-size:.8rem;color:var(--admin-text-muted);margin:0 0 var(--admin-spacing-sm) 0}.system-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--admin-spacing-lg)}.system-modal{background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-xl);max-width:420px;width:100%;text-align:center;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.system-modal-icon{font-size:3rem;margin-bottom:var(--admin-spacing-md)}.system-modal h3{font-size:1.25rem;font-weight:700;color:var(--admin-text-primary);margin:0 0 var(--admin-spacing-md) 0}.system-modal p{font-size:.9rem;color:var(--admin-text-secondary);margin:0 0 var(--admin-spacing-sm) 0;line-height:1.5}.system-modal .modal-hint{font-size:.8rem;color:var(--admin-text-muted);margin-bottom:var(--admin-spacing-lg)}.system-modal-actions{display:flex;gap:var(--admin-spacing-md);justify-content:center}.system-modal-actions .admin-btn{flex:1;max-width:150px}.customization-container{max-width:1200px;margin:0 auto}.theme-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--admin-spacing-lg)}.theme-preset-card{background:var(--admin-bg-tertiary);border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-lg);overflow:hidden;cursor:pointer;transition:all var(--admin-transition-normal)}.theme-preset-card:hover{border-color:var(--admin-border-hover);transform:translateY(-4px);box-shadow:var(--admin-shadow-lg)}.theme-preset-card.active{border-color:var(--admin-text-accent);box-shadow:0 0 0 2px var(--admin-text-accent),var(--admin-shadow-glow)}.theme-preset-preview{height:100px;padding:var(--admin-spacing-sm);display:flex;flex-direction:column}.preset-preview-header{padding:var(--admin-spacing-xs) var(--admin-spacing-sm);border-radius:var(--admin-radius-sm) var(--admin-radius-sm) 0 0;display:flex;gap:var(--admin-spacing-xs);font-size:.6rem}.preset-preview-content{flex:1;padding:var(--admin-spacing-sm);display:flex;align-items:center;justify-content:center}.theme-preset-info{padding:var(--admin-spacing-md);background:var(--admin-bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--admin-spacing-sm)}.theme-preset-name{font-size:.9rem;font-weight:600;color:var(--admin-text-primary)}.theme-preset-badge{font-size:.75rem;font-weight:600;color:var(--admin-success);background:var(--admin-success-bg);padding:2px 8px;border-radius:var(--admin-radius-full)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--admin-spacing-lg)}.color-field{display:flex;flex-direction:column;gap:var(--admin-spacing-sm)}.color-input-wrapper{display:flex;gap:var(--admin-spacing-sm);align-items:center}.color-input{width:60px;height:44px;border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);cursor:pointer;padding:0;background:transparent;transition:all var(--admin-transition-fast)}.color-input:hover{border-color:var(--admin-border-hover);transform:scale(1.05)}.color-input::-webkit-color-swatch-wrapper{padding:4px}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.color-hex-input{flex:1;font-family:Monaco,Menlo,monospace;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.font-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--admin-spacing-xl)}.font-preview{padding:var(--admin-spacing-md);background:var(--admin-bg-tertiary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);color:var(--admin-text-primary)}@media (max-width: 768px){.theme-presets-grid{grid-template-columns:repeat(2,1fr)}.color-grid,.font-grid{grid-template-columns:1fr}}