@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{--background-color: #0a192f;--text-color: #ccd6f6;--primary-color: #64ffda;--card-background: #112240}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.app{width:100%}.tabs{margin-bottom:2rem;border-bottom:2px solid #233554;padding-bottom:.5rem}.tabs button{background:none;border:none;font-size:1.2rem;padding:.5rem 1rem;color:#8892b0;font-weight:500;cursor:pointer}.tabs button.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.card{background-color:var(--card-background);border-radius:8px;padding:1.5rem;margin-top:1rem;text-align:left;box-shadow:0 4px 12px #0000001a;border:1px solid #233554}.card h3{margin-top:0;color:var(--primary-color);border-bottom:1px solid #233554;padding-bottom:.5rem}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.full-width{grid-column:1 / -1}.dropzone{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;border-width:2px;border-radius:8px;border-color:#233554;border-style:dashed;background-color:#0a192f;color:#8892b0;outline:none;transition:border .24s ease-in-out;cursor:pointer;margin-bottom:1rem}.dropzone:hover{border-color:var(--primary-color)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2f2f2f;padding:2rem;border-radius:8px;max-width:90%;width:1000px;max-height:90vh;overflow-y:auto;position:relative}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.8rem;color:#fff;cursor:pointer}.history-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.history-table th,.history-table td{border:1px solid #444;padding:.8rem;text-align:left}.history-table th{background-color:#3a3a3a}.history-table tbody tr:nth-child(2n){background-color:#2f2f2f}.history-table tbody tr:hover{background-color:#3c3c3c}