.card{width:95%;max-width:700px;margin:20px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;font-weight:600}.input-field,.select-field{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.button{padding:12px 20px;font-size:1em;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.button-primary{background-color:#007bff;color:#fff}.button-primary:hover{background-color:#0056b3}.button-primary:disabled{background-color:#a0a0a0;cursor:not-allowed}.button-secondary{background-color:#6c757d;color:#fff}.button-secondary:hover{background-color:#5a6268}.button-danger{background-color:#dc3545;color:#fff}.button-danger:hover{background-color:#c82333}.table-container{width:100%;border-collapse:collapse}.table-container th,.table-container td{border:1px solid #ddd;padding:8px;text-align:left;font-size:.9em}.table-container th{background-color:#f9f9f9}.quiz-option-button{display:block;width:100%;padding:16px;margin:10px 0;font-size:1em;text-align:left;cursor:pointer;border:1px solid #ccc;border-radius:8px;background-color:#fcfcfc;transition:background-color .2s,border-color .2s;line-height:1.4}.quiz-option-button:hover{background-color:#f0f8ff;border-color:#007bff}.quiz-option-button:disabled{cursor:not-allowed;opacity:.7}.quiz-result-pass{color:#28a745;font-size:1.8em;font-weight:700}.quiz-result-fail{color:#dc3545;font-size:1.8em;font-weight:700}.quiz-message-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:24px;border-radius:12px;z-index:100;width:90%;max-width:600px;font-size:1rem;line-height:1.6;text-align:center;box-shadow:0 4px 20px #0006}.top-image{width:100%;max-width:500px;margin:20px 0;border-radius:8px;border:1px solid #ddd}.page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6}.login-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:400px;text-align:center}.input-field{margin-bottom:1rem;text-align:left}.input-field input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;margin-top:.25rem}.line-login-btn{background-color:#06c755;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;width:100%;margin-top:1rem}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #06c755;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;background-color:#f4f7f6;color:#333}input,button,textarea,select{font:inherit}