:root{--color-primary:#3b82f6;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg:#f8fafc;--color-card:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--border-color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none}button{border:none;cursor:pointer}button,input{font-family:inherit;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:var(--color-card);border:1px solid var(--border-color);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg)}.card{background-color:var(--color-card);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;width:100%}.form-group input:focus{border-color:var(--color-primary)}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:700}.page-header p{color:var(--color-text-secondary);margin-top:.25rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}