body{margin:0;font-family:TeleNeo,sans-serif;background:#e20074;color:#1e293b}.page-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000001a;width:350px;display:flex;flex-direction:column;gap:15px}h1{color:#2c2a2d;text-align:center;margin-bottom:10px;text-transform:uppercase}.login-card input{padding:10px;border:1px solid #ddd;border-radius:5px}.login-card button{padding:10px;background:#e20074;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.selection-container{text-align:center;padding:40px}.selection-container h1{color:#fff;margin-bottom:30px}.test-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.selection-card{background:#fff;padding:25px;border-radius:10px;width:400px;text-align:center;box-shadow:0 10px 30px #0003;cursor:pointer;transition:transform .2s}.selection-card:hover{transform:translateY(-5px)}.test-taking-container{display:flex;justify-content:center;padding:40px 20px;min-height:70vh}.test-taking-card{background-color:#fff;padding:50px;border-radius:10px;width:100%;max-width:750px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.progress-bar-container{width:100%;height:10px;background:#f1f5f9;border-radius:5px;margin-bottom:30px;overflow:hidden}.progress-bar-fill{height:100%;background:#e20074;transition:width .4s ease}.question-info{color:#64748b;font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:15px}.test-section h2{font-size:1.6rem;line-height:1.4;margin-bottom:30px;color:#000}.answers-list{display:flex;flex-direction:column;gap:12px}.answers-list button{width:100%;padding:16px 20px;background:#f8fafc;color:#1e293b;border:2px solid #e2e8f0;border-radius:5px;font-size:1.1rem;cursor:pointer;text-align:left;transition:all .2s}.answers-list button:hover{background:#fff1f8;border-color:#e20074}.answers-list button.selected{background:#e20074!important;color:#fff!important;border-color:#e20074;font-weight:700}.test-navigation{display:flex;justify-content:space-between;margin-top:40px;gap:20px}.nav-btn{flex:1;padding:14px;border-radius:5px;font-weight:700;cursor:pointer;border:none;font-size:1rem}.nav-btn-prev{background:#e2e8f0;color:#475569}.nav-btn-next{background:#e20074;color:#fff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.results-table{width:100%;border-collapse:collapse;background:#fff;margin-top:20px}.results-table th,.results-table td{padding:12px;border:1px solid #eee;text-align:left}.results-table th{background:#f8fafc}.nav-btn-outline:hover{background:#fff1f8!important}.admin-container{padding:40px;max-width:1000px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid #f1f5f9;padding-bottom:20px}.results-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.95rem}.results-table th{background-color:#f8fafc;color:#64748b;text-align:left;padding:12px 15px;border-bottom:2px solid #e2e8f0}.results-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;color:#1e293b}.results-table tr:hover{background-color:#fff1f8}.score-badge{font-weight:700;color:#e20074}.clear-btn{background:#f1f5f9;color:#64748b;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;transition:.2s}.clear-btn:hover{background:#ef4444;color:#fff}.layout{display:flex;min-height:100vh;background-color:#f1f5f9}.sidebar{width:260px;background-color:#fff;border-right:2px solid #e2e8f0;display:flex;flex-direction:column;padding:30px 20px;position:sticky;top:0;height:100vh}.sidebar h2{color:#e20074;margin-bottom:5px;font-size:1.5rem}.sidebar ul{list-style:none;padding:0;margin:30px 0}.sidebar li{padding:12px 15px;border-radius:8px;margin-bottom:5px;transition:all .2s;font-weight:500;color:#475569}.sidebar li:hover{background-color:#fff1f8;color:#e20074}.content{flex:1;padding:40px;overflow-y:auto}.content h1{margin-bottom:30px;font-size:2rem;color:#1e293b}.app-header{background-color:#fff;border-bottom:2px solid #e2e8f0;height:60px;width:100%;position:sticky;top:0;z-index:1000;display:flex;align-items:center;box-shadow:0 10px 30px #0003}.header-content{max-width:1200px;margin:0 auto;width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:10px}.header-logo h1{font-size:1.2rem;margin:0;color:#1e293b;font-weight:800;text-transform:uppercase;letter-spacing:1px}.logo-icon{font-size:1.5rem}.header-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;text-align:right}.username{font-weight:700;color:#1e293b;font-size:.9rem}.user-role{font-size:.7rem;color:#e20074;text-transform:uppercase;font-weight:700}.header-logout-btn{background-color:transparent;border:1px solid #cbd5e1;color:#64748b;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.85rem;transition:all .2s}.header-logout-btn:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#1e293b}.admin-divider{border:none;border-top:2px solid #e2e8f0;margin:60px 0}.admin-card-light{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.table-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.role-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.role-badge.admin{background:#fff1f8;color:#e20074}.role-badge.user{background:#f1f5f9;color:#475569}.action-btn-outline{background:transparent;border:1px solid #cbd5e1;padding:5px 10px;border-radius:5px;cursor:pointer}.action-btn-delete{background:#fee2e2;color:#ef4444;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-weight:700}.scroll-list{max-height:500px;overflow-y:auto;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.list-item{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f1f5f9;align-items:center}.btn-delete-small{background:none;border:none;color:#ef4444;cursor:pointer;font-weight:700}.admin-input{padding:12px;border:1px solid #e2e8f0;border-radius:5px;font-size:.95rem;transition:border-color .2s}.admin-input:focus{outline:none;border-color:#e20074;box-shadow:0 0 0 2px #e200741a}.admin-input-large{width:100%;padding:14px;margin-bottom:20px;border:1px solid #e2e8f0;border-radius:5px;font-size:1.1rem}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#475569;white-space:nowrap}.radio-label input[type=radio]{accent-color:#e20074;width:18px;height:18px}.admin-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='C19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.logout-btn-sidebar{margin-top:auto;padding:12px;background:#f1f5f9;color:#ef4444;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.logout-btn-sidebar:hover{background:#fee2e2;transform:translateY(-2px)}.admin-section{animation:fadeInAdmin .5s ease-out}@keyframes fadeInAdmin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card{max-width:800px;text-align:left}.result-item{padding:15px;margin:10px 0;border-radius:8px;border-left:5px solid}.result-item.wrong{background-color:#fff5f5;border-left-color:#d32f2f}.result-item.correct{background-color:#f1f8e9;border-left-color:#388e3c}.result-question{margin-bottom:5px;font-size:1.1rem}.result-detail{font-size:.95rem;color:#555}.text-red{color:#d32f2f;font-weight:700}.text-green{color:#388e3c;font-weight:700}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#e20074;font-weight:700}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#e20074;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}