@import url(https://fonts.googleapis.com/css?family=Poppins);body,html{font-family:Poppins,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.sidebar{background-color:#10172e;border-bottom-right-radius:24px;border-top-right-radius:24px;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:250px}.sidebar-image{height:40px;left:16px;object-fit:cover;position:absolute;top:16px;width:210px}.menu{display:flex;flex-direction:column;gap:16px;margin-top:100px;padding:0 16px}.menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px;transition:background-color .2s}.menu-item:hover{background-color:#ffffff1a}.icon{height:18px;margin-right:8px;width:18px}.arrow{height:16px;margin-left:8px;width:16px}.label{flex:1 1;text-align:left}.main-content{background-color:#f8f9fc;box-sizing:border-box;height:100vh;margin-left:250px;overflow-y:auto;padding:20px}.cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;padding:16px}.card-header{align-items:center;display:flex;margin-bottom:8px}.card-icon{height:40px;margin-right:8px;object-fit:contain;width:40px}.card-title{font-size:16px;margin:0}.type-label{color:#666;font-size:14px;margin:0 0 16px}.open-button{align-self:flex-start;background:none;border:none;cursor:pointer;margin-top:auto;padding:0}.open-button:hover{opacity:.8}.sentence-container{color:#333;padding:20px}.sentence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sentence-header h1{font-size:24px;font-weight:600;margin:0}.upload-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:0}.upload-button:hover{opacity:.8}.upload-icon{height:80px;object-fit:contain;width:90px}.search-bar{margin-bottom:24px;position:relative;width:300px}.search-input{border:2px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:10px 40px 10px 16px;width:100%}.search-icon-button{background:none;border:none;color:#555;cursor:pointer;left:320px;position:absolute;top:50%;transform:translateY(-50%)}.controls{align-items:center;display:flex;gap:16px;margin-bottom:24px}.control-button{background-color:initial;border:2px solid #043aec;border-radius:9999px;color:#043aec;cursor:pointer;font-size:14px;padding:6px 16px;transition:background-color .2s,color .2s}.control-button:hover{background-color:#043aec;color:#fff}.top-words-control{align-items:center;background-color:#f0f4ff;border:2px solid #043aec;border-radius:9999px;color:#043aec;display:inline-flex;font-size:14px;gap:6px;justify-content:center;padding:6px 12px}.top-words-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;outline:none;padding:2px 4px;text-align:center;width:32px}.top-words-input::-webkit-inner-spin-button,.top-words-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.top-words-input:focus{color:#043aec;font-weight:600}.analytics-area{align-items:center;border:2px dashed #ccc;border-radius:8px;color:#999;display:flex;font-size:16px;justify-content:center;min-height:300px;padding:20px;width:97%}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#043aec;border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.pagination-controls{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:16px}.pagination-buttons{display:flex;gap:16px}.pagination-controls button{background-color:initial;border:2px solid #043aec;border-radius:9999px;color:#043aec;cursor:pointer;font-size:14px;padding:6px 16px;transition:background-color .2s,color .2s}.pagination-controls button:hover:not(:disabled){background-color:#043aec;color:#fff}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#333;font-size:14px}.visualizer-container{color:#333;display:flex;flex-direction:column;gap:16px;padding:20px}.visualizer-header{align-items:center;display:flex;gap:16px}.visualizer-header h2{font-size:20px;font-weight:600;margin:0}.caution-icon{height:24px;object-fit:contain;width:24px}.upload-drop-zone{align-items:center;border:2px dashed #ccc;border-radius:8px;color:#999;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:300px;padding:20px;text-align:center;transition:background-color .2s;width:97%}.upload-drop-zone:hover{background-color:#f9f9f9}.upload-drop-zone .upload-icon{height:40px;object-fit:contain;width:40px}.json-files-count{text-align:center}.json-files-count h3{color:#333;font-size:16px}.video-link-display{color:#043aec;font-size:14px;margin-top:16px}.video-link-display a{color:inherit;text-decoration:underline}.video-display video{border-radius:8px;height:400px;object-fit:cover;width:400px}.table-container{margin-top:8px;overflow-x:auto;width:100%}.results-table{border-collapse:collapse;width:100%}.results-table td,.results-table th{border:1px solid #ccc;padding:8px;text-align:left}.results-table th{background-color:#f0f4ff;color:#043aec;font-weight:700}
/*# sourceMappingURL=main.a33c1caa.css.map*/