@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--bronze: 28 63% 52%;--bronze-dark: 22 52% 33%;--champagne: 36 53% 78%;--champagne-gold: #C5A059;--background: 36 28% 96%;--surface: 0 0% 100%;--surface-2: 36 22% 93%;--surface-3: 36 18% 89%;--foreground: 22 14% 10%;--border: 36 18% 87%;--input: 36 18% 85%;--card: 0 0% 100%;--card-foreground: 22 14% 10%;--primary: 28 63% 52%;--primary-foreground: 0 0% 100%;--secondary: 36 22% 93%;--secondary-foreground: 22 14% 12%;--muted: 36 22% 93%;--muted-foreground: 24 10% 48%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--success: 142 71% 45%;--radius: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .06);--shadow-bronze: 0 4px 20px rgba(184, 115, 51, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--sidebar-width: 260px;--header-height: 64px}.dark{--background: 20 12% 5%;--surface: 22 14% 10%;--surface-2: 22 12% 14%;--surface-3: 24 11% 18%;--foreground: 36 30% 92%;--muted-foreground: 30 15% 58%;--border: 25 14% 20%;--input: 25 14% 22%;--card: 22 14% 10%;--card-foreground: 36 30% 92%;--secondary: 22 14% 14%;--secondary-foreground: 36 30% 85%;--muted: 22 12% 14%;--muted-foreground: 30 15% 55%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .7), 0 8px 20px rgba(0, 0, 0, .4);--shadow-bronze: 0 4px 20px rgba(184, 115, 51, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:1.2;color:hsl(var(--foreground))}p{line-height:1.65}a{color:hsl(var(--primary));text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--surface))}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:99px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary))}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-width);min-height:100vh;background:hsl(var(--surface));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow-y:auto;transition:transform .3s ease}.admin-main{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.admin-header{height:var(--header-height);background:hsl(var(--surface));border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-content{flex:1;padding:32px 28px;max-width:1400px;width:100%}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid hsl(var(--border))}.sidebar-logo-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary));background:#b873331a;border:1px solid rgba(184,115,51,.2);border-radius:99px;padding:3px 10px;margin-bottom:10px}.sidebar-brand{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:hsl(var(--foreground));line-height:1.1}.sidebar-brand span{color:hsl(var(--primary))}.sidebar-subtitle{font-size:10.5px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.sidebar-nav{padding:16px 12px;flex:1}.sidebar-section-label{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground));padding:8px 8px 6px;margin-bottom:4px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);font-size:13.5px;font-weight:500;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .18s ease;border:1px solid transparent;margin-bottom:2px;background:transparent;width:100%;text-align:left}.sidebar-nav-item:hover{color:hsl(var(--foreground));background:hsl(var(--surface-2));border-color:hsl(var(--border))}.sidebar-nav-item.active{color:hsl(var(--primary));background:#b8733314;border-color:#b8733333;font-weight:600}.sidebar-nav-item.active .nav-icon{color:hsl(var(--primary))}.sidebar-footer{padding:16px;border-top:1px solid hsl(var(--border))}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.page-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));line-height:1.2}.page-subtitle{font-size:13.5px;color:hsl(var(--muted-foreground));margin-top:4px;line-height:1.5}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;transition:all .2s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--champagne)));opacity:0;transition:opacity .2s ease}.stat-card:hover:before{opacity:1}.stat-card-icon{width:36px;height:36px;border-radius:8px;background:#b873331a;border:1px solid rgba(184,115,51,.2);display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));margin-bottom:12px}.stat-card-value{font-size:2rem;font-weight:700;font-family:var(--font-serif);color:hsl(var(--foreground));line-height:1}.stat-card-label{font-size:11.5px;color:hsl(var(--muted-foreground));margin-top:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.catalog-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:20px;transition:all .2s ease;cursor:default}.catalog-card:hover{border-color:#b8733359;box-shadow:var(--shadow-bronze);transform:translateY(-1px)}.visualizer-container{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}@media(max-width:1100px){.visualizer-container{grid-template-columns:1fr}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(var(--background));position:relative;overflow:hidden}.login-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(184,115,51,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(184,115,51,.05) 0%,transparent 50%);pointer-events:none}.login-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:20px;padding:48px 40px;width:100%;max-width:440px;position:relative;z-index:1;box-shadow:var(--shadow-lg);animation:scaleUp .4s cubic-bezier(.16,1,.3,1)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b87333,#e5cca4,#b87333);border-radius:20px 20px 0 0}.bronze-divider{width:40px;height:2px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--champagne)));border-radius:99px;margin:12px 0}.glass-panel{background:#1a1512d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(184,115,51,.15);border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in{animation:fadeIn .4s ease}.animate-slide-up{animation:slideInUp .4s ease}.container{max-width:1280px;margin:0 auto;padding:0 24px}.text-bronze{color:hsl(var(--primary))}.text-muted{color:hsl(var(--muted-foreground))}.font-serif{font-family:var(--font-serif)}.bronze-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,115,51,.4),transparent)}.shadcn-input:focus{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 3px #b8733326!important}.sidebar-toggle-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);background:hsl(var(--surface-2));border:1px solid hsl(var(--border));cursor:pointer;color:hsl(var(--foreground));flex-shrink:0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.sidebar-toggle-btn:hover,.sidebar-toggle-btn:active{background:hsl(var(--surface-3));border-color:#b8733359;color:hsl(var(--primary))}.sidebar-close-btn{display:none;position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:8px;background:hsl(var(--surface-2));border:1px solid hsl(var(--border));cursor:pointer;color:hsl(var(--muted-foreground));align-items:center;justify-content:center;z-index:10;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.sidebar-close-btn:hover{background:hsl(var(--surface-3));color:hsl(var(--foreground))}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:150;animation:fadeIn .2s ease}.sidebar-overlay.visible{display:block}.version-badge{display:flex}.upload-drop-zone{border:2px dashed hsl(var(--border));border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:hsl(var(--surface));display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;min-height:180px}.upload-drop-zone:hover,.upload-drop-zone:focus{border-color:#b8733373;background:#b8733308}.upload-drop-zone.drag-over{border-color:hsl(var(--primary));background:#b873330f;transform:scale(1.01)}.upload-grid{display:flex;flex-direction:column;gap:10px}.upload-card{display:flex;align-items:stretch;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;transition:all .18s ease}.upload-card:hover{border-color:#b873334d}.upload-card--done{border-color:#2ecb7140}.upload-card--error{border-color:#f8717140}.upload-card--uploading{border-color:#5e81f440}.upload-thumb{width:80px;min-height:80px;flex-shrink:0;background:hsl(var(--surface-2));position:relative;overflow:hidden}.upload-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.upload-thumb-overlay--done{background:#2ecb718c}.upload-thumb-overlay--error{background:#f871718c}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px;border:1px solid transparent;letter-spacing:.03em}.status-badge--pending{color:hsl(var(--muted-foreground));background:hsl(var(--surface-2));border-color:hsl(var(--border))}.status-badge--uploading{color:#5e81f4;background:#5e81f414;border-color:#5e81f440}.status-badge--done{color:#2ecb71;background:#2ecb7114;border-color:#2ecb7140}.status-badge--error{color:#f87171;background:#f8717114;border-color:#f8717140}@media(max-width:1024px){.sidebar-toggle-btn,.sidebar-close-btn{display:flex}.admin-sidebar{transform:translate(-100%);z-index:200;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-content{padding:20px 18px}.sidebar-nav-item{padding:12px 14px;min-height:52px;font-size:14px;gap:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.visualizer-container{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.version-badge{display:none}.admin-header{padding:0 16px;gap:10px}}@media(max-width:768px){.admin-content{padding:16px 14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:1.4rem}.upload-thumb{width:64px}}.admin-sidebar,.admin-content,.admin-main{-webkit-overflow-scrolling:touch}@media(hover:none)and (pointer:coarse){.sidebar-nav-item{min-height:52px}.sidebar-toggle-btn,.sidebar-close-btn{min-width:48px;min-height:48px}.upload-drop-zone{min-height:200px;padding:56px 24px}}