.card-unified{border-radius:var(--radius-panel);border:1px solid var(--border);background:color-mix(in srgb, var(--card) 85%, transparent);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}html[data-app-theme=vaporwave] .card-unified,html[data-app-theme=cyberpunk] .card-unified,html[data-app-theme=studio-dark] .card-unified{background:color-mix(in srgb, var(--background) 40%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:color-mix(in srgb, var(--border) 60%, transparent)}html[data-app-theme=studio] .card-unified{background:color-mix(in srgb, var(--card) 95%, transparent);box-shadow:0 4px 20px -8px #0000001a}html[data-app-theme=vaporwave] .card-unified:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent), 0 10px 40px -10px color-mix(in srgb, var(--primary) 20%, transparent), var(--shadow-card);border-color:color-mix(in srgb, var(--primary) 40%, transparent)}html[data-app-theme=cyberpunk] .card-unified{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),8px 8px)}html[data-app-theme=cyberpunk] .card-unified:hover{box-shadow:inset -1px 0 0 var(--primary), 0 4px 20px -8px color-mix(in srgb, var(--primary) 30%, transparent)}html[data-app-theme=clean] .card-unified,html[data-app-theme=clean-dark] .card-unified{background:var(--card);box-shadow:var(--shadow-card)}html[data-app-theme=clean-dark] .card-unified:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent), 0 8px 28px -8px color-mix(in srgb, var(--primary) 18%, transparent), var(--shadow-card);border-color:color-mix(in srgb, var(--primary) 28%, transparent)}html[data-app-theme=warm] .card-unified,html[data-app-theme=warm-dark] .card-unified{background:var(--card);box-shadow:var(--shadow-card)}html[data-app-theme=warm-dark] .card-unified:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent), 0 8px 28px -8px color-mix(in srgb, var(--primary) 16%, transparent), var(--shadow-card);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}html[data-app-theme=aurora-dark] .card-unified:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent), 0 8px 32px -8px color-mix(in srgb, var(--primary) 18%, transparent), var(--shadow-card);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}html[data-app-theme=vaporwave] .card-gradient:before,html[data-app-theme=cyberpunk] .card-gradient:before,html[data-app-theme=studio-dark] .card-gradient:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent) 0%, transparent 50%, color-mix(in srgb, var(--accent) 5%, transparent) 100%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}html[data-app-theme=vaporwave] .card-gradient:hover:before,html[data-app-theme=cyberpunk] .card-gradient:hover:before,html[data-app-theme=studio-dark] .card-gradient:hover:before{opacity:1}.stat-card{position:relative;overflow:hidden}.stat-card .stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.action-card{color:inherit;text-decoration:none}.action-card .action-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover .action-icon{transform:translate(4px)}html[data-app-theme=vaporwave] .page-header-gradient,html[data-app-theme=cyberpunk] .page-header-gradient,html[data-app-theme=studio-dark] .page-header-gradient{position:relative}html[data-app-theme=vaporwave] .page-header-gradient:before{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--primary) 5%, transparent) 0%, transparent 50%);pointer-events:none;z-index:-1;width:150%;height:200%;position:absolute;top:-50%;left:-25%}.page-content{max-width:1200px;margin:0 auto}.page-section{margin-bottom:3rem}.page-section:last-child{margin-bottom:0}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.card-unified{border-radius:calc(var(--radius-panel) * .8)}html[data-app-theme=cyberpunk] .card-unified{clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),4px 4px)}}