*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#070807;color:#d6ddd6}.container{max-width:980px;margin:0 auto;padding:24px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:#0e100e;border:1px solid #2a2f2a;border-radius:0;padding:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}input,select,button{font:inherit;border-radius:0}input,select{width:100%;padding:10px;border:1px solid #2f352f;background:#0b0d0b;color:#dce4dc}button{padding:10px 14px;border:1px solid #3d7046;background:transparent;color:#9dd8a7;cursor:pointer}button:hover{background:#132016}button.secondary{border-color:#3f4a3f;color:#bec7be}button.warn{border-color:#3d7046;background:transparent}.icon-btn{width:28px;min-width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0}.password-field{position:relative}.password-field input{padding-right:34px}.password-field .icon-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;color:#9fd5a8}.password-field .icon-btn:hover{background:transparent;color:#b5e4be}.grid{display:grid;gap:10px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.badge{padding:2px 8px;border:1px solid #2f6a3a;border-radius:0;font-size:12px;background:transparent;color:#9fd5a8}.module{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #283028;border-radius:0}.module-actions{display:grid;grid-template-columns:96px 64px;gap:8px;align-items:center;justify-content:end}.module-actions .badge,.module-actions button{height:30px;display:inline-flex;align-items:center;justify-content:center}.status-pill{font-weight:500}.status-pill.pending{border-color:#c3a64a;color:#e7d38e;background:#c3a64a1f;border-radius:999px}.status-pill.ongoing{border-color:#4f89d4;color:#b7d4ff;background:#4f89d424;border-radius:999px}.status-pill.passed{border-color:#4aa862;color:#c6f5d0;background:#4aa86224;border-radius:999px}.status-pill.optional{border-color:#3e4540;color:#a3aaa4;background:#4c524c24;border-radius:999px}.start-btn{border-color:#58a56a;color:#d8f5df;background:#173320}.start-btn:hover{background:#1d4429}.start-btn:disabled{border-color:#2f352f;color:#6e766f;background:#0f1110;cursor:not-allowed}.quiz-option{border-color:#3f4a3f;color:#c8d2c8;background:transparent}.quiz-option.selected{border-color:#4f89d4;color:#c9ddff;background:#4f89d424}.quiz-option.correct-option{border-color:#4aa862;background:#4aa8621f}.feedback{border:1px solid;padding:8px 10px;font-size:13px}.feedback.ok{border-color:#4aa862;color:#c6f5d0;background:#4aa8621f}.feedback.bad{border-color:#4f89d4;color:#c9ddff;background:#4f89d424}.muted{color:#8f9c8f;font-size:13px}.error{color:#ff8a8a;font-size:13px}.ok{color:#8ce2a1;font-size:13px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{border:1px solid #293129;padding:8px 10px;text-align:left}.data-table th{color:#9fc6a5;font-weight:600}@media(max-width:800px){.grid-3{grid-template-columns:1fr}}
