#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.page-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-8);width:100%}.page-transition{animation:fadeIn .6s ease-out forwards;opacity:0;transform:translateY(10px)}.stat-card{transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover:after{opacity:1;animation:shimmer 1.2s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}header{transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-accent)}.scroll-animate{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.content-area{background-color:var(--color-secondary);min-height:calc(100vh - 80px);padding:var(--spacing-12) 0}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.stat-card{background:var(--color-secondary);border-radius:var(--radius-base);padding:var(--spacing-8);box-shadow:none;transition:all var(--transition-base);border:1px solid var(--color-border);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--color-accent);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px);border-color:var(--color-border)}.stat-card:hover:before{opacity:1}.button-group{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6);flex-wrap:wrap}.form-container{background-color:var(--color-secondary);border-radius:var(--radius-base);padding:var(--spacing-12);box-shadow:none;max-width:500px;margin:0 auto;border:1px solid var(--color-border)}.input-group{margin-bottom:var(--spacing-6)}.input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);letter-spacing:.01em;text-transform:uppercase}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-regular);padding:var(--spacing-2) 0;border-radius:0;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.nav-link:hover{color:var(--color-primary);background-color:transparent}.nav-link.active{color:var(--color-primary);background-color:transparent;font-weight:var(--font-weight-semibold)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-accent)}.divider{height:1px;background-color:var(--color-border);margin:var(--spacing-12) 0}.divider.gold{background-color:var(--color-accent);margin:var(--spacing-16) 0;height:1px}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-16)}.empty-state{text-align:center;padding:var(--spacing-24);color:var(--color-text-secondary);background-color:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base)}.empty-state h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-family:var(--font-family)}.empty-state p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}@media (max-width: 1024px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}}@media (max-width: 768px){.page-container{padding:0 var(--spacing-4)}.content-area{padding:var(--spacing-8) 0}.cards-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.form-container{padding:var(--spacing-8);margin:0 var(--spacing-4)}.button-group{flex-direction:column;gap:var(--spacing-3)}.page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}.page-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.empty-state{padding:var(--spacing-16)}.empty-state h3{font-size:var(--font-size-xl)}}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-size-6xl: 5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--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;--spacing-32: 8rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}[data-theme=chanel]{--color-primary: #000000;--color-dark: #333333;--color-secondary: #FFFFFF;--color-accent: #C0A062;--color-light: #F5F5F5;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-light: #FFFFFF;--color-text-muted: #999999;--color-success: #2D5016;--color-warning: #C0A062;--color-error: #8B0000;--color-info: #1E3A8A;--color-border: #E5E5E5;--color-card-bg: #FFFFFF;--color-nav-bg: #FFFFFF;--font-family: "Playfair Display", serif;--font-family-sans: "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius-base: 8px;--radius-lg: 12px;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .1)}[data-theme=vogue]{--color-primary: #000000;--color-dark: #1A1A1A;--color-secondary: #FFFFFF;--color-accent: #FF3B30;--color-light: #F8F8F8;--color-text-primary: #000000;--color-text-secondary: #444444;--color-text-light: #FFFFFF;--color-text-muted: #888888;--color-success: #000000;--color-warning: #FF3B30;--color-error: #FF0000;--color-info: #000000;--color-border: #000000;--color-card-bg: #FFFFFF;--color-nav-bg: #FFFFFF;--font-family: "Inter", system-ui, sans-serif;--font-family-sans: "Inter", system-ui, sans-serif;--radius-sm: 0px;--radius-base: 0px;--radius-lg: 0px;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--shadow-sm: none;--shadow-base: none;--shadow-md: none}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--color-secondary);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:background-color var(--transition-base),color var(--transition-base)}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.5em;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:all var(--transition-base)}button,button[type=submit],button.ant-btn-primary{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary)}button:hover{opacity:.8;transform:translateY(-1px)}input,select,textarea{font-family:var(--font-family-sans);font-size:var(--font-size-base);padding:.75em 1.2em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-secondary);color:var(--color-text-primary);transition:all var(--transition-base)}input:focus{outline:none;border-color:var(--color-accent)}.card{background:var(--color-secondary);border-radius:var(--radius-base);padding:var(--spacing-6);border:1px solid var(--color-border);transition:all var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .6s ease-out forwards}@media (max-width: 768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}}