:root{--color-primary:#3b82f6;--color-secondary:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--color-accent:#3b82f6;--border-radius:8px;--font-family:"Inter",sans-serif;--font-size-base:16px;--spacing-density:0.75rem;--transition-duration:300ms;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--shadow-color:rgba(0,0,0,.1)}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--shadow-color:rgba(0,0,0,.3)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-shimmer{animation:shimmer 2s infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-small{font-size:14px}.text-medium{font-size:16px}.text-large{font-size:18px}.density-compact{--spacing-unit:0.5rem;--padding-sm:0.25rem;--padding-md:0.5rem;--padding-lg:0.75rem}.density-comfortable{--spacing-unit:0.75rem;--padding-sm:0.5rem;--padding-md:0.75rem;--padding-lg:1rem}.density-spacious{--spacing-unit:1rem;--padding-sm:0.75rem;--padding-md:1rem;--padding-lg:1.25rem}[data-card-style=flat] .card{box-shadow:none}[data-card-style=elevated] .card,[data-card-style=flat] .card{background:var(--bg-primary);border:1px solid var(--border-color)}[data-card-style=elevated] .card{box-shadow:0 1px 3px var(--shadow-color)}[data-card-style=outlined] .card{background:transparent;border:2px solid var(--border-color);box-shadow:none}[data-button-style=rounded] .btn{border-radius:var(--border-radius)}[data-button-style=square] .btn{border-radius:0}[data-button-style=pill] .btn{border-radius:9999px}[data-sidebar-position=left] .sidebar{left:0;right:auto}[data-sidebar-position=right] .sidebar{right:0;left:auto}[data-sidebar-position=right] .main-content{margin-left:0;margin-right:16rem}[data-sidebar-style=compact] .sidebar{width:4rem}[data-sidebar-style=compact] .sidebar .nav-text{display:none}[data-sidebar-style=auto] .sidebar,[data-sidebar-style=expanded] .sidebar{width:16rem}@media (max-width:768px){[data-sidebar-style=auto] .sidebar{width:4rem}[data-sidebar-style=auto] .sidebar .nav-text{display:none}}[data-topbar-style=fixed] .topbar{position:fixed;top:0;z-index:40}[data-topbar-style=static] .topbar{position:static}[data-topbar-style=hidden] .topbar{display:none}[data-animations-disabled=true] *{transition:none!important;animation:none!important}.themed-bg-primary{background-color:var(--bg-primary)}.themed-bg-secondary{background-color:var(--bg-secondary)}.themed-bg-tertiary{background-color:var(--bg-tertiary)}.themed-text-primary{color:var(--text-primary)}.themed-text-secondary{color:var(--text-secondary)}.themed-text-tertiary{color:var(--text-tertiary)}.themed-border{border-color:var(--border-color)}.themed-shadow{box-shadow:0 1px 3px var(--shadow-color)}.themed-accent{color:var(--color-accent)}.themed-accent-bg{background-color:var(--color-accent)}.themed-primary{color:var(--color-primary)}.themed-primary-bg{background-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.theme-blue{--color-primary:#3b82f6;--color-accent:#3b82f6}.theme-green{--color-primary:#10b981;--color-accent:#10b981}.theme-purple{--color-primary:#8b5cf6;--color-accent:#8b5cf6}.theme-pink{--color-primary:#ec4899;--color-accent:#ec4899}.theme-orange{--color-primary:#f97316;--color-accent:#f97316}.theme-red{--color-primary:#ef4444;--color-accent:#ef4444}.theme-indigo{--color-primary:#6366f1;--color-accent:#6366f1}.theme-teal{--color-primary:#14b8a6;--color-accent:#14b8a6}