*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3f51b5;--primary-dark:#303f9f;--primary-light:#c5cae9;--secondary:#ff4081;--secondary-dark:#c60055;--text-primary:#212121;--text-secondary:#757575;--divider:#bdbdbd;--background:#f5f5f5;--white:#fff;--error:#f44336;--success:#4caf50;--warning:#ff9800;--box-shadow:0 2px 8px #00000026}body{background-color:#f5f5f5;background-color:var(--background);color:#212121;color:var(--text-primary);font-family:Poppins,sans-serif;line-height:1.6}a{color:#3f51b5;color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:Poppins,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 15px}.card{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #00000026;box-shadow:var(--box-shadow);margin-bottom:20px;padding:20px}.btn{border:none;border-radius:4px;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;transition:all .3s ease}.btn-primary{background-color:#3f51b5;background-color:var(--primary);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#303f9f;background-color:var(--primary-dark)}.btn-secondary{background-color:#ff4081;background-color:var(--secondary);color:#fff;color:var(--white)}.btn-secondary:hover{background-color:#c60055;background-color:var(--secondary-dark)}.form-group{margin-bottom:15px}.form-control{border:1px solid #bdbdbd;border:1px solid var(--divider);border-radius:4px;font-family:Poppins,sans-serif;font-size:14px;padding:10px;width:100%}.form-control:focus{border-color:#3f51b5;border-color:var(--primary);outline:none}.alert{border-radius:4px;margin-bottom:15px;padding:10px 15px}.alert-error{background-color:#f443361a;border:1px solid #f44336;border:1px solid var(--error);color:#f44336;color:var(--error)}.alert-success{background-color:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success);color:#4caf50;color:var(--success)}.grid{grid-gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fe81ee44.css.map*/