import React from "react"; const styles = ` *{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}button{font-family:inherit;cursor:pointer;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s ease}button.primary{background-color:#007bff;color:#fff}button.primary:hover{background-color:#0056b3}button.danger{background-color:#dc3545;color:#fff}button.danger:hover{background-color:#c82333}button.secondary{background-color:#6c757d;color:#fff}button.secondary:hover{background-color:#5a6268}button.success{background-color:#28a745;color:#fff}button.success:hover{background-color:#218838}input,textarea,select{font-family:inherit;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;margin-bottom:10px}input:focus,textarea:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:15px 0;margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.header h1{font-size:24px;color:#007bff}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px}.alert.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}table{width:100%;border-collapse:collapse;margin-top:10px}table th{background-color:#f8f9fa;padding:12px;text-align:left;border-bottom:2px solid #dee2e6;font-weight:600}table td{padding:12px;border-bottom:1px solid #dee2e6}table tr:hover{background-color:#f8f9fa}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.badge.pending{background-color:#ffc107;color:#000}.badge.completed{background-color:#28a745;color:#fff}.badge.verified{background-color:#17a2b8;color:#fff}.badge.unverified{background-color:#dc3545;color:#fff}.loading{text-align:center;padding:20px;color:#666}.spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}`; export default styles;{}