#root,.app{width:100%;min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#6b7280;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--dark:#1f2937;--light:#f3f4f6;--white:#fff;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono:"Courier New", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--dark);background-color:var(--light);font-size:16px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--dark)}.page-container{background-color:var(--light);min-height:100vh}.container{max-width:1440px;padding:0 var(--spacing-md);margin:0 auto}.loading-state,.empty-state,.error-state{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);min-height:400px;padding:var(--spacing-xl);flex-direction:column;display:flex}.spinner{border:4px solid var(--light);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--primary);color:var(--white);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (width<=768px){body{font-size:14px}}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}}