:root{--primary-color: #2c3e50;--secondary-color: #e74c3c;--accent-color: #3498db;--background-color: #f4f6f8;--card-bg: #ffffff;--text-color: #333333;--text-muted: #7f8c8d;--border-color: #e0e0e0;--header-height: 60px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.m-4{margin:1rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.text-white{color:#fff}.w-full{width:100%}.h-full{height:100%}.btn{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:background .2s}.btn-primary{background-color:var(--secondary-color);color:#fff}.btn-primary:hover{opacity:.9}.card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;width:100%}