@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--color-premium-dark: #020617;--color-premium-card: rgba(15, 23, 42, .6);--color-gold: #f59e0b;--color-gold-light: #fbbf24;--color-gold-dark: #d97706;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-slate-50: #f8fafc;--color-slate-900: #0f172a;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-indigo-800: #3730a3;--color-purple-600: #9333ea;--color-blue-50: #eff6ff;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-yellow-400: #facc15;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-mono: "SF Mono", Monaco, "Courier New", monospace;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-premium-dark);color:var(--color-gray-100);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.items-center{align-items:center}.items-start{align-items:start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex{display:flex}.md\:block{display:block}.md\:hidden{display:none}.md\:max-w-4xl{max-width:56rem}.md\:max-h-80vh{max-height:80vh}.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:w-80{width:20rem}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:gap-20{gap:5rem}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-60{z-index:60}.w-full{width:100%}.w-12{width:3rem}.w-64{width:16rem}.h-5{height:1.25rem}.h-12{height:3rem}.h-20{height:5rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.min-w-full{min-width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.aspect-4\/5{aspect-ratio:4 / 5}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.pt-20{padding-top:var(--spacing-20)}.pt-24{padding-top:var(--spacing-24)}.pb-12{padding-bottom:var(--spacing-12)}.pl-3{padding-left:var(--spacing-3)}.pl-10{padding-left:var(--spacing-10)}.pr-3{padding-right:var(--spacing-3)}.m-0{margin:0}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.ml-2{margin-left:var(--spacing-2)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-5>*+*{margin-top:var(--spacing-5)}.space-y-6>*+*{margin-top:var(--spacing-6)}.space-y-8>*+*{margin-top:var(--spacing-8)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1.2}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-center{text-align:center}.text-left{text-align:left}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gold{color:var(--color-gold)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-blue-600{color:var(--color-blue-600)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-yellow-400{color:var(--color-yellow-400)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-premium-dark{background-color:var(--color-premium-dark)}.bg-premium-card{background-color:var(--color-premium-card)}.bg-gold{background-color:var(--color-gold)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-600{background-color:var(--color-green-600)}.border{border:1px solid var(--color-gray-200)}.border-b{border-bottom:1px solid var(--color-gray-200)}.border-t{border-top:1px solid var(--color-gray-200)}.border-r{border-right:1px solid var(--color-gray-200)}.border-transparent{border-color:transparent}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-900{border-color:var(--color-gray-900)}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-2{border-width:2px}.border-4{border-width:4px}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-none{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-indigo-200{box-shadow:0 20px 25px -5px #6366f133}.opacity-0{opacity:0}.opacity-60{opacity:.6}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.object-cover{object-fit:cover}.pointer-events-none{pointer-events:none}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.transition{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-slow)}.transition-all{transition:all var(--transition-slow)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.transform{transform:translateZ(0)}.translate-y-4{transform:translateY(1rem)}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.scale-95{transform:scale(.95)}.scale-105{transform:scale(1.05)}.hidden{display:none}.invisible{visibility:hidden}.appearance-none{appearance:none}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-gold-light:hover{background-color:var(--color-gold-light)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-gold-light:hover{color:var(--color-gold-light)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.hover\:shadow-gold\/20:hover{box-shadow:0 20px 25px -5px #f59e0b33}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:translate-x-1:hover{transform:translate(.25rem)}.hover\:translate-y-0:hover{transform:translateY(0)}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--color-gold)}.focus\:ring-indigo-500:focus{box-shadow:0 0 0 2px var(--color-indigo-500)}.focus\:ring-gold:focus{box-shadow:0 0 0 2px var(--color-gold)}.focus\:bg-white:focus{background-color:var(--color-white)}.active\:scale-95:active{transform:scale(.95)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:translate-y-0{transform:translateY(0)}.group:hover .group-hover\:translate-x-1{transform:translate(.25rem)}.group:focus-within .group-focus-within\:text-indigo-500{color:var(--color-indigo-500)}.glass-panel{background-color:var(--color-premium-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-2xl)}.input-field{width:100%;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);color:var(--color-white);transition:all var(--transition-normal)}.input-field:focus{outline:none;border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b80}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--gradient-from, transparent),var(--gradient-via, transparent),var(--gradient-to, transparent))}.from-premium-dark{--gradient-from: var(--color-premium-dark)}.via-transparent{--gradient-via: transparent}.to-premium-dark\/90{--gradient-to: rgba(2, 6, 23, .9)}.from-indigo-500{--gradient-from: var(--color-indigo-500)}.to-purple-600{--gradient-to: var(--color-purple-600)}.from-gold{--gradient-from: var(--color-gold)}.to-yellow-200{--gradient-to: #fef08a}.bg-gradient-to-r{background:linear-gradient(to right,var(--gradient-from, transparent),var(--gradient-to, transparent))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.gradient-card-indigo{background:linear-gradient(to bottom right,var(--color-indigo-500),var(--color-purple-600))}.divide-y>*+*{border-top:1px solid var(--color-gray-100)}.divide-gray-100>*+*{border-color:var(--color-gray-100)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.animate-in{animation-duration:.3s;animation-fill-mode:both}.fade-in{animation-name:fadeIn}.slide-in-from-bottom-5{animation-name:slideInFromBottom}.slide-in-from-top-5{animation-name:slideInFromTop}.prose{max-width:65ch}.prose-lg{font-size:1.125rem;line-height:1.8}.top-20{top:5rem}.h-\[calc\(100vh-5rem\)\]{height:calc(100vh - 5rem)}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/95{background-color:#000000f2}.bg-premium-dark\/40{background-color:#02061766}.bg-premium-dark\/80{background-color:#020617cc}.bg-premium-dark\/90{background-color:#020617e6}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.text-white\/90{color:#ffffffe6}.border-white{border-color:var(--color-white)}@media(max-width:767px){.md\:flex,.md\:block{display:none}.md\:hidden{display:block}}@media(max-width:1023px){.lg\:flex{display:none}.lg\:hidden{display:block}}.card-white{background-color:var(--color-white);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-gray-900)}.form-label{display:block;margin-bottom:var(--spacing-1);font-weight:600;color:var(--color-gray-700)}.form-input-light{width:100%;padding:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-gray-900);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-input-light:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px #6366f11a}.btn-blue{background-color:var(--color-blue-600);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-normal)}.btn-blue:hover{background-color:var(--color-blue-700)}.btn-green{background-color:var(--color-green-600);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:700;transition:background-color var(--transition-normal)}.btn-green:hover{background-color:var(--color-green-700)}.data-table{width:100%;min-width:100%;border-collapse:collapse}.data-table thead{background-color:var(--color-gray-100)}.data-table th{padding:var(--spacing-3);text-align:left;font-weight:600;color:var(--color-gray-700)}.data-table td{padding:var(--spacing-3);color:var(--color-gray-600)}.data-table tbody tr{border-bottom:1px solid var(--color-gray-200)}.data-table tbody tr:hover{background-color:var(--color-gray-50)}.text-gray-700{color:var(--color-gray-700)}.page-light{min-height:100vh;background-color:var(--color-slate-50);display:flex;padding-top:var(--spacing-20)}.sidebar{width:16rem;background-color:var(--color-white);border-right:1px solid var(--color-gray-200);height:calc(100vh - 5rem);position:sticky;top:5rem;display:none}@media(min-width:768px){.sidebar{display:block}}.sidebar-title{font-size:.75rem;font-weight:700;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);border-radius:var(--radius-lg);font-weight:500;color:var(--color-gray-600);transition:background-color var(--transition-normal),color var(--transition-normal)}.sidebar-link:hover{background-color:var(--color-gray-50)}.sidebar-link.active{background-color:var(--color-indigo-50);color:var(--color-indigo-700)}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-6);border-top:1px solid var(--color-gray-100)}.logout-btn{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-red-500);font-weight:500;transition:color var(--transition-normal)}.logout-btn:hover{color:var(--color-red-600)}.main-content-area{flex:1;padding:var(--spacing-8)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.page-title{font-size:1.875rem;font-family:var(--font-serif);font-weight:700;color:var(--color-gray-900)}.page-subtitle{color:var(--color-gray-500)}.md-grid-cols-2{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container{max-width:1280px;margin:0 auto;padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--color-white)}.navbar-brand-icon{background-color:var(--color-gold);color:var(--color-premium-dark);padding:.375rem;border-radius:var(--radius-lg)}.navbar-brand-text{background:linear-gradient(to right,var(--color-gold),#fef08a);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar-menu{display:none;align-items:center;gap:var(--spacing-8)}@media(min-width:768px){.navbar-menu{display:flex}}.navbar-user{display:flex;align-items:center;gap:var(--spacing-4)}.navbar-welcome{font-size:.875rem;font-weight:500;color:var(--color-gray-300)}.navbar-username{color:var(--color-gold);font-weight:700}.navbar-logout{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-400);font-weight:500;font-size:.875rem;transition:color var(--transition-normal)}.navbar-logout:hover{color:var(--color-red-400)}.navbar-mobile-toggle{display:block;color:var(--color-gray-200);transition:color var(--transition-normal)}.navbar-mobile-toggle:hover{color:var(--color-white)}@media(min-width:768px){.navbar-mobile-toggle{display:none}}.navbar-mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-premium-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);animation:slideInFromTop .3s ease}.navbar-mobile-user{color:var(--color-gray-300);font-weight:500}.navbar-mobile-logout{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-red-400);font-weight:500}.product-card{background-color:var(--color-white);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);display:flex;flex-direction:column;height:100%;transition:box-shadow var(--transition-slow)}.product-card:hover{box-shadow:var(--shadow-xl)}.product-card-image{position:relative;overflow:hidden;aspect-ratio:4 / 5}.product-card-overlay{position:absolute;inset:0;background-color:#0006;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-slow)}.product-card-btn{background-color:var(--color-white);color:var(--color-gray-900);padding:var(--spacing-2) var(--spacing-6);border-radius:var(--radius-full);font-weight:500;display:flex;align-items:center;gap:var(--spacing-2);transform:translateY(1rem);transition:transform var(--transition-slow)}.product-card:hover .product-card-btn{transform:translateY(0)}.product-card-content{padding:var(--spacing-5);display:flex;flex-direction:column;flex-grow:1}.product-card-title{font-size:1.125rem;font-family:var(--font-serif);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-seller{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--spacing-3)}.product-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.product-card-price{font-size:1.25rem;font-weight:700;color:var(--color-indigo-600)}.product-card-stock{font-size:.75rem;background-color:var(--color-gray-100);color:var(--color-gray-600);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.page-light-full{min-height:100vh;background-color:var(--color-slate-50);padding-top:var(--spacing-20)}.hero-section{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-16) 0;text-align:center}.hero-title{font-size:3rem;font-family:var(--font-serif);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.hero-subtitle{font-size:1.25rem;color:var(--color-gray-500);font-weight:300;margin-bottom:var(--spacing-8);max-width:42rem;margin-left:auto;margin-right:auto}.search-container{max-width:36rem;margin:0 auto;position:relative}.search-icon{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.search-input{width:100%;padding:var(--spacing-4) var(--spacing-3) var(--spacing-4) var(--spacing-10);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background-color:var(--color-gray-50);font-size:1rem;color:var(--color-gray-900);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--color-indigo-500);background-color:var(--color-white);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--color-gray-400)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8)}.section-title{font-size:1.5rem;font-family:var(--font-serif);font-weight:700;color:var(--color-gray-800)}.filter-btn{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);font-weight:500;transition:color var(--transition-normal)}.filter-btn:hover{color:var(--color-indigo-600)}.product-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-8)}@media(min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;padding:var(--spacing-20) 0;color:var(--color-gray-400);font-size:1.125rem}.auth-page{min-height:100vh;display:flex;background-color:var(--color-premium-dark);color:var(--color-white)}.auth-hero{display:none;width:50%;position:relative;align-items:center;justify-content:center;overflow:hidden}@media(min-width:1024px){.auth-hero{display:flex}}.auth-hero-overlay{position:absolute;inset:0;background-color:#02061766;z-index:10}.auth-hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--color-premium-dark),transparent,rgba(2,6,23,.9));z-index:10}.auth-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.auth-hero-content{position:relative;z-index:20;text-align:center;padding:var(--spacing-12);max-width:36rem}.auth-hero-title{font-size:3rem;font-family:var(--font-serif);font-weight:700;margin-bottom:var(--spacing-6);color:var(--color-white);text-shadow:0 4px 6px rgba(0,0,0,.3)}.auth-hero-highlight{color:var(--color-gold);font-style:italic}.auth-hero-subtitle{font-size:1.25rem;color:var(--color-gray-200);font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.2)}.auth-form-container{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background-color:var(--color-premium-dark)}@media(min-width:1024px){.auth-form-container{width:50%}}.auth-form-card{width:100%;max-width:28rem;background-color:var(--color-premium-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-2xl);padding:var(--spacing-10);border-radius:var(--radius-2xl)}.auth-form-header{text-align:center}.auth-form-title{font-size:1.875rem;font-family:var(--font-serif);font-weight:700;color:var(--color-white)}.auth-form-subtitle{margin-top:var(--spacing-2);color:var(--color-gray-400)}.auth-form{margin-top:var(--spacing-8)}.input-field{width:100%;padding:.875rem 1rem;background-color:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);color:var(--color-white);font-size:1rem;transition:border-color var(--transition-normal),background-color var(--transition-normal)}.input-field:focus{outline:none;border-color:var(--color-gold);background-color:#0f172acc}.input-field::placeholder{color:var(--color-gray-400)}.auth-input-group{position:relative;margin-bottom:var(--spacing-4)}.auth-input-group .input-field{padding-left:2.75rem}.auth-input-icon{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none;display:flex;align-items:center;justify-content:center}.auth-input-icon svg{width:1.25rem;height:1.25rem}.auth-submit-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-gold);color:var(--color-white);font-weight:500;font-size:.875rem;border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.auth-submit-btn:hover{background-color:var(--color-gold-light);box-shadow:0 10px 25px #f59e0b33}.auth-submit-btn svg{transition:transform var(--transition-normal)}.auth-submit-btn:hover svg{transform:translate(.25rem)}.auth-footer{text-align:center;font-size:.875rem;color:var(--color-gray-400)}.auth-link{font-weight:500;color:var(--color-gold);transition:color var(--transition-normal)}.auth-link:hover{color:var(--color-gold-light)}.admin-page{min-height:100vh;background-color:var(--color-slate-50);padding-top:var(--spacing-24);padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-bottom:var(--spacing-12)}@media(min-width:768px){.admin-page{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}}.admin-header{margin-bottom:var(--spacing-10)}.admin-title{font-size:2.25rem;font-family:var(--font-serif);font-weight:700;color:var(--color-gray-900)}.admin-subtitle{color:var(--color-gray-500);margin-top:var(--spacing-2)}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-10)}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);display:flex;flex-direction:column;justify-content:space-between}.stat-card-gradient{background:linear-gradient(to bottom right,var(--color-indigo-500),var(--color-purple-600));color:var(--color-white);box-shadow:0 10px 40px #6366f133}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.stat-icon{padding:var(--spacing-2);border-radius:var(--radius-lg)}.stat-icon-gradient{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-icon-blue{background-color:var(--color-blue-50);color:var(--color-blue-600)}.stat-icon-green{background-color:var(--color-green-50);color:var(--color-green-600)}.stat-badge{background-color:#fff3;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-label{font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-1)}.stat-label-light{color:#eef2ffcc}.stat-label-dark{color:var(--color-gray-500)}.stat-value{font-size:2.25rem;font-weight:700}.stat-value-dark{color:var(--color-gray-900)}.transactions-card{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);overflow:hidden}.transactions-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;gap:var(--spacing-2)}.transactions-title{font-weight:700;font-size:1.125rem;color:var(--color-gray-900)}.transactions-icon{color:var(--color-indigo-600)}.status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-badge-success{background-color:var(--color-green-100);color:var(--color-green-800)}.product-details-page{min-height:100vh;background-color:var(--color-white);padding-top:var(--spacing-20)}.back-button{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-500);margin-bottom:var(--spacing-8);font-weight:500;transition:color var(--transition-normal)}.back-button:hover{color:var(--color-gray-900)}.product-details-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-12)}@media(min-width:768px){.product-details-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.product-details-grid{gap:5rem}}.product-image-container{aspect-ratio:4 / 5;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);background-color:var(--color-gray-50);max-width:400px;max-height:500px}.product-image-container img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;justify-content:center}.product-badges{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.product-badge{background-color:var(--color-indigo-100);color:var(--color-indigo-800);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-rating{display:flex;color:var(--color-yellow-400)}.product-details-title{font-size:3rem;font-family:var(--font-serif);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.product-details-price{font-size:1.875rem;font-weight:300;color:var(--color-indigo-600);margin-bottom:var(--spacing-8)}.product-description{max-width:65ch;font-size:1.125rem;line-height:1.8;color:var(--color-gray-600);margin-bottom:var(--spacing-10)}.product-actions{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:640px){.product-actions{flex-direction:row}}.action-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--color-white);border:2px solid var(--color-gray-900);color:var(--color-gray-900);font-weight:700;border-radius:var(--radius-xl);transition:background-color var(--transition-normal)}.action-btn-secondary:hover{background-color:var(--color-gray-50)}.action-btn-primary{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-indigo-600);color:var(--color-white);font-weight:600;font-size:.95rem;border-radius:var(--radius-xl);box-shadow:0 10px 20px -5px #6366f133;transition:background-color var(--transition-normal)}.action-btn-primary:hover{background-color:var(--color-indigo-700)}.product-disclaimer{margin-top:var(--spacing-6);font-size:.875rem;color:var(--color-gray-400);text-align:center}@media(min-width:640px){.product-disclaimer{text-align:left}}.ar-content{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;box-shadow:var(--shadow-2xl);background-color:var(--color-gray-900)}.ar-draggable{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:move;width:16rem}.ar-drag-hint{position:absolute;top:-3rem;left:50%;transform:translate(-50%);background-color:#00000080;color:var(--color-white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.875rem;opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.ar-image{width:100%;box-shadow:var(--shadow-2xl);border:4px solid var(--color-white);pointer-events:none}.ar-instructions{position:absolute;bottom:var(--spacing-8);left:0;right:0;text-align:center;pointer-events:none}.ar-instructions-text{display:inline-block;color:#ffffffe6;font-size:1.125rem;font-weight:500;background-color:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.ar-overlay{position:fixed;inset:0;z-index:60;background-color:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s ease}.ar-close-btn{position:absolute;top:var(--spacing-6);right:var(--spacing-6);background-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-white);border-radius:var(--radius-full);padding:var(--spacing-3);z-index:50;transition:background-color var(--transition-normal)}.ar-close-btn:hover{background-color:#fff3}.ar-content{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}@media(min-width:768px){.ar-content{max-width:56rem;max-height:80vh;border-radius:var(--radius-2xl)}}.ar-webcam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ar-draggable{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:move;width:16rem;z-index:10}@media(min-width:768px){.ar-draggable{width:20rem}}.ar-drag-hint{position:absolute;top:-3rem;left:50%;transform:translate(-50%);background-color:#000000b3;color:var(--color-white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.875rem;opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.ar-draggable:hover .ar-drag-hint{opacity:1}.ar-image{width:100%;box-shadow:0 25px 50px -12px #00000080;border:4px solid var(--color-white);pointer-events:none}.ar-instructions{position:absolute;bottom:var(--spacing-8);left:0;right:0;text-align:center;pointer-events:none;z-index:20}.ar-instructions-text{display:inline-block;color:#ffffffe6;font-size:1.125rem;font-weight:500;background-color:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.ar-toggle-btn{position:absolute;top:var(--spacing-6);left:var(--spacing-6);background-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-white);border-radius:var(--radius-full);padding:var(--spacing-3);z-index:50;transition:background-color var(--transition-normal)}.ar-toggle-btn:hover{background-color:#fff3}.ar-loading,.ar-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-gray-900);color:var(--color-white);z-index:5}.ar-loading-icon{animation:pulse 2s infinite;margin-bottom:var(--spacing-4);color:var(--color-gray-400)}.ar-error-icon{margin-bottom:var(--spacing-4);color:var(--color-red-400)}.ar-retry-btn{margin-top:var(--spacing-4);background-color:var(--color-indigo-600);color:var(--color-white);padding:var(--spacing-2) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;transition:background-color var(--transition-normal)}.ar-retry-btn:hover{background-color:var(--color-indigo-700)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.navbar-cart{position:relative;color:var(--color-gray-300);transition:color var(--transition-normal);padding:var(--spacing-2)}.navbar-cart:hover{color:var(--color-white)}.navbar-cart-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-gold);color:var(--color-white);font-size:.75rem;font-weight:600;min-width:1.25rem;height:1.25rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar-view-cart{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--color-gold),#d4a843);color:var(--color-white);font-weight:600;font-size:.875rem;border-radius:var(--radius-lg);margin-right:1rem;transition:all var(--transition-normal)}.navbar-view-cart:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.navbar-view-cart-badge{background-color:var(--color-white);color:var(--color-gold);font-size:.75rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar-mobile-actions{display:flex;align-items:center;gap:var(--spacing-2)}@media(min-width:768px){.navbar-mobile-actions{display:none}}.navbar-mobile-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-300);padding:var(--spacing-2) 0}.navbar-mobile-link:hover{color:var(--color-white)}.lg-grid-cols-3{grid-template-columns:1fr}@media(min-width:1024px){.lg-grid-cols-3{grid-template-columns:2fr 1fr}}.lg-col-span-2{grid-column:span 1}@media(min-width:1024px){.lg-col-span-2{grid-column:span 1}}.sticky{position:sticky}.top-24{top:6rem}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--color-gold),#d4a843);color:var(--color-white);font-weight:600;border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:0 4px 14px #d4af374d}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.form-input-light{width:100%;padding:var(--spacing-3);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-900);font-size:1rem;transition:border-color var(--transition-normal)}.form-input-light:focus{outline:none;border-color:var(--color-gold)}.form-input-light::placeholder{color:var(--color-gray-400)}.max-w-lg{max-width:32rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.floating-cart-btn{position:fixed;top:5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-gold),#d4a843);color:var(--color-white);font-weight:600;font-size:.875rem;border-radius:var(--radius-full);box-shadow:0 4px 20px #d4af3766;z-index:50;transition:all var(--transition-normal)}.floating-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #d4af3780}.floating-cart-badge{background-color:var(--color-white);color:var(--color-gold);font-size:.75rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.product-card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.product-card-image{position:relative;aspect-ratio:4/3;max-height:200px;overflow:hidden}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-card-img{transform:scale(1.05)}.product-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .product-card-overlay{opacity:1}.product-card-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--color-white);color:var(--color-gray-900);font-weight:600;font-size:.875rem;border-radius:var(--radius-full);transition:all var(--transition-normal);border:none;cursor:pointer}.product-card-btn:hover{background-color:var(--color-gold);color:var(--color-white);transform:scale(1.05)}.product-card-btn-success{background-color:#22c55e!important;color:var(--color-white)!important}.product-card-content{padding:1rem}.product-card-title{font-weight:600;color:var(--color-gray-900);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-seller{font-size:.875rem;color:var(--color-gray-500);margin-bottom:.75rem}.product-card-footer{display:flex;justify-content:space-between;align-items:center}.product-card-price{font-size:1.125rem;font-weight:700;color:var(--color-gold)}.product-card-stock{font-size:.75rem;color:var(--color-gray-500)}.product-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.signup-card{max-width:32rem}.signup-progress{display:flex;align-items:center;justify-content:center;margin:var(--spacing-6) 0 var(--spacing-2)}.signup-progress-step{display:flex;align-items:center}.signup-progress-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background-color:#ffffff1a;color:var(--color-gray-400);border:2px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.signup-progress-circle.active{background-color:var(--color-gold);color:var(--color-white);border-color:var(--color-gold);box-shadow:0 0 15px #f59e0b66}.signup-progress-circle.completed{background-color:var(--color-green-500);border-color:var(--color-green-500);color:var(--color-white)}.signup-progress-line{width:3rem;height:2px;background-color:#ffffff1a;margin:0 var(--spacing-1);transition:background-color var(--transition-normal)}.signup-progress-line.completed{background-color:var(--color-green-500)}.signup-step-labels{display:flex;justify-content:space-between;padding:0 var(--spacing-2);margin-bottom:var(--spacing-6)}.signup-step-labels span{font-size:.75rem;color:var(--color-gray-500);transition:color var(--transition-normal)}.signup-step-labels span.active{color:var(--color-gold);font-weight:600}.signup-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-red-400);padding:var(--spacing-3);border-radius:var(--radius-lg);font-size:.875rem;margin-bottom:var(--spacing-4);text-align:center}.signup-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.signup-step-info{text-align:center;margin-bottom:var(--spacing-6)}.signup-step-info.compact{margin-bottom:var(--spacing-4)}.signup-step-info h3{font-size:1.25rem;font-weight:600;color:var(--color-white);margin-top:var(--spacing-3);margin-bottom:var(--spacing-1)}.signup-step-info p{color:var(--color-gray-400);font-size:.875rem}.signup-step-icon{color:var(--color-gold)}.signup-btn-group{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.auth-back-btn{flex:.4;display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:#ffffff0d;color:var(--color-gray-300);font-weight:500;font-size:.875rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.auth-back-btn:hover{background-color:#ffffff1a;color:var(--color-white)}.signup-btn-group .auth-submit-btn{flex:.6}.otp-input-group{display:flex;justify-content:center}.otp-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;padding-left:var(--spacing-6)!important;max-width:200px}.resend-otp{text-align:center;margin-top:var(--spacing-3);font-size:.875rem;color:var(--color-gray-400)}.resend-btn{color:var(--color-gold);font-weight:500;transition:color var(--transition-normal)}.resend-btn:hover{color:var(--color-gold-light);text-decoration:underline}.verify-btn:not(:disabled){background-color:var(--color-green-500);border:none;box-shadow:0 4px 15px #22c55e4d}.verify-btn:not(:disabled):hover{background-color:var(--color-green-600);box-shadow:0 10px 25px #22c55e66;transform:translateY(-1px)}.auth-input-row{display:flex;gap:var(--spacing-3)}.auth-input-row .auth-input-group{flex:1}.auth-input-row .auth-input-group .input-field{padding-left:var(--spacing-3)}.auth-input-group:not(:has(.auth-input-icon)) .input-field{padding-left:1rem}@media(max-width:768px){.container{padding:0 var(--spacing-4)}.navbar-menu{display:none}.navbar-mobile-actions{display:flex;align-items:center;gap:var(--spacing-3)}.auth-page{flex-direction:column}.auth-hero{display:none}.auth-form-container{width:100%;padding:var(--spacing-4)}.auth-form-card{padding:var(--spacing-6)}.signup-card{max-width:100%}.signup-progress-line{width:2rem}.signup-step-labels{font-size:.65rem}.auth-input-row{flex-direction:column;gap:0}.product-details-page{padding-top:var(--spacing-16)}.product-details-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.product-image-container{max-width:100%;max-height:350px;margin:0 auto}.product-details-title{font-size:1.75rem}.product-details-price{font-size:1.5rem;margin-bottom:var(--spacing-4)}.product-description{font-size:1rem;margin-bottom:var(--spacing-6)}.product-actions{flex-direction:column}.action-btn-secondary,.action-btn-primary{padding:var(--spacing-3);font-size:.9rem}.seller-page{padding:var(--spacing-16) var(--spacing-4) var(--spacing-6)}.seller-title{font-size:1.75rem}.form-section{padding:var(--spacing-4)}.form-row{flex-direction:column}.hero-section{padding:var(--spacing-8) 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.product-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.checkout-page{padding:var(--spacing-16) var(--spacing-4)}.checkout-grid{grid-template-columns:1fr}.profile-page,.cart-page,.admin-page{padding:var(--spacing-16) var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.admin-title{font-size:1.75rem}}@media(max-width:480px){.signup-progress-circle{width:1.75rem;height:1.75rem;font-size:.75rem}.signup-progress-line{width:1.5rem}.auth-form-title,.product-details-title,.hero-title{font-size:1.5rem}.navbar-brand-text{font-size:1.125rem}.otp-input{font-size:1.25rem;letter-spacing:.3rem}}@media(min-width:769px)and (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-details-grid{gap:var(--spacing-8)}.product-image-container{max-width:350px}}@media(hover:none)and (pointer:coarse){.auth-submit-btn,.auth-back-btn,.action-btn-primary,.action-btn-secondary{min-height:48px}.input-field{min-height:48px;font-size:16px}.product-card-overlay{opacity:1;background-color:#0000004d}.product-card-btn{transform:translateY(0)}button:active,a:active{opacity:.8}}@supports (padding: max(0px)){.navbar{padding-left:max(var(--spacing-6),env(safe-area-inset-left));padding-right:max(var(--spacing-6),env(safe-area-inset-right))}.auth-form-container{padding-bottom:max(var(--spacing-8),env(safe-area-inset-bottom))}}@media(max-height:500px)and (orientation:landscape){.auth-form-card{padding:var(--spacing-4)}.signup-step-info{margin-bottom:var(--spacing-3)}.signup-step-info h3{font-size:1rem}.signup-step-icon{width:32px;height:32px}}.password-requirements{background:#1e293b80;border:1px solid rgba(148,163,184,.15);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.password-requirements-title{font-size:.75rem;color:var(--color-gray-400);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:.05em}.password-checks-grid{display:flex;flex-direction:column;gap:var(--spacing-2)}.password-check-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:.85rem;color:var(--color-red-400);transition:color var(--transition-fast)}.password-check-item.passed{color:var(--color-green-600)}.password-check-item svg{flex-shrink:0}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.password-toggle-btn:hover{color:var(--color-gray-200)}.confirm-password-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.confirm-password-icon.match{color:var(--color-green-600)}.confirm-password-icon.no-match{color:var(--color-red-400)}.signup-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-red-400);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:.9rem}.signup-success{background:#16a34a1a;border:1px solid rgba(22,163,74,.3);color:var(--color-green-600);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:.9rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-verification-section{margin-bottom:var(--spacing-4)}.auth-otp-btn{width:100%;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-gray-900);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-normal)}.auth-otp-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.auth-otp-btn:disabled{opacity:.6;cursor:not-allowed}.email-otp-input-group{display:flex;gap:var(--spacing-2)}.email-otp-input-group .otp-input{flex:1;text-align:center;font-size:1.25rem;letter-spacing:.5rem;font-family:var(--font-mono)}.auth-verify-btn{padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,var(--color-green-600),var(--color-green-700));color:var(--color-white);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.auth-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-green-700),var(--color-green-800))}.auth-verify-btn:disabled{opacity:.6;cursor:not-allowed}.otp-sent-message{font-size:.85rem;color:var(--color-gray-400);margin-top:var(--spacing-2);text-align:center}.resend-link{display:block;width:100%;text-align:center;font-size:.85rem;color:var(--color-gold);background:none;border:none;padding:var(--spacing-2);cursor:pointer;margin-top:var(--spacing-2);transition:color var(--transition-fast)}.resend-link:hover{color:var(--color-gold-light);text-decoration:underline}