.App{text-align:center}.App-header{background-image:url(https://images.unsplash.com/photo-1481627834876-b7833e8f5570?ixlib=rb-4.0.3&auto=format&fit=crop&w=2128&q=80);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;position:relative;padding:20px;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:calc(10px + 2vmin);overflow-x:hidden}.App-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172ad9,#1e293bcc,#0f172ad9);pointer-events:none;z-index:0}.App-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=2087&q=80);background-size:cover;background-position:center;background-blend-mode:overlay;opacity:.2;pointer-events:none;z-index:0}.App-header>*{position:relative;z-index:1}.form-container{display:flex;flex-direction:row;gap:1rem;width:100%;max-width:1600px;padding:1.5rem 2rem;margin-top:2rem;flex-wrap:nowrap;justify-content:center;position:relative;z-index:100}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left;flex:1;min-width:0;position:relative;z-index:1000}.form-group label{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.5rem}.dropdown{padding:.75rem 1rem;font-size:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background-color:#1a1a1a;color:#fff;cursor:pointer;transition:all .25s;font-family:inherit}.dropdown:hover{border-color:#646cff}.dropdown:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.dropdown option{background-color:#1a1a1a;color:#fff;padding:.5rem}.dropdown:disabled{opacity:.6;cursor:not-allowed}.loading-text{font-size:.875rem;color:#888;margin-top:.25rem}.react-select-container{width:100%;position:relative;z-index:1000}.react-select__control{background-color:#1a1a1a!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:8px!important;min-height:70px!important;height:70px!important;cursor:pointer!important;transition:all .25s!important;position:relative!important;z-index:1000!important}.react-select__control:hover{border-color:#646cff!important}.react-select__control--is-focused{border-color:#646cff!important;box-shadow:0 0 0 3px #646cff33!important}.react-select__control--is-disabled{opacity:.6!important;cursor:not-allowed!important}.react-select__value-container{padding:.5rem 1rem!important}.react-select__input-container,.react-select__single-value{color:#fff!important;font-size:.9rem!important}.react-select__placeholder{color:#ffffff80!important;font-size:.9rem!important}.react-select__menu{background-color:#1a1a1a!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:8px!important;margin-top:4px!important;z-index:9999!important}.react-select__menu-list{padding:0!important}.react-select__option{background-color:#1a1a1a!important;color:#fff!important;cursor:pointer!important;padding:.75rem 1rem!important;font-size:.9rem!important}.react-select__option:hover,.react-select__option--is-focused{background-color:#2a2a2a!important}.react-select__option--is-selected{background-color:#646cff!important;color:#fff!important}.react-select__indicator-separator{background-color:#fff3!important}.react-select__dropdown-indicator{color:#ffffff80!important}.react-select__dropdown-indicator:hover{color:#fff!important}.react-select__clear-indicator{color:#ffffff80!important}.react-select__clear-indicator:hover{color:#fff!important}.react-select__loading-indicator{color:#ffffff80!important}.results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;width:100%;max-width:1200px;padding:2rem;margin-top:2rem;position:relative;z-index:1}@media (max-width: 1200px){.results-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.results-grid{grid-template-columns:repeat(1,1fr)}}.result-card{background-color:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:all .3s;cursor:pointer}.result-card:hover{border-color:#646cff;transform:translateY(-4px);box-shadow:0 4px 12px #646cff4d}.result-image-container{position:relative;width:100%;height:200px}.result-image{width:100%;height:200px;object-fit:cover;background-color:#2a2a2a}.document-count-badge{position:absolute;top:8px;right:8px;background-color:#646cffe6;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000004d;z-index:10}.result-info{padding:1rem;color:#fff}.result-image-no{font-size:.875rem;color:#888;margin-bottom:.5rem;word-break:break-word;overflow-wrap:anywhere}.result-details{font-size:.9rem;color:#ccc;line-height:1.4}.detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.detail-label{font-weight:700;color:#fff;font-size:.9rem}.detail-values{display:flex;flex-direction:column;gap:6px}.results-section{width:100%;max-width:1200px;margin-top:2rem;position:relative;z-index:1}.results-header{color:#fff;margin-bottom:1rem;text-align:left;padding:0 2rem}.pagination-container{width:100%;max-width:1200px;padding:2rem;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pagination-info{display:flex;gap:2rem;color:#fff;font-size:.9rem;flex-wrap:wrap;justify-content:center}.pagination-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.pagination-button{padding:.5rem 1.5rem;background-color:#1a1a1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .25s}.pagination-button:hover:not(:disabled){border-color:#646cff;background-color:#2a2a2a}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-current-page{color:#fff;font-size:.9rem;padding:0 1rem;font-weight:500}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow:auto}.image-modal-content{background-color:#1a1a1a;border-radius:8px;max-width:95%;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.2)}.image-modal-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.image-modal-close{background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s;line-height:1}.image-modal-close:hover{color:#646cff}.image-modal-body{padding:1.5rem;display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start;overflow:auto;max-height:calc(90vh - 100px)}.image-zoom-controls{display:flex;gap:.25rem;align-items:center;justify-content:center;background:#ffffff0d;padding:.4rem .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);margin:0 auto 1.5rem;width:fit-content}.image-zoom-controls button{padding:.3rem .6rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s;box-shadow:0 4px 12px #0000001f}.image-zoom-controls button:hover{transform:translateY(-1px)}.image-zoom-controls span{font-weight:700;color:#fff;min-width:40px;text-align:center;font-size:.85rem}.image-modal-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem;align-items:center}.image-modal-image-wrapper{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;overflow:auto;position:relative;min-height:400px;touch-action:pan-x pan-y}.image-modal-image{max-width:100%;max-height:calc(90vh - 200px);object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #00000080;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-error-message{color:#f44336;padding:2rem;text-align:center}.image-modal-details{width:350px;flex-shrink:0;max-height:calc(90vh - 200px);overflow-y:auto;color:#fff;background-color:#2a2a2a;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem;font-size:.9rem}.image-modal-details div{padding:.5rem 0}.image-modal-details strong{color:#646cff;margin-right:.5rem}.clickable-link{display:inline-block;font-weight:600;cursor:pointer;text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-right:6px}.clickable-link:hover{transform:translateY(-1px)}.clickable-district{color:#1d4ed8;background:#e0ecff;border-color:#c7dbff}.clickable-district:hover{color:#153e9f;background:#d4e4ff;border-color:#b0ceff}.clickable-village{color:#047857;background:#e1f7ef;border-color:#bfeedd}.clickable-village:hover{color:#03543f;background:#d1f2e5;border-color:#a7e7cf}.clickable-caste{color:#7c3aed;background:#f1e9ff;border-color:#dfd0ff}.clickable-caste:hover{color:#5b21b6;background:#e6dfff;border-color:#cbb8ff}.clickable-gotra{color:#b45309;background:#fdf3e7;border-color:#f9e0c7}.clickable-gotra:hover{color:#92400e;background:#f9e9d8;border-color:#f4d5b5}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172af2,#1e293be6,#0f172af2);background-image:url(https://images.unsplash.com/photo-1481627834876-b7833e8f5570?ixlib=rb-4.0.3&auto=format&fit=crop&w=2128&q=80);background-size:cover;background-position:center;background-attachment:fixed;padding:20px}.login-box{background:#1a1a1af2;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-box h1{color:#fff;margin:0 0 10px;font-size:28px;font-weight:600}.login-box h2{color:#4caf50;margin:0 0 30px;font-size:24px;font-weight:500}.login-box .form-group{margin-bottom:20px;text-align:left}.login-box .form-group label{display:block;color:#e0e0e0;margin-bottom:8px;font-size:14px;font-weight:500}.login-box .form-group input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:16px;box-sizing:border-box;transition:all .3s ease}.login-box .form-group input:focus{outline:none;border-color:#4caf50;background:#ffffff14;box-shadow:0 0 0 3px #4caf501a}.login-box .form-group input:disabled{opacity:.6;cursor:not-allowed}.login-box .form-group input::placeholder{color:#fff6}.error-message{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.login-button{width:100%;padding:14px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.logout-button:hover{background:#d32f2f!important;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.logout-button:active{transform:translateY(0)}@media (max-width: 768px){.image-modal-body{flex-direction:column;padding:1rem}.image-modal-details{width:100%;max-width:100%}.image-modal-image-wrapper{min-height:300px;padding:.5rem}.image-zoom-controls{flex-wrap:wrap;gap:.5rem;padding:.5rem}.image-zoom-controls label{width:100%;text-align:center;margin-bottom:.5rem}}@media (max-width: 480px){.image-modal-content{max-width:98%;max-height:95vh}.image-modal-body{padding:.75rem;gap:1rem}.image-modal-image-wrapper{min-height:250px;padding:.25rem}.image-zoom-controls{padding:.4rem}.image-zoom-controls input{width:60px;padding:4px 8px}.image-zoom-controls button{padding:4px 10px;font-size:.75rem}}:root{font-family:Inter,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}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}