.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.4);backdrop-filter:blur(12px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.modalContent{background:#fff;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:24px;padding:36px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;box-sizing:border-box}.modalContent>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modalBody{flex:1;min-height:0;overflow-y:auto;padding-right:8px;margin-top:16px;box-sizing:border-box}.modalBody::-webkit-scrollbar{width:6px}.modalBody::-webkit-scrollbar-thumb{background-color:var(--color-border-primary,#cbd5e1);border-radius:3px}body.modalOpen{overflow:hidden!important}.modalHeader{display:flex;flex-direction:column;gap:6px;position:relative;border-bottom:1px solid var(--color-border-primary,#e2e8f0);padding-bottom:16px;margin-bottom:16px;flex-shrink:0}.modalHeader>div{display:flex;flex-direction:column;gap:6px}.modalContent h2,.modalHeader h2,.modalHeader h3{font-size:1.5rem;font-weight:800;color:var(--color-text-primary,#1e293b);margin:0;letter-spacing:-.5px}.modalContent p,.modalHeader p{color:var(--color-text-muted,#64748b);font-size:.92rem;line-height:1.5;margin:0}.modalContent form fieldset{border:none;padding:0;margin:0 0 20px}.modalContent form label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary,#1e293b);margin-bottom:8px}.modalContent form input[type=text],.modalContent form select{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--color-border-primary,#e2e8f0);background:var(--color-background-parent,#f1f5f9);font-family:inherit;font-size:.95rem;outline:0;transition:border-color .2s}.modalContent form input[type=text]:focus,.modalContent form select:focus{border-color:var(--color-accent-green,#8b5cf6)}.modalContent form button[type=submit]{width:100%;padding:12px;border-radius:10px;background:linear-gradient(135deg,var(--color-accent-green,#8b5cf6),#6d28d9);color:#fff;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:transform .2s}.modalContent form button[type=submit]:hover{transform:translateY(-1px)}.warningContent{max-width:500px;border-top:4px solid var(--color-accent-red,#dc2626);text-align:center}.warningTitle{color:var(--color-accent-red,#dc2626)!important}.warningAttempts{font-size:1.1rem;color:var(--color-text-primary,#1e293b);margin-bottom:24px}.warningAttempts strong{color:var(--color-accent-red,#dc2626);background:rgba(220,38,38,.1);padding:4px 10px;border-radius:12px}.warningActions{display:flex;gap:16px}.warningActions button{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:.95rem;border:none;cursor:pointer}#btnResumeExam{background:var(--color-accent-green,#8b5cf6);color:#fff}#btnExitExamNow{background:var(--color-accent-red,#dc2626);color:#fff}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.modalContent{padding:24px}}