#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.login-container{display:flex;flex-direction:column;gap:20px;align-items:center}.login-subtitle{display:block;font-size:1.2rem;font-weight:400;color:var(--text-secondary, #666);margin-top:8px}.login-icon{width:250px;height:250px;margin-bottom:-10px}.error{color:red}header{display:flex;align-items:center;gap:15px;padding:20px;background:#f0f0f0;border-radius:8px;margin-bottom:20px}.avatar{width:40px;height:40px;border-radius:50%}.upload-placeholder{margin-top:40px;padding:40px;border:2px dashed #ccc;border-radius:12px}.upload-button{display:inline-block;padding:15px 30px;background-color:#4caf50;color:#fff;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background-color .3s}.upload-button:hover{background-color:#45a049}.file-input-wrapper{margin-top:20px}.results-container{margin-top:20px;width:100%;max-width:600px;text-align:left}.question-card{display:flex;align-items:flex-start;gap:15px;background:#fff;border:1px solid #ddd;padding:15px;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.question-card.correct{border-left:5px solid #4CAF50}.question-card.incorrect{border-left:5px solid #F44336}.status-icon{font-size:1.5rem}.question-content p{margin:5px 0}.explanation{margin-top:10px;padding:10px;background-color:#fff3f3;border-radius:4px;font-size:.9em;color:#d32f2f}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #eee;z-index:1002;box-shadow:0 2px 10px #0000000d;box-sizing:border-box}.navbar-left,.navbar-right{flex:1;display:flex;align-items:center}.navbar-center{flex:2;display:flex;align-items:center;justify-content:center;gap:12px}.navbar-right{justify-content:flex-end}.welcome-text{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dashboard{padding-top:80px;width:100%;display:flex;flex-direction:column;align-items:center}.menu-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:5px;color:#333}.side-menu{position:fixed;top:0;left:0;height:100%;width:250px;background:#fff;z-index:1001;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 15px #0000001a;display:flex;flex-direction:column;text-align:left}.side-menu.open{transform:translate(0)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1000;display:none}.menu-overlay.open{display:block}.menu-header{padding:20px;background:#4caf50;color:#fff;display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.menu-items{padding:20px 0}.menu-item{padding:15px 25px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;gap:15px;transition:background .2s;color:#333}.menu-item:hover{background:#f9f9f9}.menu-item.active{background:#e8f5e9;color:#4caf50;font-weight:600}.history-container{width:100%;max-width:600px}.history-list{margin-top:20px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background:#fff;border-radius:12px;margin-bottom:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #eee;text-align:left;box-shadow:0 2px 8px #0000000d}.history-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.history-left{display:flex;flex-direction:column;gap:4px}.history-date{font-weight:600;color:#333;font-size:1rem}.history-details{font-size:.85rem;color:#666}.history-right{display:flex;align-items:center;gap:12px}.history-status-tag{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.history-status-tag.processed{background:#e8f5e9;color:#2e7d32}.history-status-tag.processing{background:#fff3e0;color:#ef6c00}.history-arrow{color:#ccc;font-size:1.2rem}.empty-history{padding:40px;background:#f9f9f9;border-radius:12px;border:2px dashed #eee;color:#999}.back-button{margin-bottom:20px;background:none;border:1px solid #ccc;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;align-self:flex-start}.back-button:hover{background:#f5f5f5}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#4caf50;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-text{font-size:.9rem;color:#666;margin-top:10px;font-weight:500}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}