body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#10b981;--danger-color:#ef4444;--background-color:#f3f4f6;--white:#fff;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .2s,transform .1s;border:none;font-size:.875rem}.button:active{transform:translateY(1px)}.button-primary{background-color:var(--primary-color);color:var(--white)}.button-primary:hover{background-color:var(--primary-hover)}.button-success{background-color:var(--secondary-color);color:var(--white)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-neutral{background-color:#e5e7eb;color:#374151}