.page-container{min-height:100vh;position:relative}.page-content{container:page/inline-size;margin:0 auto;padding:1rem;max-width:1200px;background:var(--page-card-bg);backdrop-filter:blur(12px);border:1px solid var(--page-border);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@container page (min-width: 768px){.page-content{padding:2rem}}.page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@container page (min-width: 768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-title{font-size:1.875rem;font-weight:700;line-height:1.2}.page-title-gradient{background:linear-gradient(90deg,#22d3ee,#a855f7);background-clip:text;-webkit-background-clip:text;color:transparent;will-change:transform}.page-section{margin-bottom:2rem}.page-section:last-child{margin-bottom:0}.page-section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.page-card{background:var(--page-card-bg);backdrop-filter:blur(12px);border:1px solid var(--page-border);border-radius:.5rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:all .2s ease-in-out;will-change:border-color}.page-card:hover{border-color:rgba(100,116,139,.5)}.page-loading-skeleton{animation:page-pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--page-card-bg);border-radius:.5rem;will-change:opacity}.page-loading-large{height:16rem}.page-loading-medium{height:8rem}.page-loading-small{height:4rem}@keyframes page-pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--page-bg-primary:rgba(15,23,42,.86);--page-bg-secondary:rgba(88,28,135,.86);--page-card-bg:hsl(var(--card)/0.3);--page-border:rgba(51,65,85,.5)}.page-gradient-bg{position:fixed;inset:0;z-index:-10;background:linear-gradient(135deg,#0f172a,#581c87 50%,#0f172a);background-attachment:fixed;will-change:transform}.page-dark-bg{background-color:#0f172a;color:#fff}.page-light-bg{background-color:#f8fafc;color:#0f172a}.page-text-primary{color:#fff}.page-text-secondary{color:#94a3b8}.page-text-muted{color:#64748b}.page-grid-1,.page-grid-2{display:grid;gap:1.5rem}.page-grid-2{grid-template-columns:1fr}@container page (min-width: 768px){.page-grid-2{grid-template-columns:repeat(2,1fr)}}.page-grid-3{display:grid;gap:1.5rem;grid-template-columns:1fr}@container page (min-width: 768px){.page-grid-3{grid-template-columns:repeat(2,1fr)}}@container page (min-width: 1024px){.page-grid-3{grid-template-columns:repeat(3,1fr)}}.page-optimized{contain:layout style paint;transform:translateZ(0)}.dashboard-card{background:var(--page-card-bg);backdrop-filter:blur(12px);border:1px solid var(--page-border);border-radius:.75rem;padding:1.5rem;transition:all .2s ease-in-out;will-change:border-color}.dashboard-card:hover{border-color:rgba(100,116,139,.5)}.dashboard-scrollbar{scrollbar-width:thin;scrollbar-color:#475569 #0f172a}.dashboard-scrollbar::-webkit-scrollbar{width:6px}.dashboard-scrollbar::-webkit-scrollbar-track{background:#0f172a;border-radius:3px}.dashboard-scrollbar::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.dashboard-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.dashboard-chart-container{contain:layout style;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.page-loading-skeleton{animation:none}.dashboard-card,.page-card{transition:none}.page-gradient-bg{background-attachment:scroll}}@media print{.page-gradient-bg{display:none}.page-container{background:#fff;color:#000}}