[x-cloak]{display:none!important}*{box-sizing:border-box}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-secondary);background-color:var(--surface-secondary)}.app-layout{min-height:100vh}.sidebar{display:block;height:100vh;width:var(--sidebar-width);background:var(--surface-primary);border-right:1px solid var(--border-color);position:fixed;left:0;top:0;z-index:100}.main-container{margin-left:var(--sidebar-width);min-height:100vh;padding:0 1rem}.loading{opacity:.6;pointer-events:none}.hidden{display:none}.visible{display:block}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.dashboard-wrapper{display:block}.dashboard-content{padding:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.dashboard-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.dashboard-card h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-secondary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--color-secondary);opacity:.7;font-size:var(--font-size-sm);margin:0}.page-header{margin-bottom:var(--spacing-md)}.page-header h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-secondary);margin:0;line-height:1.2}.page-description{color:var(--color-secondary);font-size:var(--font-size-sm);opacity:.7;margin:0;line-height:1.4}@media (max-width: var(--breakpoint-md)){.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.main-container{margin-left:0;padding:0 .75rem}.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.page-header h1{font-size:var(--font-size-display)}}