*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f6f7f8;min-height:100vh;color:#54565a}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:30px;margin-bottom:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:#7b868c;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7b868c66;background:#6a757a}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#54565a}.form-control{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#7b868c}.alert{padding:15px;border-radius:8px;margin-bottom:20px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{border:4px solid #F6F7F8;border-top:4px solid #7B868C;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3{color:#54565a;margin-bottom:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.container{padding:10px}.card{padding:20px}}