body,html{height:100%;margin:0;padding:0}#app{display:flex;flex-direction:column;justify-content:flex-start;height:100%;background-color:#f4f4f4}.nav-btn{padding:10px 20px;border:none;background-color:#2c3e50;color:#fff;cursor:pointer;transition:background-color .3s;text-decoration:none;display:inline-block;font-size:14px}.nav-btn:hover{background-color:#1a242f}.header{display:flex;justify-content:space-between;align-items:center;padding:0;background-color:#3498db;color:#fff}.main-title{text-align:center}.role-info{font-size:14px;color:#f5f5f5;margin-top:10px}.header h1{margin:0 auto}.content{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:20px}.content h2{margin:0}.question-details{padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.buttons{margin-top:20px;display:flex;justify-content:center}.action-btn{padding:10px 20px;margin:0 10px;border:none;background-color:#2c3e50;color:#fff;cursor:pointer;border-radius:5px;transition:background-color .3s}.action-btn:hover{background-color:#1a242f}.settings-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f4f4f4;height:100vh}.settings-title{font-size:24px;color:#2c3e50;margin-bottom:20px}.settings-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.settings-upload label{font-size:16px;margin-bottom:10px}.settings-upload input[type=file]{padding:10px;border:1px solid #ccc;border-radius:5px;cursor:pointer}.settings-button{padding:10px 20px;border:none;background-color:#3498db;color:#fff;cursor:pointer;border-radius:5px;transition:background-color .3s}.settings-button:hover{background-color:#2980b9}