:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--bg-card: #1c1c1c;--surface-primary: #0f0f0f;--surface-secondary: #181818;--surface-elevated: #252525;--surface-overlay: rgba(0, 0, 0, .8);--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-tertiary: #d4d4d4;--text-disabled: #525252;--brand-primary: #ff2b06;--brand-primary-hover: #e6260a;--brand-primary-light: rgba(255, 43, 6, .1);--brand-primary-glow: rgba(255, 43, 6, .3);--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--accent-info: #3b82f6;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1rem;--text-xl: 1.0625rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.125rem;--text-5xl: 2.75rem;--text-6xl: 3.5rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--font-ultralight: 100;--font-thin: 200;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-heavy: 800;--font-black: 900;--leading-tight: 1.2;--leading-snug: 1.25;--leading-normal: 1.35;--leading-relaxed: 1.47;--leading-loose: 1.6;--tracking-tighter: -.08em;--tracking-tight: -.05em;--tracking-normal: 0em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-64: 16rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px var(--brand-primary-glow);--border-primary: 1px solid #333333;--border-secondary: 1px solid #262626;--border-accent: 1px solid var(--brand-primary);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-xl);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,.text-display-xxl{font-size:var(--text-9xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}h2,.text-display-xl{font-size:var(--text-8xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}h3,.text-display{font-size:var(--text-6xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}h4,.text-large-title{font-size:var(--text-5xl);font-weight:var(--font-medium);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}h5,.text-title-1{font-size:var(--text-4xl);font-weight:var(--font-medium);line-height:var(--leading-normal)}h6,.text-title-2{font-size:var(--text-3xl);font-weight:var(--font-medium);line-height:var(--leading-normal)}.text-title-3{font-size:var(--text-2xl);font-weight:var(--font-medium);line-height:var(--leading-normal)}.text-body{font-size:var(--text-xl);font-weight:var(--font-regular);line-height:var(--leading-relaxed)}.text-callout{font-size:var(--text-lg);font-weight:var(--font-regular);line-height:var(--leading-normal)}.text-footnote{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal)}.text-caption-1{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal)}.text-caption-2{font-size:var(--text-xs);font-weight:var(--font-regular);line-height:var(--leading-normal)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(255,43,6,.15) 0%,transparent 50%),radial-gradient(circle at 95% 25%,rgba(255,43,6,.12) 0%,transparent 40%),radial-gradient(circle at 75% 35%,rgba(255,43,6,.08) 0%,transparent 30%),linear-gradient(135deg,#0a0a0a,#111,#0f0f0f);transition:background .8s cubic-bezier(.16,1,.3,1)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 90% 10%,rgba(255,43,6,.2) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,43,6,.15) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(0,0,0,.1) 100%);filter:blur(100px) saturate(1.3) brightness(1.1);animation:appleFloat 20s ease-in-out infinite;z-index:-1}@keyframes appleFloat{0%,to{transform:scale(1) rotate(0);opacity:.15}25%{transform:scale(1.05) rotate(.3deg) translate(10px);opacity:.2}50%{transform:scale(.95) rotate(-.2deg) translateY(-5px);opacity:.12}75%{transform:scale(1.02) rotate(.1deg) translate(-8px);opacity:.18}}.section-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.section-container{padding:0 var(--space-4)}}.nav-wrapper{position:fixed;top:0;left:0;right:0;background:#0a0a0ab3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;z-index:var(--z-fixed);transition:all .6s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(-100%)}.nav-wrapper.nav-loaded{opacity:1;transform:translateY(0)}.nav-wrapper.scrolled{background:#0a0a0af2;border-bottom:var(--border-secondary);box-shadow:0 4px 30px #0000004d}.scroll-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-hover));box-shadow:0 0 10px var(--brand-primary-glow);transition:width .15s cubic-bezier(.4,0,.2,1),background .6s cubic-bezier(.16,1,.3,1);z-index:1;transform-origin:left;animation:progressBarAppear .6s cubic-bezier(.16,1,.3,1) .5s both}@keyframes progressBarAppear{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:flex-start;height:72px;gap:var(--space-8)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);opacity:0;transform:translate(-20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.nav-brand.nav-brand-loaded{opacity:1;transform:translate(0)}.brand-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:var(--text-lg);height:40px}.brand-logo-img{height:32px;width:auto;max-width:120px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);transition:all var(--transition-normal)}.brand-logo-img:hover{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--brand-primary))}.brand-fallback{display:flex;align-items:center;gap:var(--space-3)}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-lg)}.brand-text{font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.brand-switcher{position:relative;flex-shrink:0}.brand-selector{position:relative;min-width:200px}.selected-brand{background:transparent;border:none;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:200px;background:var(--bg-elevated);border:var(--border-primary);position:relative;overflow:hidden}.selected-brand:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .5s ease}.selected-brand:hover:before{left:100%}.selected-brand:hover{background:var(--bg-card);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-sm);flex-shrink:0;box-shadow:var(--shadow-sm);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.selected-brand:hover .brand-icon{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-md),0 0 20px var(--brand-primary-glow)}.brand-selector .brand-name{color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-lg);flex:1}.brand-option .brand-icon{width:28px;height:28px;font-size:var(--text-xs)}.dropdown-arrow{color:var(--text-tertiary);transition:all var(--transition-normal);flex-shrink:0;width:20px;height:20px;opacity:.7}.selected-brand:hover .dropdown-arrow{color:var(--text-secondary);opacity:1;transform:translateY(1px)}.brand-selector.open .dropdown-arrow{transform:rotate(180deg)}.brand-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-top:var(--space-2);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:300px;overflow-y:auto}.brand-selector.open .brand-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.brand-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-lg);margin:var(--space-1) var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-option:hover{background:var(--bg-elevated)}.brand-option.active{background:var(--brand-primary-light);color:var(--brand-primary)}.brand-option.active .brand-name{color:var(--brand-primary)}.brand-option:first-child{margin-top:var(--space-2)}.brand-option:last-child{margin-bottom:var(--space-2)}.brand-dropdown::-webkit-scrollbar{width:4px}.brand-dropdown::-webkit-scrollbar-track{background:transparent}.brand-dropdown::-webkit-scrollbar-thumb{background:var(--neutral-600);border-radius:var(--radius-full)}.brand-dropdown::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.nav-menu{display:flex;align-items:center;gap:var(--space-6);margin-left:auto}.nav-menu>*{opacity:0;transform:translateY(-10px);transition:all .5s cubic-bezier(.16,1,.3,1)}.nav-menu.nav-links-loaded>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s}.nav-menu.nav-links-loaded>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.15s}.nav-menu.nav-links-loaded>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.2s}.nav-menu.nav-links-loaded>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.25s}.nav-menu.nav-links-loaded>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.3s}.nav-menu.nav-links-loaded>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.35s}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-elevated)}.nav-link.active{color:var(--brand-primary);background-color:var(--bg-elevated);transform:translateY(-1px)}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--brand-primary);border-radius:50%;box-shadow:0 0 8px var(--brand-primary-glow)}.cta-button{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));color:#fff;border:none;border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-3);box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;position:relative;overflow:hidden;text-decoration:none;letter-spacing:var(--tracking-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button.cta-loaded{animation:ctaPulse .8s cubic-bezier(.34,1.56,.64,1) .5s both}@keyframes ctaPulse{0%{transform:scale(1);box-shadow:0 2px 8px #00000026}50%{transform:scale(1.08);box-shadow:0 8px 25px var(--brand-primary-glow),0 0 40px var(--brand-primary-glow)}to{transform:scale(1);box-shadow:0 2px 8px #00000026}}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-button:hover{background:linear-gradient(135deg,var(--brand-primary-hover),var(--brand-primary));transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #00000040,0 3px 10px #00000026,0 0 20px var(--brand-primary-glow)}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 12px #0003,0 2px 6px #0000001a}.mobile-menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;gap:4px}.mobile-menu-toggle span{width:18px;height:2px;background:var(--text-primary);border-radius:1px;transition:all var(--transition-fast)}.hero-container{max-width:1200px;margin:0 auto;padding:var(--space-32) var(--space-6) var(--space-16);display:flex;justify-content:center;align-items:center;text-align:center}.hero-content{display:flex;flex-direction:column;gap:var(--space-6);max-width:800px}.hero-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--brand-primary-light),rgba(255,255,255,.05));border:1px solid var(--brand-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);width:-moz-fit-content;width:fit-content;box-shadow:0 0 20px var(--brand-primary-glow)}.hero-title{font-size:clamp(var(--text-7xl),8vw,var(--text-9xl));font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin:0}.hero-description{font-size:var(--text-3xl);font-size:var(--text-2xl);font-weight:var(--font-regular);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px}.hero-actions{display:flex;gap:var(--space-4);margin-top:var(--space-4);justify-content:flex-start}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none;white-space:nowrap;letter-spacing:var(--tracking-normal)}.primary-button{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-md)}.primary-button:hover{background:var(--brand-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.secondary-button{background:var(--bg-elevated);color:var(--text-primary);border:var(--border-primary)}.secondary-button:hover{background:var(--bg-card);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon{font-size:var(--text-lg);transition:transform var(--transition-fast)}.primary-button:hover .button-icon,.secondary-button:hover .button-icon{transform:translate(4px)}.hero-visual{display:flex;justify-content:center;align-items:center}.brand-preview{position:relative;width:400px;height:500px}.preview-card{position:absolute;background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal)}.main-card{width:280px;height:200px;top:50px;left:50%;transform:translate(-50%);z-index:3;border:1px solid var(--brand-primary);box-shadow:var(--shadow-xl),0 0 30px var(--brand-primary-glow)}.main-card:hover{transform:translate(-50%) translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl),0 0 40px var(--brand-primary-glow)}.card-header{padding:var(--space-6);border-bottom:var(--border-secondary)}.logo-showcase{font-size:var(--text-3xl);font-weight:700;color:var(--brand-primary);text-align:center;letter-spacing:var(--tracking-tight)}.card-content{padding:var(--space-6);display:flex;justify-content:center}.color-strip{display:flex;gap:var(--space-2);align-items:center}.color-dot{width:24px;height:24px;border-radius:50%;box-shadow:var(--shadow-sm),0 0 10px #ffffff4d;transition:transform var(--transition-fast);border:1px solid rgba(255,255,255,.2)}.color-dot:hover{transform:scale(1.2);box-shadow:var(--shadow-md),0 0 15px #ffffff80}.accent-card{width:120px;height:120px;top:20px;right:20px;z-index:2;animation-delay:.2s;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg),0 0 20px var(--brand-primary-glow)}.typography-sample{padding:var(--space-4);text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.sample-title{font-size:var(--text-4xl);font-weight:300;color:var(--text-primary)}.sample-text{font-size:var(--text-sm);color:var(--text-secondary)}.icon-card{width:100px;height:100px;bottom:20px;left:20px;z-index:2;animation-delay:.4s;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg),0 0 15px var(--brand-primary-glow)}.icon-grid{padding:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);height:100%}.icon-item{display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--transition-fast)}.icon-item:hover{background:var(--brand-primary-light);transform:scale(1.1)}@media (max-width: 768px){.nav-container{padding:0 var(--space-4)}.nav-menu{display:none}.mobile-menu-toggle{display:flex}.hero-container{padding:var(--space-20) var(--space-4) var(--space-12)}.section-container{padding:0 var(--space-4)}.hero-actions{flex-direction:column;align-items:center}.primary-button,.secondary-button{width:100%;max-width:280px;justify-content:center}.brand-preview{width:300px;height:400px}.main-card{width:240px;height:160px}}@media (max-width: 480px){.hero-title{font-size:var(--text-4xl)}.title-secondary{font-size:var(--text-xl)}.brand-preview{width:260px;height:340px}.main-card{width:200px;height:140px}.logo-showcase{font-size:var(--text-2xl)}}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;letter-spacing:var(--tracking-normal)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-hover),var(--brand-primary));transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;letter-spacing:var(--tracking-normal)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}*:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-moz-selection{background:var(--brand-primary-light);color:var(--brand-primary)}::selection{background:var(--brand-primary-light);color:var(--brand-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero:before{animation:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(255,43,6,.15) 0%,transparent 50%),radial-gradient(circle at 95% 25%,rgba(255,43,6,.12) 0%,transparent 40%),radial-gradient(circle at 75% 35%,rgba(255,43,6,.08) 0%,transparent 30%),linear-gradient(135deg,#0a0a0a,#111,#0f0f0f);transition:background 1s cubic-bezier(.16,1,.3,1);opacity:1;animation:heroFadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 90% 10%,var(--brand-primary-glow) 0%,transparent 60%),radial-gradient(circle at 80% 20%,var(--brand-primary-light) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(0,0,0,.1) 100%);filter:blur(100px) saturate(1.3) brightness(1.1);animation:heroFloat 20s ease-in-out infinite;z-index:-1}@keyframes heroFloat{0%,to{transform:scale(1) rotate(0);opacity:.15}25%{transform:scale(1.05) rotate(.3deg) translate(10px);opacity:.2}50%{transform:scale(.95) rotate(-.2deg) translateY(-5px);opacity:.12}75%{transform:scale(1.02) rotate(.1deg) translate(-8px);opacity:.18}}.hero-container{max-width:1200px;margin:0 auto;padding:var(--space-32) var(--space-6) var(--space-16);display:flex;justify-content:flex-start;align-items:center;text-align:left}.hero-content{display:flex;flex-direction:column;gap:var(--space-6);width:1220px}.hero-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--brand-primary-light),rgba(255,255,255,.05));border:1px solid var(--brand-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);width:-moz-fit-content;width:fit-content;box-shadow:0 0 20px var(--brand-primary-glow);opacity:0;transform:translate3d(0,20px,0) scale(.9);transition:all .7s cubic-bezier(.16,1,.3,1)}.hero-title{font-size:clamp(var(--text-6xl),8vw,12rem);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin:0;opacity:0;transform:translate3d(0,35px,0);transition:all .6s cubic-bezier(.16,1,.3,1)}.title-line{display:block;color:#fff!important;margin-bottom:var(--space-2)}.hero-title .title-line{color:#fff!important;background:none!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;background-clip:unset!important}.title-secondary{display:block;color:#d4d4d4;font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:400;letter-spacing:-.02em;line-height:1.3;margin-top:var(--space-2)}.hero-description{font-size:var(--text-2xl);color:#e5e5e5;line-height:var(--leading-relaxed);max-width:800px;margin:0 auto;opacity:0;transform:translate3d(0,30px,0);transition:all .6s cubic-bezier(.16,1,.3,1)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12);padding:var(--space-8);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.hero-stats.hero-stats-load{opacity:1;transform:translateY(0)}.stat-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffff05;transition:all var(--transition-normal);cursor:default}.stat-item:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff2b061a,#ff2b060d);border-radius:var(--radius-xl);flex-shrink:0;border:1px solid rgba(255,43,6,.2);transition:all var(--transition-normal)}.stat-item:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px var(--brand-primary-glow)}.stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:var(--tracking-tight)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero-actions{display:flex;gap:var(--space-4);margin-top:var(--space-4);justify-content:flex-start;opacity:0;transform:translate3d(0,25px,0);transition:all .6s cubic-bezier(.16,1,.3,1)}@media (max-width: 1024px){.hero-container{padding:var(--space-24) var(--space-6) var(--space-12)}}@media (max-width: 768px){.hero-container{padding:var(--space-20) var(--space-4) var(--space-12);text-align:center;justify-content:center}.hero-title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl))}.title-secondary{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}.hero-description{font-size:var(--text-xl);max-width:100%}.hero-actions{flex-direction:column;align-items:center}.hero-stats{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6)}.stat-item{justify-content:center}}@media (max-width: 480px){.hero-description{font-size:var(--text-lg)}}.logo-guidelines{padding:var(--space-32) 0;background:var(--bg-primary)}.guidelines-content{display:flex;flex-direction:column;gap:var(--space-24)}.guideline-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.guideline-section.reverse{direction:rtl}.guideline-section.reverse>*{direction:ltr}.guideline-text{display:flex;flex-direction:column;gap:var(--space-6)}.guideline-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.guideline-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.guideline-note{font-size:var(--text-base);color:var(--text-tertiary);line-height:var(--leading-relaxed);padding:var(--space-4);background:var(--bg-elevated);border-left:4px solid var(--brand-primary);border-radius:var(--radius-lg)}.guideline-visual{display:flex;align-items:flex-start;justify-content:center;min-height:400px;width:100%}.logo-showcase-primary{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-xl);transition:all var(--transition-normal);width:100%;max-width:100%}.logo-showcase-primary:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),0 0 40px var(--brand-primary-glow);border-color:var(--brand-primary)}.logo-display-main{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);transition:all var(--transition-normal)}.logo-showcase-primary:hover .logo-display-main{transform:scale(1.05)}.logo-specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-secondary)}.spec-item{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.spec-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.spec-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.logo-versions{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);width:100%;max-width:100%}.version-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.version-item{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.version-preview{width:100%;height:100px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);font-size:var(--text-2xl);font-weight:700;transition:all var(--transition-normal);cursor:pointer}.version-preview:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.version-preview.primary{border:1px solid #e5e5e5}.version-preview.dark{border:1px solid rgba(255,255,255,.1)}.version-preview.mono{background:var(--bg-elevated);color:var(--text-secondary);border:var(--border-secondary)}.version-label{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;font-weight:500}.version-usage{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.usage-item{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.guideline-downloads{margin-top:var(--space-20);padding:var(--space-12);background:var(--bg-elevated);border-radius:var(--radius-2xl);border:var(--border-primary)}.guideline-downloads h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.download-item{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);cursor:pointer}.download-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.download-preview{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg)}.preview-logo{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.download-info{text-align:center;margin-bottom:var(--space-6)}.download-info h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.download-info p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.usage-tag{display:inline-block;background:var(--brand-primary-light);color:var(--brand-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.download-actions{display:flex;gap:var(--space-2);justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none}.action-btn.preview{background:var(--bg-elevated);color:var(--text-secondary);border:var(--border-primary)}.action-btn.preview:hover{background:var(--bg-card);color:var(--text-primary);transform:scale(1.1)}.action-btn.download{background:var(--brand-primary);color:#fff}.action-btn.download:hover{background:var(--brand-primary-hover);transform:scale(1.1);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.guideline-section{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.guideline-section.reverse{direction:ltr}}@media (max-width: 768px){.logo-guidelines{padding:var(--space-20) 0}.guidelines-content{gap:var(--space-16)}.guideline-section{gap:var(--space-8)}.guideline-title{font-size:var(--text-3xl)}.logo-showcase-primary,.logo-versions{max-width:100%}.download-grid{grid-template-columns:1fr}}.color-system{padding:var(--space-32) 0;background:var(--bg-secondary)}.color-system-content{display:flex;flex-direction:column;gap:var(--space-24)}.palette-section{display:flex;flex-direction:column;gap:var(--space-12)}.palette-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-4)}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.color-card-detailed{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.color-card-detailed:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.color-swatch-detailed{height:160px;position:relative;cursor:pointer;transition:all var(--transition-normal)}.color-swatch-detailed:hover{filter:brightness(1.1)}.swatch-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-normal)}.color-swatch-detailed:hover .swatch-overlay{opacity:1}.swatch-copy-btn{background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-3);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff;position:relative;overflow:hidden;width:44px;height:44px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swatch-copy-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--brand-primary);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.swatch-copy-btn:hover:before{width:120%;height:120%}.swatch-copy-btn:hover{border-color:var(--brand-primary);transform:scale(1.15) rotate(5deg);box-shadow:0 4px 12px #ff2b064d}.swatch-copy-btn svg{position:relative;z-index:1}.color-details-card{padding:var(--space-6)}.color-name-card{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.color-codes-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.code-item{display:flex;flex-direction:column;gap:var(--space-2)}.code-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.code-value-btn{background:var(--bg-elevated);border:var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.code-value-btn:hover{background:var(--bg-card);border-color:var(--brand-primary);transform:translateY(-1px)}.color-usage-card{padding-top:var(--space-4);border-top:var(--border-secondary)}.usage-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-2)}.usage-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:0}.color-specs-section{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-12);border:var(--border-primary)}.specs-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--space-4)}.specs-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:center;max-width:600px;margin:0 auto var(--space-8)}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.spec-card{background:var(--bg-elevated);border:var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.spec-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.spec-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.spec-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.spec-color{width:40px;height:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid rgba(255,255,255,.1);flex-shrink:0}.spec-header h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.spec-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:400}.spec-codes{display:flex;flex-direction:column;gap:var(--space-3)}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius-lg)}.spec-type{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.spec-value{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.palette-cta-section{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);border:var(--border-primary);margin-top:var(--space-12);transition:all var(--transition-normal);position:relative;overflow:hidden}.palette-cta-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.cta-text{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.cta-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.cta-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.palette-cta-button{background:var(--bg-elevated);color:var(--text-secondary);border:none;border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);letter-spacing:var(--tracking-normal);position:relative;white-space:nowrap}.palette-cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--brand-primary);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.palette-cta-button:hover:before{width:300px;height:300px}.palette-cta-button:hover{color:#fff;border-color:var(--brand-primary);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px #ff2b0666,0 0 40px var(--brand-primary-glow)}.palette-cta-button:active{transform:translateY(-2px) scale(1.02)}.palette-cta-button svg{position:relative;z-index:1;transition:transform .3s ease}.palette-cta-button:hover svg{transform:rotate(360deg) scale(1.1)}@media (max-width: 768px){.cta-content{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.cta-text{text-align:center}.palette-cta-section{padding:var(--space-6)}.palette-cta-button{width:100%;justify-content:center}.cta-title{font-size:var(--text-xl)}.cta-description{font-size:var(--text-sm)}}@media (max-width: 480px){.palette-cta-section{padding:var(--space-4)}}@media (max-width: 768px){.color-system{padding:var(--space-20) 0}.primary-codes,.color-codes-grid{grid-template-columns:repeat(2,1fr)!important}.primary-codes{display:grid}.color-codes-grid{display:flex;flex-direction:column}.primary-swatch{width:150px;height:150px}.palette-grid,.specs-grid,.downloads-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.palette-grid{grid-template-columns:repeat(3,1fr)}.downloads-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.palette-grid{grid-template-columns:repeat(2,1fr)}.downloads-grid{grid-template-columns:1fr}}.usage-guidelines{padding:var(--space-32) 0;background:var(--bg-primary)}.clearspace-demo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;margin-top:var(--space-12)}.clearspace-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.clearspace-grid{position:relative;width:300px;height:200px;background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.clearspace-grid:hover{box-shadow:var(--shadow-xl);border-color:var(--brand-primary);transform:translateY(-4px)}.clearspace-guides{height:100%;border:2px dashed var(--brand-primary);opacity:.5;border-top:none;border-bottom:none}.clearspace-logo{text-align:center;font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);padding:var(--space-4)}.clearspace-annotation{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.annotation-line{width:60px;height:2px;background:var(--brand-primary);position:relative}.annotation-line:before,.annotation-line:after{content:"";position:absolute;top:-3px;width:8px;height:8px;background:var(--brand-primary);border-radius:50%}.annotation-line:before{left:-4px}.annotation-line:after{right:-4px}.annotation-text{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;font-weight:500}.clearspace-rules{display:flex;flex-direction:column;gap:var(--space-6)}.rule-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.rule-item:hover{background:var(--bg-card);transform:translate(8px)}.rule-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-icon.correct{background:var(--accent-success);color:#fff}.rule-icon.incorrect{background:var(--accent-error);color:#fff}.rule-item p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;margin-top:var(--space-2)}.context-section{margin-top:var(--space-24)}.context-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:left;max-width:600px;margin:0 0 var(--space-12)}.context-examples{margin-top:var(--space-12)}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.context-example{display:flex;flex-direction:column;gap:var(--space-4)}.context-background{height:160px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);cursor:pointer;border:var(--border-primary)}.context-background:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.context-logo{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.context-logo.white{color:#fff}.context-label{display:flex;align-items:center;gap:var(--space-3);justify-content:center;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500}.context-example.good .context-label{background:#10b9811a;color:var(--accent-success)}.context-example.bad .context-label{background:#ef44441a;color:var(--accent-error)}.context-icon{flex-shrink:0}.context-icon.correct{color:var(--accent-success)}.context-icon.incorrect{color:var(--accent-error)}.readability-section{margin-top:var(--space-24)}.readability-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:left;max-width:700px;margin:0 0 var(--space-12)}.contrast-examples{margin-top:var(--space-12)}.contrast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.contrast-item{display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-normal)}.contrast-item:hover{transform:translateY(-4px)}.contrast-background{height:120px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:var(--border-secondary)}.contrast-logo{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight);z-index:1;position:relative}.contrast-info{text-align:center;text-align:left}.contrast-opacity{display:block;font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.contrast-ratio{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.cobranding-section{margin-top:var(--space-24)}.cobranding-content{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-16)}.cobranding-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.cobranding-examples{display:flex;flex-direction:column;gap:var(--space-16);margin-bottom:var(--space-20)}.cobranding-category{display:flex;flex-direction:column;gap:var(--space-8)}.category-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.cobranding-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.cobranding-grid.vertical{grid-template-columns:repeat(2,1fr);max-width:600px}.cobranding-example{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.cobranding-example:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.cobranding-layout{display:flex;align-items:center;justify-content:center;gap:var(--space-4);min-height:80px}.cobranding-layout.vertical{flex-direction:column;min-height:120px}.brand-logo-demo{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.brand-logo-demo.vertical{font-size:var(--text-lg)}.partner-logo-demo{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary)}.separator-demo{display:flex;align-items:center;justify-content:center}.separator-demo.line{width:2px;height:40px}.separator-demo.line-horizontal{height:2px;width:40px}.separator-demo.plus{font-size:var(--text-xl);font-weight:700}.separator-demo.plus.vertical{font-size:var(--text-lg)}.separator-demo.circle{width:8px;height:8px;border-radius:50%}.separator-demo.diamond{width:12px;height:12px;transform:rotate(45deg)}.partnership-cards{display:flex;flex-direction:column;gap:var(--space-12)}.partnership-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.partnership-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-8)}.partnership-card{display:flex;flex-direction:column;gap:var(--space-4)}.card-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.partnership-layout{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-normal)}.partnership-layout:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.partnership-layout.single{display:flex;justify-content:center}.partnership-layout.sequential{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center}.brand-section{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid}.brand-section.primary{padding:var(--space-6);border:none}.brand-logo-card{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.brand-logo-card.white{color:#fff}.partner-logo-card{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.plus-connector{font-size:var(--text-lg);font-weight:700}.connector-section{display:flex;justify-content:center}.sequential-connector{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-lg)}.partner-section{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-elevated);border-radius:var(--radius-lg)}@media (max-width: 1024px){.cobranding-grid{grid-template-columns:repeat(2,1fr)}.partnership-examples{grid-template-columns:1fr}}@media (max-width: 768px){.cobranding-grid,.cobranding-grid.vertical{grid-template-columns:1fr}.partnership-layout.sequential{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.connector-section{order:2}}@media (max-width: 1024px){.clearspace-demo{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.clearspace-visual{order:2}.clearspace-rules{order:1}}@media (max-width: 768px){.usage-guidelines{padding:var(--space-20) 0}.clearspace-grid{width:250px;height:150px}.clearspace-logo{font-size:var(--text-lg)}.context-grid,.contrast-grid{grid-template-columns:1fr}.contrast-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.contrast-grid{grid-template-columns:1fr}}.what-to-avoid{padding:var(--space-32) 0;background:var(--bg-secondary)}.warning-icon{margin-bottom:var(--space-6);display:block;margin-left:auto;margin-right:auto;animation:warningPulse 2s ease-in-out infinite}.section-header.centered{text-align:center;max-width:500px;margin:0 auto var(--space-16)}@keyframes warningPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.avoid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.avoid-item{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);position:relative;cursor:pointer}.avoid-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--accent-error)}.avoid-demo{height:200px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.avoid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ef4444e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-normal);z-index:10}.avoid-item:hover .avoid-overlay{opacity:1}.avoid-x{color:#fff;animation:shakeX .6s ease-in-out}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.demo-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.logo-demo{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);transition:all var(--transition-normal)}.demo-content.busy-bg{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px),linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:40px 40px,100% 100%}.logo-container{border:3px solid var(--accent-error);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-card);position:relative}.logo-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px dashed var(--accent-error);border-radius:var(--radius-xl);opacity:.5}.floor-demo{position:relative;width:100%;height:100%}.on-floor{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.floor-line{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b4513,sienna);border-radius:var(--radius-sm)}.floor-line:after{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:#0000004d;border-radius:var(--radius-sm)}.avoid-text{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.avoid-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.avoid-title:before{content:"⚠️";font-size:var(--text-base)}.avoid-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.avoid-footer{margin-top:var(--space-20);background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-12);border:var(--border-primary);box-shadow:var(--shadow-lg)}.avoid-footer-content{display:flex;align-items:flex-start;gap:var(--space-6);text-align:left}.avoid-footer-text{flex:1}.avoid-footer-text h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.avoid-footer-text p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.stretched{animation:stretchPulse 2s ease-in-out infinite}@keyframes stretchPulse{0%,to{transform:scaleX(1.5)}50%{transform:scaleX(1.8)}}.rotated{animation:wobble 1.5s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-15deg)}25%{transform:rotate(-20deg)}75%{transform:rotate(-10deg)}}.with-effects{animation:glitchEffect 2s ease-in-out infinite}@keyframes glitchEffect{0%,to{text-shadow:0 0 10px rgba(255,43,6,.8);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}25%{text-shadow:2px 0 10px rgba(255,43,6,.8);filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}75%{text-shadow:-2px 0 10px rgba(255,43,6,.8);filter:drop-shadow(-2px 4px 8px rgba(0,0,0,.3))}}.old-style{animation:fadeFlicker 1.5s ease-in-out infinite}@keyframes fadeFlicker{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.what-to-avoid{padding:var(--space-20) 0}.avoid-grid{grid-template-columns:1fr;gap:var(--space-6)}.avoid-demo{height:150px}.logo-demo{font-size:var(--text-xl)}.avoid-footer-content{flex-direction:column;text-align:center;gap:var(--space-4)}}@media (max-width: 480px){.avoid-grid{grid-template-columns:1fr}.avoid-text{padding:var(--space-4)}.avoid-footer{padding:var(--space-8)}}.brand-showcase{padding:var(--space-32) 0;background:var(--bg-primary)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header.centered{max-width:600px;margin:0 auto var(--space-16)}.section-title{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:500px}.showcase-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8);min-height:400px}.showcase-item{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.showcase-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,43,6,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.showcase-item:hover:before{opacity:1}.showcase-item:hover{border-color:var(--brand-primary);transform:translateY(-8px) rotateX(2deg) rotateY(2deg) scale(1.02);box-shadow:var(--shadow-xl),0 0 40px var(--brand-primary-glow),0 20px 40px #0000004d}.showcase-item.large{grid-row:span 2}.showcase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.showcase-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.showcase-badge{background:var(--brand-primary-light);color:var(--brand-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.logo-display-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-8)}.main-logo{font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-4)}.logo-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%}.variant-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.variant-preview{width:80px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-normal);border:var(--border-secondary)}.variant-preview.light{background:#fff}.variant-preview.dark{background:var(--bg-primary);color:#fff}.variant-preview.mono{background:var(--bg-elevated);color:var(--text-secondary)}.variant-preview:hover{transform:scale(1.1) translateY(-4px) rotateY(5deg);box-shadow:var(--shadow-md),0 8px 16px #0003}.variant-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);height:100%}.color-swatch{border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--transition-normal);cursor:pointer;min-height:80px;display:flex;align-items:end;border:1px solid rgba(255,255,255,.1)}.color-swatch:hover{transform:scale(1.1) translateZ(10px);box-shadow:var(--shadow-lg),0 12px 24px #0000004d;z-index:10}.color-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--space-3);color:#fff;opacity:0;transition:opacity var(--transition-normal)}.color-swatch:hover .color-info{opacity:1}.color-name{font-size:var(--text-xs);font-weight:600;display:block;margin-bottom:var(--space-1)}.color-hex{font-size:var(--text-xs);font-family:var(--font-mono);opacity:.8}.typography-showcase{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center}.font-display{margin-bottom:var(--space-6)}.font-large{font-size:clamp(var(--text-5xl),8vw,var(--text-6xl));font-weight:300;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.font-weights{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-600{font-weight:600}.weight-700{font-weight:700}.font-weights span{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--transition-normal)}.font-weights span:hover{background:var(--brand-primary-light);color:var(--brand-primary);transform:scale(1.05)}@media (max-width: 1024px){.showcase-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.showcase-item.large{grid-column:span 2;grid-row:span 1}}@media (max-width: 768px){.showcase-grid{grid-template-columns:1fr;gap:var(--space-6)}.showcase-item.large{grid-column:span 1;grid-row:span 1}.logo-variants{grid-template-columns:repeat(3,1fr)}.color-palette{grid-template-columns:repeat(4,1fr)}}.asset-grid-section{padding:var(--space-32) 0;background:var(--bg-secondary)}.asset-categories{margin-bottom:var(--space-12)}.category-filter{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.filter-btn{background:var(--bg-elevated);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.filter-btn:hover,.filter-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8)}.asset-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);cursor:pointer}.asset-card:hover{border-color:var(--brand-primary);transform:translateY(-8px);box-shadow:var(--shadow-2xl),0 0 30px var(--brand-primary-glow)}.asset-preview{height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-bottom:var(--border-secondary)}.logo-preview{font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);padding:var(--space-8);border-radius:var(--radius-xl)}.color-preview{display:flex;gap:var(--space-4);align-items:center}.color-dot-large{width:48px;height:48px;border-radius:50%;box-shadow:var(--shadow-lg);border:2px solid rgba(255,255,255,.2)}.typography-preview{text-align:center}.font-preview{font-size:4rem;font-weight:300;margin-bottom:var(--space-2)}.font-name{font-size:var(--text-sm);color:var(--text-secondary)}.template-preview{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border:2px dashed;border-radius:var(--radius-xl)}.asset-info{padding:var(--space-6)}.asset-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.asset-type{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;font-weight:500;letter-spacing:var(--tracking-wide)}.asset-format{background:var(--brand-primary-light);color:var(--brand-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600}.asset-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.asset-details{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.detail{font-size:var(--text-sm);color:var(--text-tertiary)}.asset-actions{display:flex;gap:var(--space-3)}.action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;border:none;flex:1;justify-content:center}.action-btn.primary{background:var(--brand-primary);color:#fff}.action-btn.primary:hover{background:var(--brand-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn.secondary{background:var(--bg-elevated);color:var(--text-secondary);border:var(--border-primary)}.action-btn.secondary:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--brand-primary)}@media (max-width: 768px){.assets-grid{grid-template-columns:1fr;gap:var(--space-6)}.category-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-2)}.filter-btn{white-space:nowrap}}.color-palette-section{padding:var(--space-32) 0;background:var(--bg-primary)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.color-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal)}.color-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.color-swatch-large{height:160px;position:relative;cursor:pointer;overflow:hidden}.color-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-normal)}.color-swatch-large:hover .color-overlay{opacity:1}.copy-btn{background:#ffffffe6;border:none;border-radius:var(--radius-full);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);color:var(--bg-primary)}.copy-btn:hover{background:#fff;transform:scale(1.1)}.color-details{padding:var(--space-6)}.color-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.color-codes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.code-group{display:flex;flex-direction:column;gap:var(--space-2)}.code-group label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.code-value{background:var(--bg-elevated);border:var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.code-value:hover{background:var(--bg-card);border-color:var(--brand-primary)}.color-usage{padding-top:var(--space-4);border-top:var(--border-secondary)}.usage-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-right:var(--space-2)}@media (max-width: 768px){.color-grid{grid-template-columns:1fr;gap:var(--space-6)}.color-codes{grid-template-columns:1fr}}.downloads-section{padding:var(--space-32) 0;background:var(--bg-secondary)}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.download-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-normal);position:relative;overflow:hidden}.download-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.download-card.featured{background:linear-gradient(135deg,var(--bg-card),var(--brand-primary-light));border-color:var(--brand-primary);box-shadow:0 0 30px var(--brand-primary-glow)}.download-card.featured:hover{box-shadow:var(--shadow-2xl),0 0 40px var(--brand-primary-glow)}.download-icon{width:60px;height:60px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);transition:all var(--transition-normal)}.download-card:hover .download-icon{transform:scale(1.1) rotate(5deg)}.download-content{margin-bottom:var(--space-8)}.download-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.download-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.file-size{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.download-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.includes-list{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-4)}.includes-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-2)}.includes-list ul{list-style:none;margin:0;padding:0}.includes-list li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0;position:relative;padding-left:var(--space-4)}.includes-list li:before{content:"•";color:var(--brand-primary);font-weight:700;position:absolute;left:0}.download-actions{display:flex;gap:var(--space-3)}.download-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none;white-space:nowrap;flex:1;justify-content:center}.download-btn.primary{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-md)}.download-btn.primary:hover{background:var(--brand-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.download-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:var(--border-primary)}.download-btn.secondary:hover{background:var(--bg-card);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.featured-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--brand-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.download-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center;padding:var(--space-8) 0;border-top:var(--border-secondary)}.stat{display:flex;flex-direction:column;gap:var(--space-2)}.stat-number{font-size:var(--text-3xl);font-weight:700;color:var(--brand-primary);line-height:var(--leading-tight)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}@media (max-width: 768px){.downloads-grid{grid-template-columns:1fr;gap:var(--space-6)}.download-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (max-width: 480px){.download-stats{grid-template-columns:1fr;gap:var(--space-4)}}.footer{background:var(--bg-primary);border-top:var(--border-secondary);padding:var(--space-24) 0 var(--space-8);color:var(--text-secondary)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.footer-subtitle{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.footer-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-tertiary);max-width:400px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-normal);position:relative}.footer-link:hover{color:var(--brand-primary);transform:translate(4px)}.contact-links{display:flex;flex-direction:column;gap:var(--space-4)}.contact-link{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-normal);padding:var(--space-2);border-radius:var(--radius-lg)}.contact-link:hover{color:var(--brand-primary);background:var(--bg-elevated);transform:translate(4px)}.footer-bottom{padding-top:var(--space-8);border-top:var(--border-secondary);display:flex;flex-direction:column;gap:var(--space-6)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-language-switcher{display:flex;justify-content:center;align-items:center;padding:var(--space-4) 0}.footer-language-switcher .language-switcher{background:var(--bg-elevated);border:1px solid var(--border-secondary);padding:.625rem 1.25rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.footer-language-switcher .language-switcher:hover{background:var(--bg-hover);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.copyright{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.footer-bottom-links{display:flex;gap:var(--space-6)}.footer-bottom-link{color:var(--text-tertiary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-normal)}.footer-bottom-link:hover{color:var(--brand-primary)}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer{padding:var(--space-16) 0 var(--space-6)}.footer-content{gap:var(--space-6)}.footer-bottom-links{flex-direction:column;gap:var(--space-3)}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transform:scale(1.02);transition:all .6s cubic-bezier(.16,1,.3,1)}.loading-screen-visible{opacity:1;transform:scale(1)}.loading-screen-exiting{opacity:0;transform:scale(.98);transition:all .5s cubic-bezier(.4,0,.2,1)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center;animation:contentFadeIn .8s cubic-bezier(.16,1,.3,1) .2s both}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);position:relative;min-height:120px}.logo-text{font-size:var(--text-6xl);font-weight:700;letter-spacing:var(--tracking-tight);animation:brandPulse 2.5s ease-in-out infinite;text-shadow:0 0 40px currentColor;transition:color .8s cubic-bezier(.16,1,.3,1)}.logo-text-transition{animation:none}@keyframes brandPulse{0%,to{transform:scale(1);opacity:1;filter:brightness(1)}50%{transform:scale(1.08);opacity:.85;filter:brightness(1.2)}}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:60px;height:60px;border:4px solid var(--bg-elevated);border-top:4px solid var(--brand-primary);border-radius:50%;animation:spin .8s cubic-bezier(.65,0,.35,1) infinite;box-shadow:0 0 20px #0000001a}.loading-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:300px}.loading-text p{font-size:var(--text-lg);color:var(--text-secondary);margin:0;animation:textFade 1.5s ease-in-out infinite}@keyframes textFade{0%,to{opacity:.7}50%{opacity:1}}.loading-progress{width:100%;height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar{height:100%;width:0;background:var(--brand-primary);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px currentColor}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s ease-in-out infinite}.loading-percentage{font-size:var(--text-sm);font-weight:600;margin-top:var(--space-2);letter-spacing:.05em;animation:percentageFade .3s ease-in-out}@keyframes percentageFade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.loading-content{padding:var(--space-6);gap:var(--space-6)}.logo-text{font-size:var(--text-4xl)}.spinner{width:48px;height:48px;border-width:3px}.loading-text{min-width:280px}.loading-text p{font-size:var(--text-base)}}@media (max-width: 480px){.logo-text{font-size:var(--text-3xl)}.spinner{width:40px;height:40px;border-width:3px}.loading-text{min-width:240px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-normal)}.palette-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);width:90vw;max-width:900px;max-height:85vh;overflow:hidden;animation:modalSlideIn var(--transition-normal)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-8) var(--space-6);border-bottom:var(--border-secondary)}.modal-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:var(--bg-elevated);border:var(--border-primary);border-radius:var(--radius-full);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-card);border-color:var(--brand-primary);color:var(--text-primary)}.modal-content{padding:var(--space-6) var(--space-8);overflow-y:auto;max-height:calc(85vh - 100px)}.modal-intro{margin-bottom:var(--space-8)}.modal-intro p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;text-align:center}.format-categories{display:flex;flex-direction:column;gap:var(--space-10)}.format-category{display:flex;flex-direction:column;gap:var(--space-6)}.category-header{display:flex;flex-direction:column;gap:var(--space-2)}.category-header h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.category-header p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.format-card{background:var(--bg-elevated);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);position:relative;cursor:pointer}.format-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.format-card.recommended{border-color:var(--brand-primary);background:var(--brand-primary-light)}.recommended-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--brand-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.format-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.format-code{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:var(--tracking-wide)}.format-name{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.format-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-3)}.format-compatibility{font-size:var(--text-xs);color:var(--text-tertiary);margin:0 0 var(--space-6);font-style:italic}.format-download-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--brand-primary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);text-decoration:none;font-size:var(--text-sm);font-weight:600;transition:all var(--transition-normal);justify-content:center;width:100%}.format-download-btn:hover{background:var(--brand-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.format-card.recommended .format-download-btn{background:var(--brand-primary);box-shadow:var(--shadow-md)}.format-card.recommended .format-download-btn:hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}.modal-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-secondary)}.footer-note{text-align:center}.footer-note p{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:0}.footer-note strong{color:var(--text-secondary)}@media (max-width: 768px){.palette-modal{width:95vw;max-height:90vh;margin:var(--space-4)}.modal-header{padding:var(--space-6)}.modal-content{padding:var(--space-4) var(--space-6)}.formats-grid{grid-template-columns:1fr;gap:var(--space-4)}.format-categories{gap:var(--space-6)}}@media (max-width: 480px){.modal-header h2{font-size:var(--text-xl)}.format-card{padding:var(--space-4)}}.typography-section{padding:var(--space-32) 0;background:var(--bg-primary)}.section-icon{margin-bottom:var(--space-6);display:block;margin-left:auto;margin-right:auto;animation:typeFloat 3s ease-in-out infinite}@keyframes typeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.font-family-showcase{margin:var(--space-16) 0 var(--space-24);display:flex;justify-content:center}.font-display-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-3xl);padding:var(--space-16);text-align:center;box-shadow:var(--shadow-xl);transition:all var(--transition-normal);max-width:600px;width:100%}.font-display-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),0 0 40px var(--brand-primary-glow);border-color:var(--brand-primary)}.font-preview-large{font-size:clamp(var(--text-6xl),8vw,var(--text-8xl));font-weight:300;line-height:var(--leading-tight);margin-bottom:var(--space-8);letter-spacing:var(--tracking-tighter);transition:all var(--transition-normal)}.font-display-card:hover .font-preview-large{transform:scale(1.02)}.font-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding-top:var(--space-8);border-top:var(--border-secondary)}.detail-item{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.detail-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.detail-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.font-weights-section{margin-bottom:var(--space-24)}.subsection-title{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-12);text-align:center}.weights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.weight-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal)}.weight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.weight-sample{font-size:var(--text-4xl);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight);transition:all var(--transition-normal)}.weight-card:hover .weight-sample{transform:scale(1.05)}.weight-info{display:flex;flex-direction:column;gap:var(--space-2)}.weight-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.weight-number{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.weight-usage{font-size:var(--text-sm);color:var(--text-tertiary)}.typography-hierarchy{margin-bottom:var(--space-24)}.hierarchy-list{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.hierarchy-item{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-6);transition:all var(--transition-normal);position:relative;overflow:hidden}.hierarchy-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.hierarchy-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-primary);opacity:0;transition:opacity var(--transition-normal)}.hierarchy-item:hover:before{opacity:1}.hierarchy-sample{flex:2.5;display:flex;align-items:flex-start;justify-content:center;min-height:120px;padding:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.hierarchy-sample:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,var(--brand-primary-glow) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-normal)}.hierarchy-item:hover .hierarchy-sample:before{opacity:1}.sample-text{line-height:var(--leading-normal);transition:all var(--transition-normal);text-align:center;width:100%;position:relative;z-index:1;max-width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hierarchy-item:hover .sample-text{transform:scale(1.02)}.hierarchy-details{flex:2.5;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) 0}.hierarchy-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);font-style:italic;margin-top:var(--space-2)}.hierarchy-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.hierarchy-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.hierarchy-specs{display:flex;gap:var(--space-3);flex-wrap:wrap}.spec{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono);background:var(--bg-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:500;border:1px solid rgba(255,255,255,.05)}.hierarchy-usage{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal);font-style:italic}.css-copy-btn{background:transparent;border:1px solid var(--brand-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand-primary);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase}.css-copy-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.typography-examples{margin-bottom:var(--space-24)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.example-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal)}.example-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.example-header{background:var(--bg-elevated);padding:var(--space-4) var(--space-6);border-bottom:var(--border-secondary)}.example-header h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.example-content{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.interface-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--bg-elevated)}.interface-item:last-child{border-bottom:none}.typography-cta{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);border:var(--border-primary);transition:all var(--transition-normal)}.typography-cta:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.typography-download-btn{background:var(--bg-elevated);color:var(--text-secondary);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;white-space:nowrap}.typography-download-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}@media (max-width: 1024px){.font-details{grid-template-columns:1fr;gap:var(--space-4)}.hierarchy-item{grid-template-columns:1fr;text-align:center}.hierarchy-sample{justify-content:center;order:2}.hierarchy-details{order:1;text-align:center;align-items:center}.hierarchy-sample{min-height:80px;padding:var(--space-4)}.sample-text{font-size:90%!important}}@media (max-width: 768px){.typography-section{padding:var(--space-20) 0}.weights-grid{grid-template-columns:repeat(2,1fr)}.examples-grid{grid-template-columns:1fr}.cta-content{grid-template-columns:1fr;text-align:center;gap:var(--space-6)}.typography-download-btn{width:100%;justify-content:center}}@media (max-width: 480px){.weights-grid{grid-template-columns:1fr}.hierarchy-specs{justify-content:center}.font-display-card{padding:var(--space-8)}}.graphic-elements-section{padding:var(--space-32) 0;background:var(--bg-secondary)}.section-icon{margin-bottom:var(--space-6);display:block;margin-left:auto;margin-right:auto;animation:shapeFloat 4s ease-in-out infinite}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(2deg)}66%{transform:translateY(3px) rotate(-1deg)}}.icons-section{margin-bottom:var(--space-24)}.subsection-title{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);text-align:center}.subsection-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:center;max-width:700px;margin:0 auto var(--space-12)}.icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);align-items:stretch}.icon-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal);display:flex;flex-direction:column;min-height:320px}.icon-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.icon-display{margin-bottom:var(--space-6);display:flex;justify-content:center}.icon-container{width:80px;height:80px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;border:2px solid;transition:all var(--transition-normal)}.icon-card:hover .icon-container{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-lg)}.icon-details{display:flex;flex-direction:column;gap:var(--space-4);flex:1;justify-content:space-between}.icon-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.icon-usage{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);flex:1}.icon-category{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-elevated);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content;align-self:center;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500;margin-bottom:var(--space-4)}.copy-icon-btn{background:var(--bg-elevated);border:var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);align-self:center;margin-top:auto;width:-moz-fit-content;width:fit-content}.copy-icon-btn:hover{background:var(--bg-card);border-color:var(--brand-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.patterns-section{margin-bottom:var(--space-24)}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);align-items:stretch}.pattern-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;min-height:380px}.pattern-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.pattern-preview{height:200px;position:relative;overflow:hidden;background:var(--bg-elevated)}.pattern-dots{width:100%;height:100%;background-size:40px 40px,60px 60px,80px 80px;background-position:0 0,20px 20px,40px 40px}.pattern-waves{width:100%;height:100%;display:flex;align-items:flex-end}.pattern-geometric{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.geometric-shape{position:absolute;width:20px;height:20px;border-radius:var(--radius-md);transform-origin:60px 0}.pattern-details{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.pattern-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3)}.pattern-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-5);flex:1}.pattern-specs{display:flex;flex-direction:column;gap:var(--space-2)}.spec-item{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.support-elements-section{margin-bottom:var(--space-24)}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);align-items:stretch}.support-card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;min-height:360px}.support-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.support-preview{height:160px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.divider-examples{display:flex;flex-direction:column;gap:var(--space-4);width:80%}.divider-line{height:2px;width:100%}.divider-line.solid{background:var(--brand-primary)}.divider-line.dashed{border:none;border-top:2px dashed;height:0}.divider-line.dotted{border:none;border-top:2px dotted;height:0}.frame-examples{display:flex;gap:var(--space-4);align-items:center}.frame-solid,.frame-rounded{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);border:2px solid;text-align:center}.frame-solid{border-radius:var(--radius-md)}.frame-rounded{border-radius:var(--radius-xl)}.bullet-examples{width:100%}.bullet-list{display:flex;flex-direction:column;gap:var(--space-3)}.bullet-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.bullet-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bullet-arrow,.bullet-check{font-size:var(--text-base);font-weight:600;flex-shrink:0}.support-details{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.support-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3)}.support-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-5);flex:1}.support-usage{display:flex;flex-direction:column;gap:var(--space-2)}.usage-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.usage-text{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.usage-guidelines-graphics{margin-bottom:var(--space-24)}.guidelines-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.guideline-item{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);transition:all var(--transition-normal);min-height:400px}.guideline-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.guideline-item.do{border-color:var(--accent-success);background:linear-gradient(135deg,var(--bg-card),rgba(16,185,129,.05))}.guideline-item.dont{border-color:var(--accent-error);background:linear-gradient(135deg,var(--bg-card),rgba(239,68,68,.05))}.guideline-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.guideline-header h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.guideline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}.guideline-list li{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;position:relative;padding-left:var(--space-7)}.guideline-item.do .guideline-list li:before{content:"✓";color:var(--accent-success);font-weight:600;position:absolute;left:0;top:0}.guideline-item.dont .guideline-list li:before{content:"✕";color:var(--accent-error);font-weight:600;position:absolute;left:0;top:0}.graphics-cta{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);border:var(--border-primary);transition:all var(--transition-normal)}.graphics-cta:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.cta-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-8)}.cta-text{display:flex;flex-direction:column;gap:var(--space-2)}.cta-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.cta-description{font-size:var(--text-base);color:var(--text-secondary);margin:0}.graphics-download-btn{background:var(--bg-elevated);color:var(--text-secondary);border:var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;white-space:nowrap}.graphics-download-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}@media (max-width: 1024px){.guidelines-grid{grid-template-columns:1fr;gap:var(--space-6)}.patterns-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.support-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.icons-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guideline-item{min-height:auto;padding:var(--space-8)}}@media (max-width: 768px){.graphic-elements-section{padding:var(--space-20) 0}.icons-grid,.patterns-grid,.support-grid{grid-template-columns:1fr}.cta-content{grid-template-columns:1fr;text-align:center;gap:var(--space-6)}.graphics-download-btn{width:100%;justify-content:center}.icon-card,.pattern-card,.support-card{min-height:auto}}@media (max-width: 480px){.icon-card,.pattern-card,.support-card,.guideline-item{padding:var(--space-6);min-height:auto}.guideline-list{gap:var(--space-4)}.guideline-list li{padding-left:var(--space-6)}}.toast-container{position:fixed;top:80px;right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);min-width:320px;transition:all var(--transition-normal)}.toast:hover{transform:translate(-4px);box-shadow:var(--shadow-2xl)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-normal)}.toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.toast-success{border-left:4px solid var(--accent-success)}.toast-success .toast-icon{color:var(--accent-success)}.toast-error{border-left:4px solid var(--accent-error)}.toast-error .toast-icon{color:var(--accent-error)}.toast-warning{border-left:4px solid var(--accent-warning)}.toast-warning .toast-icon{color:var(--accent-warning)}.toast-info{border-left:4px solid var(--accent-info)}.toast-info .toast-icon{color:var(--accent-info)}@media (max-width: 768px){.toast-container{right:var(--space-4);left:var(--space-4);max-width:none}.toast{min-width:auto;width:100%}}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal)}.mobile-menu-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.mobile-menu-content{position:absolute;top:0;right:0;bottom:0;width:min(85%,400px);background:var(--bg-card);border-left:var(--border-primary);box-shadow:var(--shadow-2xl);padding:var(--space-6);z-index:1;animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-elevated);border:var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-close:hover{background:var(--bg-secondary);border-color:var(--brand-primary);color:var(--text-primary)}.mobile-user-profile{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #e2e8f0;border-radius:16px;margin-top:4rem;margin-bottom:1.5rem}.mobile-user-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;text-transform:uppercase;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #667eea4d}.mobile-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-user-info{flex:1;min-width:0}.mobile-user-name{font-size:1.125rem;font-weight:700;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.mobile-user-email{font-size:.875rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-admin-badge{display:inline-block;padding:.25rem .625rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.6875rem;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;margin-top:.375rem}.mobile-menu-divider{height:1px;background:#e2e8f0;margin:.75rem 0}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-2);margin-top:0}.mobile-nav-link{display:flex;align-items:center;padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:var(--border-secondary);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-normal)}.mobile-nav-link:hover{background:var(--bg-secondary);border-color:var(--brand-primary);color:var(--text-primary);transform:translate(4px)}.mobile-nav-link.active{background:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary)}.mobile-nav-link.mobile-user-action{gap:.75rem;font-weight:600}.mobile-nav-link.mobile-user-action svg{flex-shrink:0}.mobile-nav-link.mobile-logout{background:#fee2e2;border-color:#fca5a5;color:#dc2626;font-weight:600;gap:.75rem}.mobile-nav-link.mobile-logout:hover{background:#fecaca;border-color:#f87171;color:#dc2626;transform:translate(4px)}.mobile-nav-link.mobile-logout svg{flex-shrink:0}.mobile-nav-link.mobile-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;justify-content:center}.mobile-nav-link.mobile-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.mobile-cta-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));border:none;border-radius:var(--radius-xl);color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);text-decoration:none;margin-top:var(--space-4);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.mobile-cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media (min-width: 769px){.mobile-menu{display:none}}.asset-search-container{width:100%;margin-bottom:var(--space-6)}.search-bar{display:flex;gap:var(--space-3);align-items:center}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-4);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-12);background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-regular);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.search-input::-moz-placeholder{color:var(--text-disabled)}.search-input::placeholder{color:var(--text-disabled)}.search-clear{position:absolute;right:var(--space-4);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-clear:hover{background:var(--bg-elevated);color:var(--text-primary)}.filter-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;position:relative}.filter-button:hover{background:var(--bg-elevated);border-color:var(--brand-primary);color:var(--text-primary)}.filter-button.active{background:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary)}.filter-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--brand-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.filter-panel{margin-top:var(--space-4);padding:var(--space-6);background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-xl);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.filter-section{margin-bottom:var(--space-6)}.filter-section:last-child{margin-bottom:0}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.filter-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.filter-clear-btn{background:transparent;border:none;color:var(--brand-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.filter-clear-btn:hover{background:var(--brand-primary-light)}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.filter-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);border:var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-option:hover{background:var(--bg-secondary);border-color:var(--brand-primary)}.filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary)}.filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.filter-option:has(input:checked){background:var(--brand-primary-light);border-color:var(--brand-primary)}.filter-option:has(input:checked) .filter-label{color:var(--brand-primary)}.filter-actions{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-secondary);display:flex;justify-content:center}.clear-all-filters-btn{padding:var(--space-3) var(--space-6);background:transparent;border:var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.clear-all-filters-btn:hover{background:var(--bg-elevated);border-color:var(--brand-primary);color:var(--text-primary)}@media (max-width: 768px){.search-bar{flex-direction:column}.filter-button{width:100%;justify-content:center}.filter-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .2s ease-out}.preview-modal-content{width:100%;max-width:1400px;height:90vh;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-2xl);overflow:hidden;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.preview-title h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.preview-actions{display:flex;align-items:center;gap:var(--space-3)}.zoom-level{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);min-width:50px;text-align:center}.preview-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-elevated);border:var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.preview-action-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--brand-primary);color:var(--text-primary)}.preview-action-btn:disabled{opacity:.4;cursor:not-allowed}.preview-action-btn.download{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.preview-action-btn.download:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.preview-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-left:var(--space-2)}.preview-close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.preview-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--space-8);background:repeating-linear-gradient(45deg,var(--bg-primary),var(--bg-primary) 10px,var(--bg-secondary) 10px,var(--bg-secondary) 20px)}.preview-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-normal);transform-origin:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}@media (max-width: 768px){.image-preview-modal{padding:0}.preview-modal-content{height:100vh;max-width:100%;border-radius:0}.preview-header{padding:var(--space-4)}.preview-title h3{font-size:var(--text-lg)}.preview-action-btn{width:36px;height:36px}.zoom-level{font-size:var(--text-sm);min-width:45px}.preview-image-container{padding:var(--space-4)}}@keyframes appleSlideUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes appleFadeIn{0%{opacity:0;transform:translateZ(0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes appleSlideLeft{0%{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes appleSlideRight{0%{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes appleScale{0%{opacity:0;transform:translateZ(0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}.animate-fadeUp-out{opacity:0;transform:translate3d(0,40px,0);will-change:opacity,transform}.animate-fadeUp-in{animation:appleSlideUp .8s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}.animate-fadeUp-complete{opacity:1;transform:translateZ(0)}.animate-fadeIn-out{opacity:0;transform:translateZ(0) scale(.98);will-change:opacity,transform}.animate-fadeIn-in{animation:appleFadeIn .6s cubic-bezier(.25,.46,.45,.94) forwards;will-change:opacity,transform}.animate-fadeIn-complete{opacity:1;transform:translateZ(0) scale(1)}.animate-slideLeft-out{opacity:0;transform:translate3d(-40px,0,0);will-change:opacity,transform}.animate-slideLeft-in{animation:appleSlideLeft .8s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}.animate-slideLeft-complete{opacity:1;transform:translateZ(0)}.animate-slideRight-out{opacity:0;transform:translate3d(40px,0,0);will-change:opacity,transform}.animate-slideRight-in{animation:appleSlideRight .8s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}.animate-slideRight-complete{opacity:1;transform:translateZ(0)}.animate-scale-out{opacity:0;transform:translateZ(0) scale(.95);will-change:opacity,transform}.animate-scale-in{animation:appleScale .6s cubic-bezier(.34,1.56,.64,1) forwards;will-change:opacity,transform}.animate-scale-complete{opacity:1;transform:translateZ(0) scale(1)}.animate-stagger-out{opacity:0;transform:translate3d(0,30px,0);will-change:opacity,transform}.animate-stagger-in{animation:appleSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}.animate-stagger-complete{opacity:1;transform:translateZ(0)}.page-load-hidden{opacity:0;transform:translate3d(0,20px,0);will-change:opacity,transform}.page-load-visible{opacity:1;transform:translateZ(0);transition:all .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.nav-item-load{opacity:0;transform:translate3d(0,-8px,0);animation:appleFadeIn .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:opacity,transform}.hero-content-load{opacity:0;transform:translate3d(0,30px,0);animation:appleSlideUp 1s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}.hero-badge-load{opacity:1!important;transform:translateZ(0) scale(1)!important;transition:all .8s cubic-bezier(.34,1.56,.64,1)!important;transition-delay:.1s!important;will-change:opacity,transform}.hero-title-load{opacity:1!important;transform:translateZ(0)!important;transition:all 1s cubic-bezier(.16,1,.3,1)!important;transition-delay:.25s!important;will-change:opacity,transform}.hero-description-load{opacity:1!important;transform:translateZ(0)!important;transition:all .9s cubic-bezier(.16,1,.3,1)!important;transition-delay:.4s!important;will-change:opacity,transform}.hero-actions-load{opacity:1!important;transform:translateZ(0)!important;transition:all .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:.55s!important;will-change:opacity,transform}.hero-stats-load{opacity:1!important;transform:translateY(0)!important;transition:all .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:.7s!important;will-change:opacity,transform}@keyframes brandFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes brandFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.brand-transition-exit{animation:brandFadeOut .4s cubic-bezier(.4,0,.2,1) forwards}.brand-transition-enter{animation:brandFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.card-hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card-hover-lift:hover{transform:translateY(-8px) translateZ(0)}.button-press{transition:all .15s cubic-bezier(.4,0,.2,1)}.button-press:active{transform:scale(.98) translateZ(0)}.animate-fadeUp-in,.animate-fadeIn-in,.animate-slideLeft-in,.animate-slideRight-in,.animate-scale-in,.animate-stagger-in{backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){.animate-fadeUp-out,.animate-fadeIn-out,.animate-slideLeft-out,.animate-slideRight-out,.animate-scale-out,.animate-stagger-out,.page-load-hidden,.hero-content-load,.hero-badge-load,.hero-title-load,.hero-description-load,.hero-actions-load,.nav-item-load{opacity:1;transform:none;filter:none;animation:none;transition:none}.animate-fadeUp-in,.animate-fadeIn-in,.animate-slideLeft-in,.animate-slideRight-in,.animate-scale-in,.animate-stagger-in,.page-load-visible{animation:none;transition:none}}@media (max-width: 768px){.animate-fadeUp-out,.animate-stagger-out,.hero-title-load,.hero-content-load{transform:translate3d(0,20px,0)}.animate-slideLeft-out{transform:translate3d(-20px,0,0)}.animate-slideRight-out{transform:translate3d(20px,0,0)}.animate-fadeUp-in,.animate-fadeIn-in,.animate-slideLeft-in,.animate-slideRight-in,.animate-scale-in,.animate-stagger-in{animation-duration:.5s}.hero-badge-load,.hero-title-load,.hero-description-load,.hero-actions-load{animation-duration:.6s;animation-delay:calc(var(--delay, 0ms) * .7)}}.button-press{position:relative;transition:all .15s ease}.button-press:active{transform:scale(.96)!important}.card-hover-lift{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.card-hover-lift:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,43,6,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.card-hover-lift:hover:before{opacity:1}.card-hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 10px 20px #0003,0 0 40px #ff2b0626;z-index:10}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple{position:absolute;border-radius:50%;background:#fff9;width:20px;height:20px;animation:ripple .6s ease-out;pointer-events:none}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#fff0,#ffffff08,#fff0);background-size:1000px 100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s ease-in-out infinite}.scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1)}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff2b064d}50%{box-shadow:0 0 40px #ff2b0699}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate360 1s linear infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .5s}html{scroll-behavior:smooth;scroll-padding-top:100px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--radius-sm);transition:outline-offset .2s ease}.interactive-link{position:relative;text-decoration:none;display:inline-block}.interactive-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--brand-primary);transition:width .3s ease}.interactive-link:hover:after{width:100%}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:staggerFadeIn .5s ease-out backwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animate{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-elevated) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes progress{0%{width:0%}to{width:100%}}.progress-bar{animation:progress 2s ease-out}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-particle{position:fixed;width:10px;height:10px;background:var(--brand-primary);animation:confetti 3s ease-out forwards;pointer-events:none;z-index:9999}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card-hover-lift:hover{transform:none}html{scroll-behavior:auto}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 85% 15%,rgba(255,43,6,.15) 0%,transparent 50%),radial-gradient(circle at 95% 25%,rgba(255,43,6,.12) 0%,transparent 40%),linear-gradient(135deg,#0a0a0a,#111,#0f0f0f);padding:2rem 1rem;position:relative;overflow:hidden}.auth-container{width:100%;max-width:480px;position:relative;z-index:10}.auth-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;padding:3rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:20}.register-card{max-width:540px;margin:0 auto}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-icon{width:64px;height:64px;background:linear-gradient(135deg,#ff2b06,#e6260a);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.5rem;box-shadow:0 8px 16px #ff2b064d}.auth-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.auth-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.auth-header p{font-size:1rem;color:#718096}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.required{color:#ef4444}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#9ca3af;pointer-events:none}.input-with-icon input,.input-with-icon textarea{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s;background:#fff;color:#1a202c}.input-with-icon input:focus,.input-with-icon textarea:focus{outline:none;border-color:#ff2b06;box-shadow:0 0 0 3px #ff2b0626}.input-with-icon input:disabled,.input-with-icon textarea:disabled{background:#f9fafb;cursor:not-allowed;color:#6b7280}.input-with-icon input::-moz-placeholder,.input-with-icon textarea::-moz-placeholder{color:#9ca3af}.input-with-icon input::placeholder,.input-with-icon textarea::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.password-toggle:hover{color:#ff2b06}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:width .3s,background-color .3s}.strength-label{font-size:.75rem;font-weight:600}.form-actions{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-link{font-size:.875rem;color:#ff2b06;text-decoration:none;font-weight:500;transition:color .2s}.forgot-link:hover{color:#e6260a}.btn-auth{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .2s;background:linear-gradient(135deg,#ff2b06,#e6260a);color:#fff;border:none;box-shadow:0 4px 12px #ff2b064d;cursor:pointer}.btn-auth:hover:not(:disabled){background:linear-gradient(135deg,#e6260a,#cc2309);transform:translateY(-2px);box-shadow:0 6px 20px #ff2b0666}.btn-auth:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff2b064d}.btn-auth:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;text-align:center}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{font-size:.875rem;color:#6b7280}.auth-link{color:#ff2b06;text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:#e6260a}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#ff2b06;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.back-link:hover{color:#e6260a}.success-state{text-align:center;padding:2rem 0}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.5rem}.success-state p{color:#6b7280;margin-bottom:.5rem}.text-muted{font-size:.875rem;color:#9ca3af;margin-top:1rem}.success-message{text-align:center;padding:2rem;background:#f0fdf4;border-radius:16px;margin-bottom:2rem}.success-message p{color:#166534;margin-bottom:.5rem}.auth-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:#ff2b0614;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:2}.circle-1{width:400px;height:400px;top:-200px;right:-100px;animation:float 20s ease-in-out infinite;background:radial-gradient(circle,rgba(255,43,6,.15) 0%,rgba(255,43,6,.05) 50%,transparent 100%)}.circle-2{width:300px;height:300px;bottom:-150px;left:-100px;animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(255,43,6,.12) 0%,rgba(255,43,6,.04) 50%,transparent 100%)}.circle-3{width:200px;height:200px;top:50%;left:-100px;animation:float 10s ease-in-out infinite;background:radial-gradient(circle,rgba(255,43,6,.1) 0%,rgba(255,43,6,.03) 50%,transparent 100%)}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(20px)}}.status-message{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.status-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:3rem;max-width:480px;text-align:center}.status-card h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.status-card p{color:#6b7280;line-height:1.6}.char-count{font-size:.75rem;color:#9ca3af;text-align:right;margin-top:.25rem}.language-switcher{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;z-index:30}.language-switcher:hover{background:#fff;border-color:#ff2b06;color:#ff2b06;transform:translateY(-1px);box-shadow:0 4px 8px #ff2b0626}.language-switcher:active{transform:translateY(0)}.language-code{font-family:Inter,-apple-system,system-ui,sans-serif;letter-spacing:.025em}@media (max-width: 640px){.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.5rem}.register-card{padding:2rem 1.5rem}.language-switcher{top:1rem;right:1rem;padding:.375rem .75rem;font-size:.8125rem}}.dashboard-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:2rem 1rem;transition:background .3s ease}.dark .dashboard-page{background:linear-gradient(180deg,#0f172a,#1e293b)}.dashboard-container{max-width:1200px;margin:0 auto;padding-top:100px}.dashboard-header{margin-bottom:3rem;animation:fadeInDown .6s ease-out}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;transition:color .3s ease}.dark .dashboard-header h1{color:#f1f5f9}.dashboard-subtitle{font-size:1.125rem;color:#64748b;transition:color .3s ease}.dark .dashboard-subtitle{color:#94a3b8}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;animation:fadeIn .8s ease-out .2s backwards}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s}.dark .stat-card{background:#1e293b;box-shadow:0 1px 3px #0000004d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000026}.dark .stat-card:hover{box-shadow:0 10px 30px #00000080}.stat-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.approved{background:linear-gradient(135deg,#10b981,#059669)}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#1a202c;line-height:1;transition:color .3s ease}.dark .stat-value{color:#f1f5f9}.stat-label{font-size:.875rem;color:#64748b;margin-top:.25rem;transition:color .3s ease}.dark .stat-label{color:#94a3b8}.dashboard-section{margin-bottom:3rem;animation:fadeIn 1s ease-out .4s backwards}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:.25rem;transition:color .3s ease}.dark .section-header h2{color:#f1f5f9}.section-header p{font-size:1rem;color:#64748b;transition:color .3s ease}.dark .section-header p{color:#94a3b8}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.permission-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s}.dark .permission-card{background:#1e293b;box-shadow:0 1px 3px #0000004d}.permission-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000026}.dark .permission-card:hover{box-shadow:0 10px 30px #00000080}.permission-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.permission-header h3{font-size:1.125rem;font-weight:600;color:#1a202c;text-transform:capitalize;transition:color .3s ease}.dark .permission-header h3{color:#f1f5f9}.badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.permission-body{color:#64748b;font-size:.875rem;transition:color .3s ease}.dark .permission-body{color:#94a3b8}.permission-type{font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:capitalize;transition:color .3s ease}.dark .permission-type{color:#cbd5e1}.permission-date,.permission-expires{font-size:.8125rem;color:#94a3b8;transition:color .3s ease}.dark .permission-date,.dark .permission-expires{color:#64748b}.requests-list{display:flex;flex-direction:column;gap:1.5rem}.request-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid transparent;transition:all .3s}.dark .request-card{background:#1e293b;box-shadow:0 1px 3px #0000004d}.request-card:hover{box-shadow:0 4px 12px #00000026}.dark .request-card:hover{box-shadow:0 4px 12px #00000080}.request-card.status-pending{border-left-color:#f59e0b}.request-card.status-approved{border-left-color:#10b981}.request-card.status-rejected{border-left-color:#ef4444}.request-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;gap:1rem}.request-header h3{font-size:1.25rem;font-weight:600;color:#1a202c;text-transform:capitalize;transition:color .3s ease}.dark .request-header h3{color:#f1f5f9}.request-type{font-size:.875rem;color:#64748b;text-transform:capitalize;margin-top:.25rem;transition:color .3s ease}.dark .request-type{color:#94a3b8}.request-status{display:flex;align-items:center;gap:.5rem}.status-icon{flex-shrink:0}.status-icon.approved{color:#10b981}.status-icon.rejected{color:#ef4444}.status-icon.pending{color:#f59e0b}.request-body{display:flex;flex-direction:column;gap:1rem}.request-reason{padding:1rem;background:#f8fafc;border-radius:12px;transition:background .3s ease}.dark .request-reason{background:#0f172a}.request-reason strong,.admin-comment strong{display:block;font-size:.875rem;color:#475569;margin-bottom:.5rem;transition:color .3s ease}.dark .request-reason strong,.dark .admin-comment strong{color:#cbd5e1}.request-reason p,.admin-comment p{font-size:.875rem;color:#64748b;line-height:1.6;transition:color .3s ease}.dark .request-reason p,.dark .admin-comment p{color:#94a3b8}.admin-comment{padding:1rem;background:#fef3c7;border-radius:12px;border-left:3px solid #f59e0b;transition:background .3s ease}.dark .admin-comment{background:#422006;border-left-color:#f59e0b}.request-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#94a3b8;padding-top:1rem;border-top:1px solid #e2e8f0;transition:all .3s ease}.dark .request-footer{color:#64748b;border-top-color:#334155}.empty-state{text-align:center;padding:4rem 2rem;color:#94a3b8;transition:color .3s ease}.dark .empty-state{color:#64748b}.empty-state svg{color:#cbd5e1;margin-bottom:1rem;transition:color .3s ease}.dark .empty-state svg{color:#475569}.empty-state h3{font-size:1.25rem;font-weight:600;color:#475569;margin-bottom:.5rem;transition:color .3s ease}.dark .empty-state h3{color:#cbd5e1}.empty-state p{color:#94a3b8;transition:color .3s ease}.dark .empty-state p{color:#64748b}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;font-size:1.125rem;color:#64748b;transition:color .3s ease}.dark .loading-spinner{color:#94a3b8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-container{padding-top:80px}.dashboard-header h1{font-size:2rem}.permissions-grid{grid-template-columns:1fr}.request-header{flex-direction:column}.request-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.admin-page{width:100%}.admin-container{max-width:100%}.admin-header{margin-bottom:2rem;animation:fadeInDown .6s ease-out}.admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dark .admin-header h1{color:var(--text-primary)}.admin-subtitle{font-size:1rem;color:var(--text-secondary)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;position:relative}.tab-button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#667eea;transform:scaleX(0);transition:transform .2s}.tab-button.active{color:#667eea}.tab-button.active:after{transform:scaleX(1)}.tab-button:hover{color:#667eea}.admin-content{animation:fadeIn .8s ease-out}.content-toolbar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group svg{color:#64748b}.filter-group select{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s}.filter-group select:focus{outline:none;border-color:#667eea}.admin-request-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid transparent;margin-bottom:1.5rem;transition:all .3s}.admin-request-card:hover{box-shadow:0 4px 12px #00000026}.admin-request-card.status-pending{border-left-color:#f59e0b}.admin-request-card.status-approved{border-left-color:#10b981}.admin-request-card.status-rejected{border-left-color:#ef4444}.request-main{display:flex;flex-direction:column;gap:1.5rem}.request-user{display:flex;align-items:center;gap:1rem}.user-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0;text-transform:uppercase}.user-avatar.small{width:32px;height:32px;font-size:.875rem;border-radius:8px}.user-avatar.large{width:64px;height:64px;font-size:1.5rem;border-radius:16px}.user-info{flex:1}.user-info h3{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:.25rem}.user-email{font-size:.875rem;color:#64748b}.user-company{font-size:.8125rem;color:#94a3b8;margin-top:.125rem}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-row .label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.detail-row .value{font-size:.875rem;color:#1a202c;font-weight:500;text-transform:capitalize}.request-reason{padding:1rem;background:#f8fafc;border-radius:12px}.request-reason strong{display:block;font-size:.875rem;color:#475569;margin-bottom:.5rem}.request-reason p{font-size:.875rem;color:#64748b;line-height:1.6}.admin-comment{display:flex;align-items:start;gap:.75rem;padding:1rem;background:#fef3c7;border-radius:12px;border-left:3px solid #f59e0b}.admin-comment svg{flex-shrink:0;color:#f59e0b;margin-top:.125rem}.admin-comment strong{display:block;font-size:.875rem;color:#78350f;margin-bottom:.5rem}.admin-comment p{font-size:.875rem;color:#92400e;line-height:1.6}.request-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-approve,.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-reject{background:#fee2e2;color:#991b1b}.btn-reject:hover{background:#fecaca;transform:translateY(-2px)}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}.users-table{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table table{width:100%;border-collapse:collapse}.users-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.users-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#1a202c}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:#f8fafc}.user-cell{display:flex;align-items:center;gap:.75rem}.badge-user{background:#e0e7ff;color:#3730a3}.badge-admin{background:#fef3c7;color:#78350f}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.admin-container{padding-top:80px}.admin-header h1{font-size:2rem}.admin-tabs{overflow-x:auto}.tab-button{white-space:nowrap}.content-toolbar{flex-direction:column}.search-box{min-width:100%}.request-details{grid-template-columns:1fr}.request-actions{flex-direction:column}.users-table{overflow-x:auto}.users-table table{min-width:800px}}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(226,232,240,.8);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.user-menu-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.user-menu-trigger:hover:before{left:100%}.user-menu-trigger:hover{border-color:#3b82f680;box-shadow:0 4px 20px #3b82f626,0 0 0 3px #3b82f60d;transform:translateY(-1px);background:#fffffff2}.user-menu-trigger:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f61a}.user-menu-trigger .user-avatar{position:relative;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase;overflow:hidden;box-shadow:0 2px 8px #3b82f640;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-menu-trigger:hover .user-avatar{box-shadow:0 4px 12px #3b82f659;transform:scale(1.05)}.user-menu-trigger .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 2px #10b98133;animation:pulse-status 2s ease-in-out infinite}@keyframes pulse-status{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.user-menu-trigger .user-name{font-size:.9375rem;font-weight:600;color:#1e293b;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.user-menu-trigger:hover .user-name{color:#3b82f6}.user-menu-trigger .chevron{color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.user-menu-trigger:hover .chevron{color:#3b82f6}.user-menu-trigger .chevron.open{transform:rotate(180deg);color:#3b82f6}.user-menu-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:300px;background:#1e293bfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding:.75rem;z-index:1000;animation:slideDown .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(51,65,85,.6);transform-origin:top right}.user-menu-dropdown:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:inherit;border-left:1px solid rgba(51,65,85,.6);border-top:1px solid rgba(51,65,85,.6);transform:rotate(45deg);border-radius:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:14px;margin-bottom:.5rem;position:relative;overflow:hidden}.menu-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.menu-header .user-avatar.large{position:relative;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;text-transform:uppercase;flex-shrink:0;overflow:visible;box-shadow:0 4px 16px #3b82f64d}.avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:18px;border:2px solid rgba(59,130,246,.3);animation:rotate-ring 8s linear infinite}@keyframes rotate-ring{0%{transform:rotate(0);border-color:#3b82f64d}50%{border-color:#8b5cf64d}to{transform:rotate(360deg);border-color:#3b82f64d}}.status-indicator.large{width:14px;height:14px;bottom:0;right:0}.menu-header .user-avatar.large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-header .user-info{flex:1;min-width:0}.menu-header .user-name{font-size:1.0625rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:-.01em}.menu-header .user-email{font-size:.8125rem;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.25rem;opacity:.9}.admin-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.6875rem;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;box-shadow:0 2px 8px #f59e0b4d;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 2px 12px #f59e0b80}}.menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(51,65,85,.8),transparent);margin:.5rem 0}.menu-items{padding:.25rem 0}.menu-item{width:100%;display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:none;border:none;border-radius:12px;font-size:.9375rem;font-weight:500;color:#cbd5e1;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:translate(-3px);transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0}.menu-item:hover:before{transform:translate(0)}.menu-item:hover{background:#33415580;color:#60a5fa;transform:translate(2px);padding-left:1.25rem}.menu-item:active{transform:translate(1px) scale(.98)}.menu-item:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.menu-item svg{flex-shrink:0;color:currentColor;transition:transform .25s cubic-bezier(.4,0,.2,1)}.menu-item:hover svg{transform:scale(1.1)}.menu-item.logout{color:#fca5a5;margin-top:.25rem}.menu-item.logout:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.menu-item.logout:hover{background:#7f1d1d4d;color:#fecaca}.menu-item.logout:disabled{opacity:.5;cursor:not-allowed;transform:none}.menu-item.logout:disabled:hover{background:none;padding-left:1rem}.menu-item.logout svg.rotating{animation:rotate-icon 1s linear infinite}@keyframes rotate-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-item.theme-toggle-item{display:flex;justify-content:center;padding:.75rem 1rem;cursor:default}.menu-item.theme-toggle-item:hover{background:none;transform:none;padding-left:1rem}.menu-item.theme-toggle-item:before{display:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem;background:#33415580;border:1px solid rgba(51,65,85,.8);border-radius:10px;color:#cbd5e1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{background:#47556999;color:#60a5fa;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f61a}.theme-toggle:active{transform:scale(.96)}.theme-toggle svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover svg{transform:rotate(20deg) scale(1.1)}[data-theme=dark] .user-menu-trigger{background:#1e293be6;border-color:#334155cc}[data-theme=dark] .user-menu-trigger:hover{background:#1e293bf2;border-color:#3b82f680}[data-theme=dark] .user-menu-trigger .user-name{color:#f1f5f9}[data-theme=dark] .user-menu-trigger:hover .user-name{color:#60a5fa}[data-theme=light] .user-menu-dropdown{background:#fffffffa;border-color:#e2e8f0cc}[data-theme=light] .menu-header{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d)}[data-theme=light] .menu-header .user-name{color:#1e293b}[data-theme=light] .menu-header .user-email{color:#64748b}[data-theme=light] .menu-item{color:#475569}[data-theme=light] .menu-item:hover{background:#e2e8f080;color:#3b82f6}[data-theme=light] .menu-divider{background:linear-gradient(90deg,transparent,rgba(226,232,240,.8),transparent)}[data-theme=light] .theme-toggle{background:#e2e8f080;border-color:#cbd5e1cc;color:#475569}[data-theme=light] .theme-toggle:hover{background:#cbd5e199;color:#3b82f6;border-color:#3b82f64d}@media (max-width: 768px){.user-menu-trigger .user-name{display:none}.user-menu-trigger{padding:.5rem}.user-menu-dropdown{right:-.5rem;width:280px}.user-menu-dropdown:before{right:16px}.menu-header{padding:1rem}.menu-header .user-avatar.large{width:48px;height:48px}.menu-item{padding:.75rem .875rem}.menu-item:hover{padding-left:1.125rem}}.restricted-asset{position:relative;overflow:hidden;border-radius:16px}.restricted-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease-out}.restricted-content{text-align:center;padding:2rem;max-width:400px}.lock-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.restricted-content h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.restricted-content p{font-size:1rem;color:#ffffffd9;margin-bottom:1.5rem}.restricted-content .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.restricted-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.blurred-content{filter:blur(8px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.access-request-modal .modal-content{max-width:600px}.request-info{background:#f8fafc;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-row:not(:last-child){border-bottom:1px solid #e2e8f0}.info-row .label{font-size:.875rem;font-weight:600;color:#64748b}.info-row .value{font-size:.875rem;color:#1a202c;font-weight:500;text-transform:capitalize}.modal-content textarea{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.9375rem;font-family:inherit;resize:vertical;transition:all .2s}.modal-content textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;margin-bottom:1rem}.success-state{text-align:center;padding:3rem 2rem}.success-state .success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.5rem;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-state h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.success-state p{font-size:1rem;color:#64748b;margin-bottom:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1a202c}.modal-close{width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#1a202c}.modal-body{padding:2rem}.modal-footer{display:flex;gap:1rem;padding:1rem 2rem 2rem;border-top:1px solid #e2e8f0}.modal-footer .btn-secondary{flex:1;padding:.875rem 1.5rem;background:#f1f5f9;color:#475569;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-footer .btn-secondary:hover{background:#e2e8f0}.modal-footer .btn-primary{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.modal-footer .btn-primary:disabled,.modal-footer .btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 640px){.restricted-content{padding:1.5rem}.restricted-content h3{font-size:1.25rem}.lock-icon{width:64px;height:64px}.modal-header,.modal-body,.modal-footer{padding-left:1.5rem;padding-right:1.5rem}.modal-footer{flex-direction:column}}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);transition:background .3s ease}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--primary-color: #3b82f6;--primary-hover: #2563eb;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--header-height: 72px}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-color: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}.dashboard-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;transition:all .3s ease}.dashboard-header-content{height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;max-width:100%}.dashboard-header-left{display:flex;align-items:center;gap:1.5rem;flex:1;max-width:600px}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.menu-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dashboard-header-search{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;height:44px;padding:0 1rem 0 3rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.dashboard-header-right{display:flex;align-items:center;gap:.75rem}.header-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:10px;transition:all .2s ease}.header-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{position:absolute;top:8px;right:8px;width:18px;height:18px;background:var(--error-color);color:#fff;border-radius:50%;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary)}.header-notifications{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:360px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;animation:slideDown .2s ease}.notifications-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.notifications-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.mark-read-btn{font-size:.75rem;color:var(--primary-color);background:none;border:none;cursor:pointer;font-weight:500;transition:opacity .2s}.mark-read-btn:hover{opacity:.8}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem 1.25rem;display:flex;gap:.75rem;border-bottom:1px solid var(--border-color);transition:background .2s ease;cursor:pointer}.notification-item:hover{background:var(--bg-tertiary)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#3b82f60d}.notification-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.success{background:#10b9811a;color:var(--success-color)}.notification-icon.info{background:#3b82f61a;color:var(--primary-color)}.notification-icon.warning{background:#f59e0b1a;color:var(--warning-color)}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.25rem}.notification-time{font-size:.75rem;color:var(--text-tertiary)}.notifications-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);text-align:center}.view-all-btn{width:100%;padding:.5rem;background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background .2s}.view-all-btn:hover{background:#3b82f61a}.header-user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:transparent;border:none;cursor:pointer;border-radius:12px;transition:background .2s}.user-menu-trigger:hover{background:var(--bg-tertiary)}.user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;overflow:hidden}.user-avatar.large{width:56px;height:56px;font-size:1.125rem}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.2}.user-role{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.chevron{color:var(--text-tertiary);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;animation:slideDown .2s ease}.user-menu-header{padding:1.25rem;display:flex;gap:1rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d)}.user-details{flex:1;min-width:0}.user-details .user-name{font-size:1rem;margin-bottom:.25rem}.user-email{font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem}.admin-badge{display:inline-block;padding:.25rem .625rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.6875rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.user-menu-divider{height:1px;background:var(--border-color);margin:.5rem 0}.user-menu-items{padding:.5rem}.user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.user-menu-item:hover{background:var(--bg-tertiary)}.user-menu-item.logout{color:var(--error-color)}.user-menu-item.logout:hover{background:#ef44441a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-header-search,.user-info{display:none}.dashboard-header-content{padding:0 1rem}}.dashboard-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:90;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-text{font-size:1.125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;opacity:1;transition:opacity .2s}.dashboard-sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:2rem}.nav-section-bottom{margin-top:auto;margin-bottom:0;padding-top:1rem;border-top:1px solid var(--border-color)}.nav-item{position:relative;display:flex;align-items:center;padding:.75rem 1rem;margin-bottom:.25rem;color:var(--text-secondary);text-decoration:none;border-radius:10px;transition:all .2s ease;cursor:pointer}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:var(--primary-color);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 3px 3px 0}.nav-item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.nav-icon{flex-shrink:0}.nav-label{font-size:.9375rem;white-space:nowrap;opacity:1;transition:opacity .2s}.dashboard-sidebar.collapsed .nav-label{opacity:0;width:0;overflow:hidden}.nav-badge{margin-left:auto;padding:.25rem .5rem;background:var(--error-color);color:#fff;font-size:.6875rem;font-weight:700;border-radius:10px;line-height:1;opacity:1;transition:opacity .2s}.dashboard-sidebar.collapsed .nav-badge{opacity:0;width:0;overflow:hidden}.nav-badge-dot{position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;background:var(--error-color);border-radius:50%;border:2px solid var(--bg-secondary)}.sidebar-collapse-toggle{position:absolute;bottom:5rem;right:-12px;width:24px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;z-index:10}.sidebar-collapse-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border-color)}.sidebar-stats{display:flex;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:12px;opacity:1;transition:opacity .2s}.dashboard-sidebar.collapsed .sidebar-stats{opacity:0;height:0;padding:0;overflow:hidden}.stat-item{flex:1;text-align:center}.stat-item .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-item .stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.dashboard-main{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.dashboard-content{padding:2rem;max-width:1600px;margin:0 auto}.dashboard-overlay{display:none}@media (max-width: 1023px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-sidebar.collapsed{width:var(--sidebar-width)}.sidebar-collapse-toggle{display:none}.dashboard-main,.dashboard-main.sidebar-collapsed{margin-left:0}.dashboard-overlay{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#00000080;z-index:85;animation:fadeIn .2s ease}.dashboard-sidebar.collapsed .logo-text,.dashboard-sidebar.collapsed .nav-label,.dashboard-sidebar.collapsed .nav-badge{opacity:1;width:auto;overflow:visible}.dashboard-sidebar.collapsed .sidebar-stats{opacity:1;height:auto;padding:.75rem}}@media (max-width: 640px){.dashboard-content{padding:1rem}.dashboard-sidebar{width:280px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-overview{display:flex;flex-direction:column;gap:2rem}.dashboard-overview.loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-secondary);font-size:.9375rem}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:2rem;animation:slideInFromTop .5s ease}.welcome-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.welcome-content p{font-size:1rem;color:var(--text-secondary);line-height:1.5}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-primary:active{transform:translateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;animation:fadeInUp .5s ease .1s backwards}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#667eea4d}.stat-card.primary{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b0d,#ea580c0d)}.stat-card.success{background:linear-gradient(135deg,#10b9810d,#0596690d)}.stat-card.info{background:linear-gradient(135deg,#6366f10d,#4f46e50d)}.stat-header{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#ea580c)}.stat-card.success .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.info .stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-trend{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#10b9811a;color:var(--success-color);border-radius:8px;font-size:.75rem;font-weight:600}.stat-trend.positive{background:#10b9811a;color:var(--success-color)}.stat-badge{padding:.25rem .625rem;background:var(--error-color);color:#fff;border-radius:8px;font-size:.75rem;font-weight:700}.stat-body{display:flex;flex-direction:column;gap:.5rem}.stat-body .stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-body .stat-label{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.stat-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s;margin-top:auto}.stat-action:hover{background:#3b82f61a}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;animation:fadeInUp .5s ease .2s backwards}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.dashboard-card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-title{display:flex;align-items:center;gap:.75rem}.card-title h2{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-title.warning{color:var(--warning-color)}.btn-text{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:background .2s}.btn-text:hover{background:#3b82f61a}.card-content{padding:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-tertiary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.9375rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;transition:all .2s}.activity-item:hover{background:var(--bg-primary);transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item.success .activity-icon{background:#10b9811a;color:var(--success-color)}.activity-item.info .activity-icon{background:#3b82f61a;color:var(--primary-color)}.activity-item.warning .activity-icon{background:#f59e0b1a;color:var(--warning-color)}.activity-item.error .activity-icon{background:#ef44441a;color:var(--error-color)}.activity-content{flex:1;min-width:0}.activity-content h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.activity-content p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.activity-time{font-size:.75rem;color:var(--text-tertiary)}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:.875rem;font-weight:600;text-align:center}.action-btn:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn svg{color:var(--primary-color)}.expiring-permissions{animation:fadeInUp .5s ease .3s backwards}.expiring-list{display:flex;flex-direction:column;gap:1rem}.expiring-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:12px;transition:all .2s}.expiring-item:hover{border-color:var(--warning-color);box-shadow:0 4px 12px #f59e0b1a}.expiring-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;text-transform:capitalize}.expiring-info p{font-size:.875rem;color:var(--text-secondary);text-transform:capitalize}.expiring-days{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:#f59e0b1a;border-radius:10px}.days-count{font-size:1.5rem;font-weight:700;color:var(--warning-color);line-height:1;margin-bottom:.25rem}.days-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.action-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-welcome{flex-direction:column;align-items:flex-start}.welcome-content h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.btn-primary{width:100%;justify-content:center}}@media (max-width: 640px){.welcome-content h1{font-size:1.5rem}.stat-body .stat-value{font-size:2rem}.action-buttons{grid-template-columns:1fr}}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.brands-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.brand-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.brand-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.brand-card-header{height:120px;display:flex;align-items:center;justify-content:center;position:relative;padding:1.5rem}.brand-card-header .brand-logo{max-width:180px;max-height:80px;display:flex;align-items:center;justify-content:center;background:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.brand-card-header .brand-logo img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.brand-card-header .badge{position:absolute;top:.75rem;right:.75rem}.brand-card-body{padding:1.5rem}.brand-card-body h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.brand-slug{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem;font-family:Courier New,monospace}.brand-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-meta{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.brand-category,.brand-founded{font-size:.75rem;padding:.25rem .75rem;background:var(--background-secondary);border-radius:12px;color:var(--text-secondary)}.brand-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-bottom:.75rem}.brand-stats .stat-item{display:flex;flex-direction:column;gap:.25rem}.brand-stats .stat-item strong{font-size:1.125rem;color:var(--text-primary)}.brand-stats .stat-item span{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.brand-date{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem}.brand-card-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;background:var(--background-secondary);border-top:1px solid var(--border-color)}.brand-card-actions .btn-icon{flex:1;justify-content:center}.view-toggle{display:flex;background:var(--background-secondary);border-radius:8px;padding:.25rem}.view-toggle button{padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.view-toggle button:hover{color:var(--text-primary);background:var(--background-hover)}.view-toggle button.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.toolbar-actions{display:flex;gap:1rem;align-items:center}.brand-editor .editor-tabs{display:flex;gap:.5rem;background:#fff;padding:1rem 1.5rem 0;border-bottom:1px solid var(--border-color);overflow-x:auto}.brand-editor .tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.brand-editor .tab:hover{color:var(--text-primary);background:var(--background-hover);border-radius:8px 8px 0 0}.brand-editor .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.brand-editor .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:10px}.brand-editor .editor-content{background:#fff;padding:2rem 1.5rem;min-height:60vh}.form-section{max-width:1200px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group .required{color:#ef4444}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-primary);background:#fff;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.error-message{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ef4444}.color-input{display:flex;gap:.75rem}.color-input input[type=color]{width:60px;height:42px;padding:.25rem;cursor:pointer}.color-input input[type=text]{flex:1}.form-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;gap:1rem}.header-with-back{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;gap:.75rem}.colors-list{display:flex;flex-direction:column;gap:1.5rem}.color-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color)}.color-preview{width:80px;height:80px;border-radius:8px;flex-shrink:0;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.color-fields{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.placeholder-content svg{color:var(--text-tertiary);margin-bottom:1rem}.placeholder-content p{margin:.5rem 0;font-size:.875rem}.placeholder-content .text-muted{color:var(--text-tertiary);max-width:500px}@media (max-width: 768px){.brands-grid,.form-grid{grid-template-columns:1fr}.color-item{flex-direction:column}.color-fields{grid-template-columns:1fr}.header-with-back h1{font-size:1.25rem}.header-actions{flex-wrap:wrap}.toolbar-actions{flex-direction:column;align-items:stretch;width:100%}.view-toggle{width:100%}.brand-card-actions{flex-wrap:wrap}.brand-card-actions .btn-icon{flex:1 1 calc(50% - .25rem)}}.asset-type-selector{display:flex;gap:1rem;align-items:center}.asset-type-selector select{min-width:200px}.assets-list h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.empty-state-small{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.asset-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary);transition:all .2s ease}.asset-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.asset-preview{width:100%;height:160px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:1rem}.asset-file-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.asset-file-icon span{font-size:.75rem;font-weight:600;text-transform:uppercase}.asset-info{padding:1rem}.asset-name-input{width:100%;font-weight:600;margin-bottom:.5rem}.asset-info textarea{width:100%;font-size:.875rem;margin-bottom:.75rem;min-height:60px}.asset-meta{margin-bottom:.75rem}.asset-meta label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.asset-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.info-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--primary-color-alpha-10);border:1px solid var(--primary-color);border-radius:8px;color:var(--text-primary)}.typography-list{display:flex;flex-direction:column;gap:1.5rem}.typography-item{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;background:var(--bg-primary)}.typography-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.typography-number{font-weight:600;color:var(--text-primary);flex:1}.typography-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.typography-fields .full-width{grid-column:1 / -1}.upload-zone-container{width:100%}.upload-zone{border:2px dashed var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.upload-zone:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.upload-zone.drag-active{border-color:var(--primary-color);background:var(--primary-color-alpha-10);transform:scale(1.02)}.upload-zone.uploading{pointer-events:none;opacity:.6}.upload-icon{margin:0 auto 1rem;color:var(--text-secondary)}.upload-zone h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.upload-zone p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.upload-hint{display:inline-block;font-size:.75rem;color:var(--text-tertiary);background:var(--bg-primary);padding:.25rem .75rem;border-radius:6px}.upload-progress-list{margin-top:1.5rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.upload-progress-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.upload-progress-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.upload-progress-item{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.upload-progress-item:last-child{border-bottom:none}.upload-file-info{display:flex;align-items:center;gap:.75rem}.upload-file-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.upload-file-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.upload-file-size{font-size:.75rem;color:var(--text-secondary)}.upload-progress-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;margin-top:.75rem;overflow:hidden}.upload-progress-fill{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.upload-error-message{display:block;font-size:.75rem;color:var(--error-color);margin-top:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.border{border-width:1px}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1a202c;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-color-hover: #cbd5e1}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--border-color-hover: #475569}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}section[id]{scroll-margin-top:80px}