.login-container{display:flex;min-height:calc(100vh - 120px);padding:2rem;background-color:#f8f9fa;justify-content:center;align-items:center}.login-form-container{max-width:450px;display:flex;flex-direction:column;justify-content:center}.login-header{margin-bottom:2rem;text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.5rem}.logo-icon{font-size:2rem;color:#0a6ebd}.logo h1{font-size:2rem;color:#1a1a1a;margin:0}.tagline{color:#555;font-size:1rem}.login-form{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a}.login-form h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;color:#333;text-align:center}.form-group{margin-bottom:1.5rem}.input-icon-wrapper{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding:0 1rem;transition:border-color .3s}.input-icon-wrapper:focus-within{border-color:#0a6ebd}.input-icon{color:#0a6ebd;margin-right:10px}.login-form input{width:100%;padding:12px 0;border:none;outline:none;font-size:1rem}.error-message{background-color:#fdd;color:#f03;padding:10px;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.login-button{width:100%;padding:12px;background-color:#0a6ebd;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#085a9d}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.form-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#555}.toggle-form-btn{background:none;border:none;color:#0a6ebd;font-weight:700;cursor:pointer;margin-left:5px}@media (max-width: 992px){.login-container{padding:1rem}.login-form-container{width:100%}}.file-uploader{display:flex;flex-direction:column;align-items:center}.file-uploader h2{font-size:1.5rem;margin-bottom:.5rem;color:#343a40}.file-uploader>p{color:#6c757d;margin-bottom:2rem;text-align:center}.error-message{width:100%;padding:.75rem;background-color:#f8d7da;color:#721c24;border-radius:4px;margin-bottom:1rem;text-align:center}.upload-area{width:100%;height:300px;border:2px dashed #ced4da;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;padding:2rem}.upload-area:hover,.upload-area.dragging{border-color:#0a6ebd;background-color:#f8f9fa}.upload-icon{font-size:3rem;color:#0a6ebd;margin-bottom:1rem}.upload-area p{margin:.5rem 0;color:#495057}.upload-or{color:#adb5bd!important;margin:1rem 0!important}.browse-button{background-color:#0a6ebd;color:#fff;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-top:1rem}.browse-button:hover{background-color:#085a9d}.file-preview{width:100%;padding:2rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.file-info{display:flex;align-items:center;margin-bottom:2rem}.file-icon{font-size:3rem;color:#0a6ebd;margin-right:1.5rem}.file-details{flex:1}.remove-file-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.2rem;transition:all .3s}.remove-file-button:hover{transform:scale(1.1)}.upload-button{width:100%;background-color:#0a6ebd;color:#fff;border:none;border-radius:4px;padding:.75rem;font-size:1rem;cursor:pointer;transition:background-color .3s}.upload-button:hover{background-color:#085a9d}.file-converter{display:flex;flex-direction:column;align-items:center}.file-converter h2{font-size:1.5rem;margin-bottom:.5rem;color:#343a40}.file-converter>p{color:#6c757d;margin-bottom:2rem;text-align:center}.conversion-card{width:100%;padding:2rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;display:flex;flex-direction:column;align-items:center}.conversion-visualizer{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;width:100%;max-width:500px}.document-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.document-icon{font-size:2.5rem}.word-icon{color:#2b579a}.excel-icon{color:#217346}.conversion-progress{flex:1;padding:0 1.5rem;display:flex;align-items:center;justify-content:center}.progress-indicator{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:#0a6ebd;transition:width .3s ease}.conversion-arrow{font-size:2rem;color:#6c757d}.conversion-success{width:40px;height:40px;border-radius:50%;background-color:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.conversion-error{width:40px;height:40px;border-radius:50%;background-color:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.file-info{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;text-align:center}.file-name{font-weight:500;margin-bottom:.5rem;color:#343a40;word-break:break-all}.file-size{color:#6c757d;font-size:.9rem}.error-message{width:100%;padding:.75rem;background-color:#f8d7da;color:#721c24;border-radius:4px;margin-bottom:1.5rem;text-align:center}.conversion-actions{width:100%;display:flex;flex-direction:column;align-items:center}.convert-button,.retry-button{padding:.75rem 2.5rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.convert-button{background-color:#0a6ebd;color:#fff}.convert-button:hover{background-color:#085a9d}.retry-button{background-color:#6c757d;color:#fff}.retry-button:hover{background-color:#5a6268}.processing-status{display:flex;align-items:center;color:#0a6ebd;font-weight:500}.processing-icon{margin-right:.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{color:#28a745;font-weight:500}.category-filter select{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.questions-table th,.questions-table td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6;vertical-align:top}.question-column{width:35%}.options-column{width:45%}.answer-column{width:10%;text-align:center}.option-item{width:100%}.option-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed #e9ecef}.option-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.option-label{font-weight:600;margin-right:.5rem;color:#0a6ebd}.option-text{flex:1}.option-point{font-size:.85rem;color:#495057;font-weight:500;min-width:60px;text-align:right;margin-left:1rem}@media (max-width: 768px){.exam-header{flex-direction:column;align-items:flex-start;gap:1rem}.exam-filters{flex-direction:column}.questions-table,.questions-table thead,.questions-table tbody,.questions-table th,.questions-table td,.questions-table tr{display:block}.questions-table thead tr{position:absolute;top:-9999px;left:-9999px}.questions-table tr{border:1px solid #dee2e6;margin-bottom:1rem}.questions-table td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}.questions-table td:before{position:absolute;top:.75rem;left:.75rem;width:45%;padding-right:10px;white-space:nowrap;font-weight:700}.questions-table td:nth-of-type(1):before{content:"#"}.questions-table td:nth-of-type(2):before{content:"Question"}.questions-table td:nth-of-type(3):before{content:"Options"}.questions-table td:nth-of-type(4):before{content:"Answer"}}.exam-viewer{width:100%}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.exam-header h2{font-size:1.5rem;margin:0;color:#343a40}.export-button{display:flex;align-items:center;background-color:#217346;color:#fff;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:background-color .3s}.export-button:hover{background-color:#1a5c39}.export-button svg{margin-right:.5rem}.exam-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d}.search-box input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.category-filter{position:relative;min-width:200px}.filter-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d}.category-filter select{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}.results-info{margin-bottom:1rem;color:#6c757d;font-size:.9rem}.questions-table-container{width:100%;overflow-x:auto;margin-bottom:1.5rem;border:1px solid #dee2e6;border-radius:4px}.questions-table{width:100%;border-collapse:collapse}.questions-table th,.questions-table td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.questions-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.questions-table tr:last-child td{border-bottom:none}.questions-table tr:hover{background-color:#f8f9fa}.number-column{width:50px;text-align:center}.question-column{width:40%}.answer-column{width:30%}.category-column{width:20%}.no-results{text-align:center;padding:2rem!important;color:#6c757d}.pagination{display:flex;justify-content:center;gap:.5rem}.pagination-button{padding:.5rem .75rem;border:1px solid #dee2e6;background-color:#fff;color:#495057;cursor:pointer;border-radius:4px;transition:all .3s}.pagination-button:hover:not(:disabled){background-color:#e9ecef}.pagination-button.active{background-color:#0a6ebd;color:#fff;border-color:#0a6ebd}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{padding:.5rem .25rem;color:#6c757d}@media (max-width: 768px){.exam-header{flex-direction:column;align-items:flex-start;gap:1rem}.exam-filters{flex-direction:column}.category-column{display:none}.questions-table th,.questions-table td{padding:.5rem}}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-header h1{font-size:2rem;color:#0a6ebd;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1rem}.dashboard-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:2rem}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.tab-button:hover:not(:disabled){color:#0a6ebd}.tab-button.active{color:#0a6ebd;border-bottom-color:#0a6ebd}.tab-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-content{min-height:400px}.history-section{width:100%}.history-section h2{margin-bottom:1.5rem;color:#333}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:all .2s}.history-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.history-item-content{flex:1}.history-item-name{font-weight:700;margin-bottom:.25rem;color:#333}.history-item-date{font-size:.85rem;color:#777}.empty-history{text-align:center;padding:3rem;color:#666;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d}.loading-spinner{text-align:center;padding:2rem;color:#666}.history-delete-btn{background:none;border:none;color:#dc3545;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;opacity:.7}.history-delete-btn:hover{opacity:1;background-color:#dc35451a}.delete-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-confirm-content{background-color:#fff;border-radius:8px;padding:2rem;width:100%;max-width:450px;text-align:center;box-shadow:0 4px 20px #00000026}.warning-icon{font-size:3rem;color:#f59f00;margin-bottom:1rem}.delete-confirm-content h3{margin-bottom:1rem;color:#333}.delete-warning{color:#dc3545;font-weight:700;margin:1rem 0}.delete-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.delete-cancel-btn,.delete-confirm-btn{padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.delete-cancel-btn{background-color:#e9ecef;border:1px solid #ced4da;color:#212529}.delete-cancel-btn:hover:not(:disabled){background-color:#dee2e6}.delete-confirm-btn{background-color:#dc3545;border:1px solid #dc3545;color:#fff}.delete-confirm-btn:hover:not(:disabled){background-color:#c82333}.delete-cancel-btn:disabled,.delete-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:70px;display:flex;align-items:center;position:sticky;top:0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.navbar-logo{display:flex;align-items:center;color:#0a6ebd;text-decoration:none;font-size:1.4rem;font-weight:700}.navbar-logo-icon{font-size:1.8rem;margin-right:.5rem}.navbar-links{display:flex;align-items:center}.user-info{display:flex;align-items:center;margin-right:1.5rem;padding:.5rem 1rem;background-color:#f0f8ff;border-radius:20px}.user-icon{color:#0a6ebd;margin-right:.5rem}.user-email{font-size:.9rem;color:#333}.sign-out-btn{display:flex;align-items:center;background-color:#f0f0f0;border:none;border-radius:20px;padding:.5rem 1rem;color:#555;cursor:pointer;transition:all .3s}.sign-out-btn:hover{background-color:#e0e0e0}.sign-out-btn svg{margin-right:.5rem}.auth-link{color:#0a6ebd;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.auth-link:hover{background-color:#f0f8ff}@media (max-width: 768px){.navbar-container{padding:0 1rem}.navbar-logo span{display:none}.user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem 0;margin-top:auto}.footer-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-logo{display:flex;align-items:center;color:#0a6ebd;margin-bottom:1rem}.footer-logo-icon{font-size:1.5rem;margin-right:.5rem}.footer-logo span{font-size:1.2rem;font-weight:700}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%}.copyright{color:#6c757d;font-size:.9rem;margin:0}.social-links{display:flex;gap:1rem}.social-link{color:#6c757d;font-size:1.2rem;transition:color .3s}.social-link:hover{color:#0a6ebd}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.spinner{width:50px;height:50px;border:5px solid rgba(10,110,189,.2);border-top-color:#0a6ebd;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button,input,select{font-family:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}