:root{--color-dark: #1F1D2B;--color-dark-lighter: #2A2838;--color-dark-surface: #353342;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E8E8E8;--color-gray-300: #D4D4D4;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-white: #FFFFFF;--color-black: #0A0A0A;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-accent: var(--theme-accent, #0077B5);--color-accent-hover: var(--theme-accent-hover, #005A8C);--color-accent-light: var(--theme-accent-light, #E8F4FC);--color-text-primary: var(--color-dark);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-surface: var(--color-white);--color-surface-alt: var(--color-gray-50);--color-surface-elevated: var(--color-white);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-focus: var(--color-accent)}[data-theme=personal],.theme-personal{--theme-accent: #0077B5;--theme-accent-hover: #005A8C;--theme-accent-light: #E8F4FC;--theme-accent-rgb: 0, 119, 181}[data-theme=corporate],.theme-corporate{--theme-accent: #00745E;--theme-accent-hover: #005A48;--theme-accent-light: #E6F2EF;--theme-accent-rgb: 0, 116, 94;--color-division-media: #6366F1;--color-division-ai: #8B5CF6;--color-division-vc: #0EA5E9;--color-division-agency: #10B981}:root{--color-accent-10: rgba(var(--theme-accent-rgb, 0, 119, 181), .1);--color-accent-20: rgba(var(--theme-accent-rgb, 0, 119, 181), .2);--color-accent-50: rgba(var(--theme-accent-rgb, 0, 119, 181), .5)}:root{--font-display: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Encode Sans Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;--text-3xl: 2rem;--text-4xl: 2.25rem;--text-5xl: 2.75rem;--text-6xl: 3.25rem;--text-7xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--heading-1: var(--font-bold) var(--text-5xl)/var(--leading-tight) var(--font-display);--heading-2: var(--font-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);--heading-3: var(--font-semibold) var(--text-3xl)/var(--leading-snug) var(--font-display);--heading-4: var(--font-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display);--heading-5: var(--font-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);--heading-6: var(--font-semibold) var(--text-lg)/var(--leading-snug) var(--font-display);--body-lg: var(--font-normal) var(--text-lg)/var(--leading-relaxed) var(--font-body);--body-base: var(--font-normal) var(--text-base)/var(--leading-normal) var(--font-body);--body-sm: var(--font-normal) var(--text-sm)/var(--leading-normal) var(--font-body);--ui-lg: var(--font-medium) var(--text-base)/var(--leading-none) var(--font-body);--ui-base: var(--font-medium) var(--text-sm)/var(--leading-none) var(--font-body);--ui-sm: var(--font-medium) var(--text-xs)/var(--leading-none) var(--font-body);--label: var(--font-semibold) var(--text-xs)/var(--leading-none) var(--font-body);--caption: var(--font-normal) var(--text-xs)/var(--leading-normal) var(--font-body)}@media(max-width:768px){:root{--text-5xl: 2.5rem;--text-6xl: 2.75rem;--text-7xl: 3.25rem}}@media(max-width:480px){:root{--text-4xl: 2rem;--text-5xl: 2.25rem;--text-6xl: 2.5rem}}:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--gap-xs: var(--space-1);--gap-sm: var(--space-2);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8);--section-spacing-sm: var(--space-8);--section-spacing-md: var(--space-12);--section-spacing-lg: var(--space-16);--section-spacing-xl: var(--space-24);--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-full: 100%;--content-width: 68.75rem;--content-narrow: 48rem;--content-wide: 80rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--radius-none: 0;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-accent-sm: 0 1px 3px 0 var(--color-accent-20);--shadow-accent-md: 0 4px 6px -1px var(--color-accent-20);--shadow-accent-lg: 0 10px 15px -3px var(--color-accent-20);--shadow-hover: 0 8px 25px -5px rgba(0, 0, 0, .15), 0 4px 10px -4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px var(--color-accent-20);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-none: none;--transition-all: all var(--duration-200) var(--ease-in-out);--transition-fast: all var(--duration-150) var(--ease-out);--transition-base: all var(--duration-200) var(--ease-in-out);--transition-slow: all var(--duration-300) var(--ease-in-out);--transition-colors: color var(--duration-200) var(--ease-in-out), background-color var(--duration-200) var(--ease-in-out), border-color var(--duration-200) var(--ease-in-out);--transition-opacity: opacity var(--duration-200) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-200) var(--ease-in-out);--transition-transform: transform var(--duration-200) var(--ease-in-out);--z-behind: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-default: var(--border-width-1) solid var(--color-border);--border-light: var(--border-width-1) solid var(--color-border-light);--border-accent: var(--border-width-2) solid var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}:root{--animation-fade-in: fadeIn var(--duration-200) var(--ease-out);--animation-fade-out: fadeOut var(--duration-200) var(--ease-in);--animation-slide-up: slideUp var(--duration-300) var(--ease-out);--animation-slide-down: slideDown var(--duration-300) var(--ease-out);--animation-pulse: pulse 2s var(--ease-in-out) infinite;--animation-spin: spin 1s var(--ease-linear) infinite}
