:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f0f2f5;color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{background-color:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 8px 16px #0000001a;width:100%;max-width:500px;text-align:center}header h1{color:#1877f2;margin-bottom:25px;font-size:2em}.challenge-form .form-group{margin-bottom:20px;text-align:left}.challenge-form label{display:block;margin-bottom:8px;font-weight:600;color:#555}.challenge-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1em;resize:vertical;min-height:80px;transition:border-color .2s;box-sizing:border-box}.challenge-form textarea:focus{border-color:#1877f2;outline:none;box-shadow:0 0 0 2px #1877f233}.submit-button{background-color:#1877f2;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out;width:100%;margin-bottom:0}.submit-button:hover:not(:disabled){background-color:#166fe5}.challenge-entry{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #e0e0e0;position:relative}.challenge-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.challenge-textarea{width:100%}.remove-challenge-button{background-color:#ff4d4f;color:#fff;border:none;padding:8px 12px;border-radius:4px;font-size:.9em;cursor:pointer;transition:background-color .2s ease-in-out;margin-top:10px;display:inline-block}.remove-challenge-button:hover:not(:disabled){background-color:#d9363e}.remove-challenge-button:disabled{background-color:#ffb3b3;cursor:not-allowed}.form-actions{margin-top:25px;display:flex;flex-direction:column;gap:15px}.add-challenge-button{background-color:#4caf50;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out;width:100%}.add-challenge-button:hover:not(:disabled){background-color:#43a047}.add-challenge-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.submit-button:disabled{background-color:#a0c3ff;cursor:not-allowed}.submission-message{margin-top:20px;padding:12px;border-radius:6px;font-weight:500}.submission-message.success{background-color:#e6ffed;color:#228b22;border:1px solid #c3e6cb}.submission-message.error{background-color:#ffebee;color:#c62828;border:1px solid #f5c6cb}footer{margin-top:30px;font-size:.9em;color:#888}@media (max-width: 600px){.app-container{padding:20px 15px;margin-left:10px;margin-right:10px;max-width:calc(100% - 20px)}header h1{font-size:1.8em}.challenge-form textarea{padding:10px;min-height:70px}.submit-button,.add-challenge-button,.remove-challenge-button{padding:10px 15px;font-size:.95em}.form-actions{gap:10px}}.admin-login-container{padding:20px;text-align:center;max-width:400px;margin:40px auto;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-login-container h2{margin-bottom:20px}.admin-login-container form div{display:flex;flex-direction:column;gap:10px}.admin-login-container input[type=password]{padding:12px;border-radius:4px;border:1px solid #ccc;font-size:1rem}.admin-login-container button[type=submit]{padding:12px 18px;border-radius:4px;border:none;background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}.admin-login-container button[type=submit]:hover{background-color:#0056b3}.admin-login-container .error-message{color:red;margin-top:15px;font-size:.9rem}.admin-panel-container{padding:20px;font-family:sans-serif}.admin-panel-container h2{text-align:center;margin-bottom:20px}.admin-panel-container .loading-message,.admin-panel-container .error-message{text-align:center;margin-bottom:20px;padding:10px;border-radius:4px}.admin-panel-container .loading-message{color:#333}.admin-panel-container .error-message{color:red;background-color:#fdd;border:1px solid red}.admin-panel-container .refresh-button{margin-bottom:20px;padding:10px 15px;border-radius:4px;border:none;background-color:#28a745;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}.admin-panel-container .refresh-button:hover{background-color:#218838}.admin-panel-container .refresh-button:disabled{background-color:#ccc;cursor:not-allowed}.table-container{overflow-x:auto;width:100%;margin-top:20px}.admin-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{border:1px solid #ddd;padding:10px 12px;text-align:left;vertical-align:middle}.admin-table th{background-color:#f2f2f2;font-weight:700}.admin-table tr:nth-child(2n){background-color:#f9f9f9}.admin-table .action-button{padding:6px 10px;border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:.85rem;transition:background-color .2s ease-in-out}.admin-table .action-button.approve{background-color:#28a745}.admin-table .action-button.approve:hover{background-color:#218838}.admin-table .action-button.block{background-color:#dc3545}.admin-table .action-button.block:hover{background-color:#c82333}.admin-table .action-button:disabled{background-color:#ccc;cursor:not-allowed}.action-buttons-container.action-buttons-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-table .action-button.edit-details,.admin-table .action-button.save{background-color:#007bff}.admin-table .action-button.edit-details:hover,.admin-table .action-button.save:hover{background-color:#0056b3}.admin-table .action-button.cancel{background-color:#6c757d}.admin-table .action-button.cancel:hover{background-color:#5a6268}.inline-edit-input{padding:6px;border:1px solid #ccc;border-radius:4px;width:70px;box-sizing:border-box}@media (max-width: 850px){.admin-login-container form div{flex-direction:column}.admin-login-container input[type=password],.admin-login-container button[type=submit]{width:100%;margin-right:0;box-sizing:border-box}.admin-panel-container{padding:10px}.admin-panel-container h2{font-size:1.5rem}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%!important;box-sizing:border-box}.admin-table tr{margin-bottom:15px;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a}.admin-table tr:last-child{margin-bottom:0}.admin-table{min-width:0!important}.admin-table td{display:flex;flex-direction:column;text-align:left;padding:10px;position:relative;border:none;border-bottom:1px solid #eee;font-size:.9rem}.admin-table td:last-child{border-bottom:none}.admin-table td:before{content:attr(data-label);font-weight:700;margin-bottom:5px;display:block;white-space:normal}.admin-table td>*:not(button){overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;display:block}.admin-table td span,.admin-table td div{overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;white-space:normal}.admin-table .action-button{padding:8px 12px;font-size:.9rem;width:auto;display:inline-block;margin-top:5px}}@media (max-width: 480px){.admin-login-container{margin:20px auto;padding:15px}.admin-login-container h2{font-size:1.2rem}.admin-login-container input[type=password],.admin-login-container button[type=submit]{font-size:.9rem;padding:10px}.admin-panel-container h2{font-size:1.3rem}.admin-panel-container .refresh-button{width:100%;font-size:.9rem}}
