body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;transition:all .3s ease}[data-theme=dark] body{background:linear-gradient(135deg,#0f172a,#1e293b)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;position:relative;z-index:1}.favicon-loading{animation:faviconPulse 1.5s infinite}@keyframes faviconPulse{0%,to{opacity:1}50%{opacity:.7}}noscript div{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:12px;box-shadow:0 4px 12px #f8717133;margin:20px}noscript h2{color:#dc2626;font-size:1.5rem;margin-bottom:16px}noscript p{color:#7f1d1d;line-height:1.6;margin-bottom:12px}.performance-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f1e6;border-radius:20px;bottom:20px;color:#fff;display:none;font-size:12px;font-weight:600;padding:8px 12px;position:fixed;right:20px;transition:all .3s ease;z-index:10000}.performance-indicator.show{animation:slideInUp .3s ease;display:block}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.connection-status{background:#10b981;color:#fff;font-size:14px;font-weight:600;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:10001}.connection-status.offline{background:#ef4444;transform:translateY(0)}.connection-status.online{background:#10b981;transform:translateY(0)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}::selection{background:#6366f133;color:#1e293b}::-moz-selection{background:#6366f133;color:#1e293b}:focus{outline:2px solid #6366f1;outline-offset:2px;outline-style:solid}@media (prefers-contrast:high){body{background:#fff;color:#000}[data-theme=dark] body{background:#000;color:#fff}}@media print{body{background:#fff!important;color:#000!important}.connection-status,.performance-indicator{display:none!important}}.photo-gallery{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-top:24px;padding:24px}.photo-gallery-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.photo-gallery-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.photo-gallery-header h4,.upload-btn{align-items:center;display:flex;gap:8px}.upload-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:var(--text-inverse);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:var(--transition-normal)}.upload-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.photo-gallery-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.photo-gallery-loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-color);height:30px;margin:0 auto 16px;width:30px}.no-photos{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-photos-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-photos p{font-size:1.1rem;margin:0 0 20px}.upload-first-btn{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%);border:none;border-radius:12px;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:var(--transition-normal)}.upload-first-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-first-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:var(--transition-normal)}.photo-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.primary-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;font-size:10px;font-weight:700;left:8px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:8px;z-index:2}.photo-container{aspect-ratio:4/3;cursor:pointer;overflow:hidden;position:relative}.photo-container img{height:100%;object-fit:cover;transition:var(--transition-normal);width:100%}.photo-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-normal)}.photo-container:hover .photo-overlay{opacity:1}.photo-container:hover img{transform:scale(1.1)}.view-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:var(--transition-normal)}.view-btn:hover{background:#ffffff4d;transform:scale(1.05)}.photo-info{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;padding:12px}.photo-meta{display:flex;flex:1 1;flex-direction:column;gap:4px}.upload-date{color:var(--text-primary);font-size:12px;font-weight:600}.uploader{color:var(--text-secondary);font-size:10px}.photo-actions-menu{display:flex;flex-shrink:0;gap:6px}.delete-photo-btn,.set-primary-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:var(--transition-normal);width:28px}.set-primary-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.set-primary-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.delete-photo-btn{background:linear-gradient(135deg,var(--danger-color) 0,var(--danger-dark) 100%);color:#fff}.delete-photo-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.upload-options-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:4000}.upload-options-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-width:300px;overflow:hidden;width:100%}.upload-options-header{align-items:center;background:var(--primary-color);color:var(--text-inverse);display:flex;justify-content:space-between;padding:16px 20px}.upload-options-header h3{font-size:1rem;font-weight:600;margin:0}.upload-options-header .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:8px;transition:var(--transition-normal);width:32px}.upload-options-header .close-btn:hover{background:#fff3}.upload-options-content{display:flex;flex-direction:column;gap:12px;padding:20px}.upload-option-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:var(--transition-normal);width:100%}.upload-option-btn:hover{background:var(--primary-color);color:var(--text-inverse);transform:translateY(-1px)}.camera-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:5000}.camera-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.camera-header{align-items:center;background:var(--accent-color);color:var(--text-inverse);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.camera-header h3{font-size:1rem;font-weight:600;margin:0}.camera-header .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:8px;transition:var(--transition-normal);width:32px}.camera-header .close-btn:hover{background:#fff3}.camera-content{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:300px;position:relative}.camera-video{height:100%;max-height:400px;object-fit:cover;width:100%}.camera-actions{background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.cancel-btn,.capture-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:var(--transition-normal)}.capture-btn{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%);color:var(--text-inverse)}.capture-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.lightbox-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.lightbox-content{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:var(--transition-normal);width:40px;z-index:3001}.lightbox-close:hover{background:#000c;transform:scale(1.1)}.lightbox-image{background:#000;max-height:70vh;max-width:100%;object-fit:contain}.lightbox-info{background:var(--bg-primary);padding:20px 24px}.lightbox-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.lightbox-meta span{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:6px 12px}.photo-caption{color:var(--text-primary);font-size:14px;font-style:italic;line-height:1.5;margin:0}@media (max-width:768px){.photo-gallery{margin-top:16px;padding:16px}.photo-gallery-header{align-items:stretch;flex-direction:column;gap:16px}.photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.upload-btn,.upload-first-btn{justify-content:center;width:100%}.upload-options-modal{max-width:280px}.camera-modal{max-width:95vw}.camera-actions{flex-direction:column;gap:8px}}@media (max-width:480px){.photos-grid{grid-template-columns:repeat(2,1fr)}.photo-info{flex-direction:column;gap:8px;padding:8px}.photo-actions-menu{align-self:flex-end}}.cancel-btn:focus,.capture-btn:focus,.delete-photo-btn:focus,.set-primary-btn:focus,.upload-btn:focus,.upload-first-btn:focus,.upload-option-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.business-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.business-detail-modal{animation:slideInFromBottom .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:900px;width:100%}.detail-modal-header{align-items:flex-start;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--text-inverse);display:flex;height:auto;justify-content:space-between;min-height:auto;overflow:hidden;padding:24px 32px;position:relative}.detail-modal-header:before{animation:float 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10S0 14.5 0 20s4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z' fill='%23fff' fill-opacity='.03'/%3E%3C/svg%3E") repeat;content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.detail-modal-title{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-right:16px;min-width:0}.detail-modal-title h2{word-wrap:break-word;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:700;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;line-height:1.3;margin:0;max-width:100%;overflow:visible;overflow-wrap:break-word;position:relative;text-overflow:clip;white-space:normal;z-index:1}.detail-modal-title .business-type{background:#ffffff26;border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;max-width:100%;overflow:hidden;padding:6px 16px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.detail-modal-header .close-btn,.detail-modal-title .business-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-inverse);position:relative;z-index:1}.detail-modal-header .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;margin-left:auto;padding:12px;transition:var(--transition-normal);width:44px}.detail-modal-header .close-btn:hover{background:#fff3;transform:scale(1.1)}.detail-modal-content{padding:32px}.info-section{border-bottom:1px solid var(--border-primary);margin-bottom:32px;padding-bottom:24px}.info-section:last-child{border-bottom:none;margin-bottom:0}.info-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1em;font-weight:700;gap:10px;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-grid .info-item{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:var(--transition-normal)}.info-grid .info-item:before{background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.info-grid .info-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-grid .info-item:hover:before{transform:translateX(100%)}.info-grid .info-item.full-width{grid-column:1/-1}.info-grid .info-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.info-grid .info-value{word-wrap:break-word;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;overflow:visible;text-overflow:clip;white-space:normal}.maps-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:16px;margin-top:20px;padding:24px;text-align:center}.maps-link-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:25px;box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-top:12px;padding:14px 28px;transition:var(--transition-normal)}.maps-link-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.description-text{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:16px;color:var(--text-primary);font-style:italic;line-height:1.7;margin:0;padding:24px}.section-header{margin-bottom:20px}.toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:var(--transition-normal)}.toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.additional-data{grid-gap:12px;border:1px solid var(--border-primary);border-radius:16px;max-height:300px;overflow-y:auto;padding:20px}.additional-data,.detail-modal-actions{background:var(--bg-secondary);display:grid;gap:12px}.detail-modal-actions{grid-gap:12px;border-top:1px solid var(--border-primary);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:28px 32px}.action-button{align-items:center;border:none;border-radius:12px;box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase;transition:var(--transition-normal)}.action-button.edit{background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%)}.action-button.delete{background:linear-gradient(135deg,var(--danger-color) 0,var(--danger-dark) 100%)}.action-button.phone{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%)}.action-button.email{background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%)}.action-button.website{background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-button.copy{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.action-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}@media (max-width:768px){.business-detail-modal-overlay{padding:10px}.business-detail-modal{max-height:95vh;max-width:100%}.detail-modal-header{align-items:flex-start;flex-direction:row;gap:12px;min-height:auto;padding:20px 16px}.detail-modal-title{flex:1 1;margin-right:12px;min-width:0}.detail-modal-title h2{font-size:clamp(1rem,5vw,1.3rem);line-height:1.4;margin-bottom:8px}.detail-modal-title .business-type{font-size:10px;max-width:100%;padding:4px 12px}.detail-modal-header .close-btn{flex-shrink:0;font-size:16px;height:36px;padding:8px;width:36px}.detail-modal-content{padding:20px 16px}.info-grid{gap:12px;grid-template-columns:1fr}.detail-modal-actions{gap:12px;grid-template-columns:1fr 1fr;padding:20px 16px}.action-button{font-size:12px;padding:12px 16px}.info-section{margin-bottom:24px}}@media (max-width:480px){.business-detail-modal-overlay{padding:8px}.detail-modal-header{padding:16px 12px}.detail-modal-title h2{font-size:clamp(.9rem,6vw,1.2rem);line-height:1.5}.detail-modal-title .business-type{font-size:9px;padding:3px 10px}.detail-modal-header .close-btn{font-size:14px;height:32px;width:32px}.detail-modal-content{padding:16px 12px}.detail-modal-actions{gap:8px;grid-template-columns:1fr;padding:16px 12px}.action-button{font-size:12px;justify-content:center;padding:14px 16px;width:100%}.info-grid .info-item{padding:16px}}@media (max-width:768px) and (orientation:landscape){.business-detail-modal{max-height:90vh}.detail-modal-header{padding:16px 20px}.detail-modal-content{padding:20px}}.additional-data::-webkit-scrollbar,.detail-modal-content::-webkit-scrollbar{width:6px}.additional-data::-webkit-scrollbar-track,.detail-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.additional-data::-webkit-scrollbar-thumb,.detail-modal-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.additional-data::-webkit-scrollbar-thumb:hover,.detail-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.action-button:focus,.detail-modal-header .close-btn:focus,.maps-link-btn:focus,.toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.detail-modal-title .business-type,.detail-modal-title h2,.info-grid .info-label,.info-grid .info-value{word-wrap:break-word!important;max-width:100%!important;overflow:visible!important;overflow-wrap:break-word!important;text-overflow:clip!important;white-space:normal!important}.business-detail-modal{display:flex;flex-direction:column;overflow:hidden}.detail-modal-header{flex-shrink:0}.detail-modal-content{flex:1 1;min-height:0;overflow-y:auto}.detail-modal-actions{flex-shrink:0}.business-form-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.business-form-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.form-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--text-inverse);display:flex;justify-content:space-between;padding:24px 32px}.form-header h2{font-size:1.6rem;font-weight:700;margin:0}.form-header .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;padding:12px;transition:var(--transition-normal);width:44px}.form-header .close-btn:hover{background:#fff3;transform:scale(1.1)}.business-form{flex:1 1;overflow-y:auto;padding:0}.form-sections{padding:32px}.form-section{border-bottom:1px solid var(--border-primary);margin-bottom:32px;padding-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;gap:8px;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--danger-color);font-size:12px;font-weight:500}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat!important;background-size:16px 16px;cursor:pointer;padding-right:40px}.form-group select::-ms-expand{display:none}.form-group select:focus{background-color:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group select option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px}.form-group textarea{line-height:1.5;min-height:80px}.form-actions{background:var(--bg-secondary);gap:16px;padding:24px 32px}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 28px;transition:var(--transition-normal)}.cancel-btn{background:var(--bg-tertiary)}.cancel-btn:hover{background:var(--bg-primary);transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--text-inverse)}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.business-form-overlay{padding:10px}.business-form-container{max-height:95vh;max-width:100%}.form-header{padding:20px 16px}.form-header h2{font-size:1.3rem}.form-sections{padding:20px 16px}.form-grid{gap:16px;grid-template-columns:1fr}.form-section{margin-bottom:24px}.form-actions{flex-direction:column;padding:20px 16px}.cancel-btn,.save-btn{justify-content:center;width:100%}}@media (max-width:480px){.form-actions,.form-header,.form-sections{padding:16px 12px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}[data-theme=dark] .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat!important;background-size:16px 16px}.business-form::-webkit-scrollbar{width:6px}.business-form::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.business-form::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.business-form::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.cancel-btn:focus,.form-header .close-btn:focus,.save-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.business-form-container{animation:slideInFromBottom .3s ease-out}@supports (-webkit-appearance:none){.form-group select{-webkit-appearance:none}}@supports (-moz-appearance:none){.form-group select{-moz-appearance:none}}@-moz-document url-prefix(){.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat!important;background-size:16px 16px}}@media screen and (-webkit-min-device-pixel-ratio:0){.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat!important;background-size:16px 16px}}@supports (-ms-ime-align:auto){.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat!important;background-size:16px 16px}}.form-group select{background-attachment:scroll;background-clip:padding-box;background-origin:initial}.form-group select:hover{background-color:var(--bg-secondary);border-color:var(--border-secondary)}.form-group select:active{box-shadow:inset 0 2px 4px #0000001a;transform:none}.form-group select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-group label.required:after{color:var(--danger-color);content:" *";font-weight:700}@media print{.business-form-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;position:static}.business-form-container{border:1px solid #ccc;box-shadow:none;max-height:none;overflow:visible}.form-header{background:#f5f5f5!important;color:#333!important}.form-actions{display:none}}@media (prefers-contrast:high){.form-group select{border-color:#000;border-width:2px}[data-theme=dark] .form-group select{border-color:#fff}}@media (prefers-reduced-motion:reduce){.business-form-container{animation:none}.cancel-btn,.form-group input,.form-group select,.form-group textarea,.save-btn{transition:none}}@media (max-width:768px) and (orientation:landscape){.business-form-container{max-height:80vh}.form-sections{padding:16px 20px}}@media (max-width:320px){.business-form-overlay{padding:5px}.form-actions,.form-header,.form-sections{padding:12px 8px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 12px}.form-group select{background-position:right 8px center;background-size:14px 14px;padding-right:35px}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.auth-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:400px;overflow-y:auto;width:90%}.auth-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.auth-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.auth-header .close-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px;transition:var(--transition-normal)}.auth-header .close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.auth-form{padding:0 24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px}.form-group input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:var(--transition-normal);width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:var(--danger-color);font-size:14px;margin-bottom:16px;padding:12px 16px}.auth-submit{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:var(--text-inverse);cursor:pointer;font-size:15px;font-weight:600;margin-bottom:20px;padding:14px 20px;transition:var(--transition-normal);width:100%}.auth-submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid var(--border-primary);margin-top:20px;padding:20px 24px 24px;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:14px;margin:0}.switch-mode{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;margin-left:8px;text-decoration:underline}.switch-mode:hover{color:var(--primary-dark)}@media (max-width:480px){.auth-modal{margin:16px;width:95%}.auth-header{padding:20px 20px 0}.auth-form{padding:0 20px}.auth-footer{padding:0 20px 20px}}.duplicate-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.duplicate-manager{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.duplicate-manager .header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--text-inverse);display:flex;justify-content:space-between;padding:24px 32px}.duplicate-manager .header h2{font-size:1.6rem;font-weight:700;margin:0}.duplicate-manager .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;padding:12px;transition:var(--transition-normal);width:44px}.duplicate-manager .close-btn:hover{background:#fff3;transform:scale(1.1)}.duplicate-manager .content{flex:1 1;overflow-y:auto;padding:32px}.duplicate-manager .loading{color:var(--text-secondary);padding:60px 20px;text-align:center}.duplicate-manager .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 20px;width:40px}.no-duplicates{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:60px 20px;text-align:center}.no-duplicates h3{color:var(--accent-color);font-size:1.4rem;margin:0 0 16px}.no-duplicates p{color:var(--text-secondary);font-size:1.1rem;margin:0}.duplicate-stats{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:24px;padding:24px}.duplicate-stats h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px;text-align:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bulk-actions{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:16px;margin-bottom:24px;padding:24px}.bulk-actions h3{color:var(--danger-color);font-size:1.2rem;margin:0 0 16px;text-align:center}.bulk-buttons{flex-direction:column;gap:12px}.bulk-buttons,.bulk-merge-btn{align-items:center;display:flex}.bulk-merge-btn{background:linear-gradient(135deg,var(--danger-color) 0,var(--danger-dark) 100%);border:none;border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-inverse);cursor:pointer;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;padding:16px 32px;text-transform:uppercase;transition:var(--transition-normal)}.bulk-merge-btn:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)}.bulk-merge-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.bulk-warning{max-width:400px;text-align:center}.bulk-warning small{color:var(--danger-color);font-weight:600;line-height:1.4}.bulk-progress{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:24px;padding:24px}.bulk-progress h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 16px;text-align:center}.progress-bar{border-radius:6px;height:12px;margin-bottom:12px}.progress-text{color:var(--text-primary);margin-bottom:8px;text-align:center}.progress-message{color:var(--text-secondary);font-size:14px;text-align:center}.duplicate-groups h3{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:1.3rem;margin:0 0 24px;padding-bottom:16px;text-align:center}.groups-container{max-height:400px;overflow-y:auto;padding-right:8px}.duplicate-group{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.group-header{border-bottom:1px solid var(--border-primary);margin-bottom:20px;padding-bottom:16px}.group-header h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 8px}.group-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.businesses{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.business-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:16px;transition:var(--transition-normal)}.business-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.business-item label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;width:100%}.business-item input[type=radio]{cursor:pointer;margin-top:4px}.business-item input[type=radio]:disabled{cursor:not-allowed}.business-info{flex:1 1}.business-info strong{color:var(--text-primary);display:block;font-size:1rem;margin-bottom:4px}.business-info small{color:var(--text-secondary);font-size:.85rem}.actions{border-top:1px solid var(--border-primary);display:flex;justify-content:center;padding-top:16px}.merge-btn{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%);border:none;border-radius:8px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:var(--transition-normal)}.merge-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.merge-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.duplicate-manager-overlay{padding:10px}.duplicate-manager{max-height:95vh;max-width:100%}.duplicate-manager .header{padding:20px 16px}.duplicate-manager .header h2{font-size:1.3rem}.duplicate-manager .content{padding:20px 16px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px 12px}.stat-number{font-size:1.5rem}.stat-label{font-size:10px}.bulk-actions{padding:20px 16px}.bulk-merge-btn{font-size:14px;justify-content:center;padding:14px 20px;width:100%}.duplicate-group{padding:16px}.business-item{padding:12px}.merge-btn{justify-content:center;width:100%}.groups-container{max-height:300px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.bulk-warning small{font-size:11px}}.groups-container::-webkit-scrollbar{width:6px}.groups-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.groups-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.groups-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.load-more-container{border-top:1px solid var(--border-primary);margin-top:16px;padding:24px;text-align:center}.load-more-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:12px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:14px 28px;transition:var(--transition-normal)}.load-more-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-panel{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:95vh;max-width:1400px;overflow:hidden;width:100%;z-index:1001}.admin-header{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;color:var(--text-inverse);flex-shrink:0;min-height:60px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-header.collapsed{min-height:40px;padding:10px 20px}.header-content{width:100%}.header-main{align-items:center;display:flex;justify-content:space-between;width:100%}.header-left h2{font-size:1.3rem;font-weight:700;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-header.collapsed .header-left h2{font-size:1.1rem}.header-left p{font-size:.8rem;margin:2px 0 0;opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.header-actions{align-items:center;gap:8px}.collapse-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.collapse-btn:hover{background:#fff3}.close-btn{color:var(--text-inverse);flex-shrink:0;font-size:20px;height:44px;margin-left:1450px;padding:12px;width:44px}.admin-stats{grid-gap:20px;background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px 32px}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border-left:4px solid #6366f1;border:1px solid var(--border-primary);border-left:4px solid var(--primary-color);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.stat-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{font-size:2rem;margin-bottom:8px}.stat-label{font-size:12px}.admin-filters{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-filters:not(.collapsed){padding:12px 20px}.admin-filters.collapsed{padding:8px 20px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.admin-filters.collapsed .filters-header{margin-bottom:0}.filters-toggle-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:6px;color:#fff;color:var(--text-inverse);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.filters-toggle-btn:hover{background:#4f46e5;background:var(--primary-dark);transform:translateY(-1px)}.results-count{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:4px;color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 8px}.filters-content{max-height:200px;opacity:1;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-filters.collapsed .filters-content{max-height:0;opacity:0;transition:max-height .3s ease-in,opacity .3s ease-in}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-group{display:flex;flex-direction:column;gap:2px;min-width:120px}.filter-select.compact,.search-input.compact{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);font-size:12px;height:32px;min-width:140px;padding:6px 10px}.search-input.compact{min-width:180px}.filter-select.compact:focus,.search-input.compact:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.refresh-btn.compact{align-items:center;background:#10b981;background:var(--accent-color);border:none;border-radius:6px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:40px;padding:6px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.refresh-btn.compact:hover:not(:disabled){background:#059669;background:var(--accent-dark);transform:translateY(-1px)}.refresh-btn.compact:disabled{cursor:not-allowed;opacity:.6}.admin-actions{background:#f1f5f9;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;overflow:visible;padding:10px 20px;z-index:10}.action-group{align-items:center;display:flex;gap:12px;position:relative;z-index:11}.selection-info{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:600}.delete-btn{background:#ef4444;background:var(--danger-color);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.delete-btn:hover:not(:disabled){background:#dc2626;background:var(--danger-dark);transform:translateY(-1px)}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.export-dropdown{position:relative;z-index:50}.export-btn{background:#10b981;background:var(--accent-color);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);z-index:51}.export-btn:hover:not(:disabled){background:#059669;background:var(--accent-dark);transform:translateY(-1px)}.export-options{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);margin-top:4px;max-height:300px;min-width:200px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:500}.export-options button{background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);white-space:nowrap;width:100%;z-index:501}.export-options button:hover{background:#f8fafc;background:var(--bg-secondary);color:#6366f1;color:var(--primary-color)}.export-options button:first-child{border-radius:8px 8px 0 0}.export-options button:last-child{border-radius:0 0 8px 8px}.table-container{flex:1 1;min-height:0;overflow:auto;position:relative;z-index:1}.table-loading{background:#fff;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);color:#1e293b;color:var(--text-primary);font-weight:600;left:50%;padding:20px 40px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.business-table{border-collapse:collapse;font-size:13px;width:100%}.business-table td,.business-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);padding:12px 8px;text-align:left;vertical-align:top}.business-table th{color:#1e293b;color:var(--text-primary);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.business-table tbody tr:hover,.business-table th{background:#f8fafc;background:var(--bg-secondary)}.business-table tbody tr.selected{background:#6366f11a}.business-name{color:#6366f1;color:var(--primary-color);font-weight:600;max-width:200px}.address,.business-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address{max-width:150px}.status-badge{padding:4px 8px;white-space:nowrap}.status-badge.buka{background:#10b981;background:var(--accent-color);color:#fff}.status-badge.tutup{background:#ef4444;background:var(--danger-color);color:#fff}.status-badge.belum-diidentifikasi{background:#f59e0b;background:var(--secondary-color)}.admin-pagination{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 32px}.pagination-info{font-size:14px}.pagination-controls{gap:8px}.pagination-btn{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);font-size:13px;padding:8px 12px}.pagination-btn:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);border-color:#6366f1;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5}.page-info{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 12px}.export-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:8000}.export-modal{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);max-height:90vh;max-width:400px;overflow:hidden;width:100%;z-index:8001}.export-modal-header{align-items:center;background:#6366f1;background:var(--primary-color);color:#fff;color:var(--text-inverse);display:flex;justify-content:space-between;padding:20px 24px}.export-modal-header h3{font-size:1.2rem;margin:0}.export-modal-content{padding:24px}.export-option-group{margin-bottom:24px}.export-option-group:last-child{margin-bottom:0}.export-option-group h4{color:#1e293b;color:var(--text-primary);font-size:1rem;margin:0 0 12px}.export-buttons{display:flex;gap:12px}.export-modal-btn{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.export-modal-btn:hover{background:#6366f1;background:var(--primary-color);color:#fff;color:var(--text-inverse);transform:translateY(-1px)}.import-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:8000}.import-modal{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%;z-index:8001}.import-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%);color:#fff;color:var(--text-inverse);display:flex;justify-content:space-between;padding:20px 24px}.import-modal-header h3{font-size:1.2rem;font-weight:700;margin:0}.import-modal-content{flex:1 1;overflow-y:auto;padding:24px}.import-option-group{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;margin-bottom:24px;padding:20px}.import-option-group:last-child{margin-bottom:0}.import-option-group h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 12px}.import-option-group p{color:#64748b;color:var(--text-secondary);font-size:14px;margin:0 0 16px}.import-quick-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.import-quick-btn:hover:not(:disabled){box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.import-quick-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.import-divider{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:600;margin:24px 0;position:relative;text-align:center}.import-divider:before{background:#e2e8f0;background:var(--border-primary);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.import-divider:after{background:#fff;background:var(--bg-primary);content:"OR";padding:0 16px;position:relative;z-index:2}.import-type-selection{margin-bottom:24px}.import-type-selection h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 16px}.import-type-tabs{display:flex;gap:8px;margin-bottom:20px}.import-tab{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.import-tab:hover{background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary)}.import-tab.active,.import-tab:hover{border-color:#6366f1;border-color:var(--primary-color)}.import-tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;color:var(--text-inverse)}.import-form{display:flex;flex-direction:column;gap:16px}.import-input{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.import-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.import-file-input{background:#f8fafc;background:var(--bg-secondary);border:2px dashed #e2e8f0;border:2px dashed var(--border-primary);border-radius:8px;cursor:pointer;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.import-file-input:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#6366f1;border-color:var(--primary-color)}.selected-file{background:#10b9811a;border-radius:6px;color:#10b981;color:var(--accent-color);font-size:13px;font-weight:600;margin-top:8px;padding:8px 12px}.form-group small{font-style:italic}.import-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);margin-top:24px;padding-top:20px}.import-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.import-submit-btn:hover:not(:disabled){box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.import-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.import-instructions{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;margin-top:24px;padding:20px}.import-instructions h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 16px}.import-instructions ul{color:#64748b;color:var(--text-secondary);margin:0;padding-left:20px}.import-instructions li{line-height:1.5;margin-bottom:8px}.import-instructions strong,.import-notice{color:#1e293b;color:var(--text-primary)}.import-notice{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid #ffc1074d;border-radius:8px;font-size:13px;line-height:1.4;margin:12px 0;padding:12px 16px}.import-notice strong{color:#ff9800;font-weight:700}.progress-banner{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);color:#fff;color:var(--text-inverse);flex-shrink:0;padding:16px 32px;position:relative;z-index:5}.import-progress{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%)}.reset-progress{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%)}.progress-content{display:flex;flex-direction:column;gap:8px}.progress-info{align-items:center;display:flex;font-size:13px;justify-content:space-between}.progress-message{font-style:italic;opacity:.9}.progress-bar{background:#fff3}.progress-fill{background:linear-gradient(90deg,#fff,#f0f9ff)}.delete-all-btn,.import-btn,.reset-btn,.user-management-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.delete-all-btn:hover:not(:disabled),.import-btn:hover:not(:disabled),.reset-btn:hover:not(:disabled),.user-management-btn:hover:not(:disabled){box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.delete-all-btn:disabled,.import-btn:disabled,.reset-btn:disabled,.user-management-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-content-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.section-header{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;padding:16px 32px}.back-btn,.section-header{align-items:center;display:flex}.back-btn{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.back-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#6366f1;border-color:var(--primary-color);transform:translateY(-1px)}.admin-content-section .user-management{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;margin:0;overflow:hidden}.export-notice{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;margin-bottom:16px;padding:12px 16px}@media (max-width:768px){.admin-panel-overlay{padding:8px}.admin-panel{border-radius:12px;max-height:98vh;max-width:100%}.admin-header{min-height:50px;padding:12px 16px}.admin-header.collapsed{min-height:36px;padding:8px 16px}.header-left h2{font-size:1.1rem}.admin-header.collapsed .header-left h2{font-size:1rem}.header-left p{font-size:.75rem}.close-btn,.collapse-btn{font-size:16px;height:36px;margin-top:-10px;width:36px}.admin-filters:not(.collapsed){padding:10px 16px}.admin-filters.collapsed{padding:6px 16px}.filter-row{align-items:stretch;flex-direction:column;gap:8px}.filter-group{min-width:auto;width:100%}.filter-select.compact,.search-input.compact{font-size:14px;min-width:auto;width:100%}.refresh-btn.compact{justify-content:center;width:100%}.filters-header{align-items:stretch;flex-direction:column;gap:6px}.filters-toggle-btn{justify-content:center;width:100%}.results-count{align-self:center;text-align:center}.admin-actions{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.action-group{flex-wrap:wrap;gap:8px;justify-content:center}.selection-info{font-size:13px;margin-bottom:8px;text-align:center;width:100%}.delete-all-btn,.delete-btn,.export-btn,.import-btn,.reset-btn,.user-management-btn{flex:1 1;font-size:12px;justify-content:center;max-width:none;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.export-dropdown{position:static;width:100%}.export-btn{width:100%}.export-options{border-radius:12px;left:50%;max-width:90vw;min-width:280px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);z-index:600}.table-container{overflow-x:auto;overflow-y:auto}.business-table{font-size:11px;min-width:800px}.business-table td,.business-table th{padding:8px 4px;white-space:nowrap}.address,.business-name{max-width:120px;min-width:100px}.admin-pagination{flex-direction:column;gap:12px;padding:12px 16px;text-align:center}.pagination-info{font-size:12px;order:2}.pagination-controls{flex-wrap:wrap;gap:6px;justify-content:center;order:1}.pagination-btn{font-size:12px;min-width:60px;padding:8px 10px}.page-info{font-size:12px;margin:0 8px}.export-modal-overlay,.import-modal-overlay{padding:12px}.export-modal,.import-modal{border-radius:12px;max-width:100%}.export-modal-header,.import-modal-header{padding:16px 40px 16px 12px;text-align:center}.export-modal-header h3,.import-modal-header h3{font-size:1rem;margin:0}.export-modal-content,.import-modal-content{padding:16px 12px}.export-buttons{flex-direction:column;gap:8px}.export-modal-btn{padding:12px 16px;width:100%}.import-option-group{margin-bottom:16px;padding:16px 12px}.import-type-tabs{flex-direction:column;gap:8px}.import-tab{font-size:13px;padding:12px 16px}.import-input{font-size:16px;padding:12px 14px}.import-quick-btn,.import-submit-btn{font-size:14px;padding:14px 20px}.progress-banner{padding:12px 16px}.progress-info{align-items:flex-start;flex-direction:column;font-size:12px;gap:4px}.progress-message,.progress-text{font-size:12px}.section-header{padding:12px 16px}.back-btn{font-size:13px;padding:8px 16px}.admin-stats{gap:12px;grid-template-columns:repeat(2,1fr);padding:12px 16px}.stat-card{padding:16px 12px}.stat-number{font-size:1.5rem}.stat-label{font-size:10px}}@media (max-width:480px){.admin-panel-overlay{padding:4px}.admin-panel{border-radius:8px}.admin-header{min-height:44px;padding:8px 12px}.admin-header.collapsed{min-height:32px;padding:6px 12px}.header-left h2{font-size:1rem}.admin-header.collapsed .header-left h2{font-size:.9rem}.close-btn,.collapse-btn{font-size:12px;height:28px;width:28px}.admin-filters:not(.collapsed){padding:8px 12px}.admin-filters.collapsed{padding:4px 12px}.filters-toggle-btn{font-size:11px;padding:5px 10px}.results-count{font-size:11px;padding:3px 6px}.admin-actions,.admin-pagination,.admin-stats,.progress-banner,.section-header{padding:8px 12px}.admin-stats{gap:8px;grid-template-columns:1fr}.stat-card{padding:12px 8px}.stat-number{font-size:1.3rem}.business-table{font-size:10px}.business-table td,.business-table th{padding:6px 3px}.address,.business-name{font-size:10px;max-width:100px}.status-badge{font-size:8px;padding:2px 6px}.export-modal-content,.import-modal-content,.import-option-group{padding:12px 8px}.export-modal-header,.import-modal-header{padding:12px 36px 12px 8px}.export-modal-header h3,.import-modal-header h3{font-size:.9rem}}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-dark)}.export-options::-webkit-scrollbar{width:6px}.export-options::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:3px}.export-options::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:3px}.swal2-container{z-index:99999!important}.swal2-popup{z-index:100000!important}.swal-popup{z-index:100001!important}.swal-cancel-btn,.swal-confirm-btn{z-index:100002!important}.mobile-close-btn{font-size:16px;height:32px;position:absolute;right:12px;top:12px;width:32px}@media (max-width:768px) and (orientation:landscape){.admin-header{align-items:center;flex-direction:row;justify-content:space-between;padding:12px 16px}.header-left{text-align:left}.close-btn{position:static}.admin-filters{flex-direction:row;flex-wrap:wrap;padding:12px 16px}.filter-group{flex:1 1;min-width:150px}.admin-actions{flex-direction:row;flex-wrap:wrap;padding:12px 16px}.action-group{flex-wrap:wrap}}@media (prefers-contrast:high){.admin-panel{border-color:#000;border-width:2px}[data-theme=dark] .admin-panel{border-color:#fff}.business-table td,.business-table th{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.export-btn:hover,.import-btn:hover,.pagination-btn:hover{transform:none!important}}@media print{.admin-panel-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;position:static}.admin-panel{border:1px solid #ccc;box-shadow:none;max-height:none;overflow:visible}.admin-header{background:#f5f5f5!important;color:#333!important}.admin-actions,.admin-filters,.admin-pagination,.close-btn{display:none}}.user-management{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;height:100%;overflow:hidden}.user-management,.user-management-header{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);display:flex}.user-management-header{align-items:flex-start;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:16px;color:#fff;justify-content:space-between;margin-bottom:24px;padding:24px}.header-info h2{font-size:1.5rem;font-weight:700;margin:0 0 8px}.header-info .header-subtitle{font-size:.9rem;margin:0;opacity:.9}.user-stats{display:flex;flex-wrap:wrap;gap:16px}.user-stats .stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;min-width:80px;padding:12px 16px;text-align:center}.user-stats .stat-number{color:#fff;display:block;font-size:1.5rem;font-weight:800;margin-bottom:4px}.user-stats .stat-label{font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.user-stats .stat-item.superadmin{background:#fbbf2433;border-color:#fbbf24}.user-stats .stat-item.admin{background:#ef444433;border-color:#ef4444}.user-stats .stat-item.moderator{background:#8b5cf633;border-color:#8b5cf6}.user-stats .stat-item.user{background:#10b98133;border-color:#10b981}.user-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-filter-group{display:flex;flex:1 1;gap:12px;max-width:600px}.role-filter,.user-search{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px}.user-search{flex:1 1;min-width:250px}.role-filter{min-width:150px}.action-buttons{gap:12px}.create-user-btn,.refresh-users-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.create-user-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.create-user-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.refresh-users-btn{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);color:#1e293b;color:var(--text-primary)}.refresh-users-btn:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);transform:translateY(-1px)}.refresh-users-btn:disabled{cursor:not-allowed;opacity:.6}.loading-users{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:16px;width:40px}.users-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.users-table-container{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;flex:1 1;overflow:auto}.users-table{display:flex;flex-direction:column;width:100%}.table-header{grid-gap:16px;background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);color:#1e293b;color:var(--text-primary);display:grid;font-weight:600;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-cell{color:#64748b;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.table-row:hover{background:#f8fafc;background:var(--bg-secondary)}.table-cell{min-height:60px}.table-cell,.user-email-cell{align-items:center;display:flex}.user-email-cell{gap:12px;width:100%}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-avatar.large{font-size:24px;height:60px;width:60px}.user-email-info{display:flex;flex-direction:column;gap:2px;min-width:0}.email-text{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;word-break:break-all}.user-id{color:#94a3b8;color:var(--text-muted);font-family:monospace;font-size:11px}.current-user-badge{background:#10b981;border-radius:8px;color:#fff;font-size:10px;font-weight:600;margin-top:2px;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.roles-container{display:flex;flex-wrap:wrap;gap:4px}.role-badge{border-radius:12px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.role-badge.user{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.role-badge.moderator{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-badge.superadmin{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf244d;color:#1f2937;font-weight:800}.role-level{background:#0000001a;border-radius:8px;font-size:10px;font-weight:600;padding:2px 6px}.date-text,.role-level{color:#64748b;color:var(--text-secondary)}.date-text{font-size:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.action-btn{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#64748b;color:var(--text-secondary);font-size:14px;height:32px;width:32px}.action-btn:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:scale(1.1)}.action-btn.grant-admin,.action-btn.revoke-admin{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.action-btn.grant-mod,.action-btn.revoke-mod{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.action-btn.grant-superadmin,.action-btn.revoke-superadmin{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#1f2937;font-weight:800}.action-btn.view-details{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;color:#fff}.action-btn.delete-user{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.no-users{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-users-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-users h4{color:#1e293b;color:var(--text-primary);font-size:1.2rem;margin:0 0 8px}.no-users p{margin:0 0 20px;max-width:400px}.clear-filters-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.clear-filters-btn:hover{background:#4f46e5;background:var(--primary-dark);transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.create-user-modal,.user-details-modal{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.user-details-modal{max-width:700px}.modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;justify-content:space-between;padding:20px 24px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:16px}.modal-title h3{font-size:1.2rem;font-weight:700;margin:0}.modal-title p{font-size:.9rem;margin:0;opacity:.9}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:36px}.close-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-close-btn{display:none}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.create-user-form{gap:20px}.create-user-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.form-group input,.form-group select{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group small{color:#64748b;color:var(--text-secondary);font-size:12px}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.cancel-btn{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);color:#64748b;color:var(--text-secondary)}.cancel-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.create-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.create-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.create-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.detail-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);margin-bottom:32px;padding-bottom:24px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#1e293b;color:var(--text-primary);font-size:14px;word-break:break-all}.user-id-full{background:#f8fafc;background:var(--bg-secondary);border-radius:6px;font-family:monospace;font-size:12px!important;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.confirmed{color:#10b981!important;color:var(--accent-color)!important;font-weight:600}.pending{color:#f59e0b!important;color:var(--secondary-color)!important;font-weight:600}.roles-detail-list{display:flex;flex-direction:column;gap:12px}.role-detail-card{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.role-detail-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.role-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.status-badge{border-radius:10px;font-size:10px;font-weight:600;padding:2px 8px}.status-badge.active{background:#10b981;background:var(--accent-color);color:#fff}.status-badge.inactive{background:#ef4444;background:var(--danger-color);color:#fff}.role-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-item label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-item span{font-size:12px}.meta-item span,.no-roles{color:#64748b;color:var(--text-secondary)}.no-roles{padding:20px;text-align:center}.no-roles p{font-size:14px;margin:8px 0 0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-box{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;padding:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.stat-box:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{color:#6366f1;color:var(--primary-color);display:block;font-size:1.5rem;font-weight:800;margin-bottom:4px}.stat-label{font-size:11px;letter-spacing:.5px}.access-denied{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);padding:60px 20px;text-align:center}.access-denied h3{color:#ef4444;color:var(--danger-color);font-size:1.4rem;margin:0 0 12px}.access-denied p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0}@media (max-width:768px){.user-management{border-radius:0;height:100%;margin:0;overflow:hidden}.user-management-header{border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px;text-align:center}.header-info{text-align:center;width:100%}.header-info h2{font-size:1.1rem;margin-bottom:4px}.header-info .header-subtitle{display:none;font-size:.75rem;margin:0}.user-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);justify-content:center;width:100%}.user-stats .stat-item{font-size:9px;min-width:auto;padding:6px 4px}.user-stats .stat-number{font-size:1rem;margin-bottom:2px}.user-stats .stat-label{font-size:7px;line-height:1.1}.user-controls{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px}.search-filter-group{flex-direction:column;gap:8px;max-width:none}.role-filter,.user-search{font-size:16px;min-width:auto;padding:10px 14px;width:100%}.action-buttons{gap:8px;justify-content:center}.create-user-btn,.refresh-users-btn{flex:1 1;font-size:13px;justify-content:center;min-width:120px;padding:10px 16px}.users-container{flex:1 1;min-height:0;overflow:hidden}.users-table-container{overflow-x:auto;overflow-y:auto}.users-table{display:block;width:100%}.table-header{display:none}.table-body,.table-row{display:block}.table-row{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.table-row:hover{background:#f8fafc;background:var(--bg-secondary);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-cell{display:block;margin-bottom:10px;min-height:auto;padding:0}.table-cell:last-child{margin-bottom:0}.user-email-cell{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);flex-direction:row;gap:12px;margin-bottom:12px;padding-bottom:12px}.user-avatar{flex-shrink:0;font-size:16px;height:40px;width:40px}.user-email-info{flex:1 1;min-width:0}.email-text{font-size:13px;font-weight:700;margin-bottom:3px;word-break:break-all}.user-id{font-size:9px;margin-bottom:3px}.current-user-badge{font-size:8px;padding:1px 4px}.roles-container{flex-wrap:wrap;gap:4px;justify-content:flex-start;margin-bottom:10px}.role-badge{font-size:8px;padding:3px 6px}.date-text{margin-bottom:6px}.date-text,.table-cell:before{color:#64748b;color:var(--text-secondary);font-size:10px}.table-cell:before{content:attr(data-label);display:block;font-weight:600;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.table-cell.email:before{content:"User"}.table-cell.roles:before{content:"Roles"}.table-cell.joined:before{content:"Joined"}.table-cell.last-login:before{content:"Last Login"}.table-cell.actions:before{content:"Actions"}.action-buttons{flex-wrap:wrap;gap:4px;justify-content:flex-start}.action-btn{font-size:12px;height:28px;width:28px}.modal-overlay{padding:12px}.create-user-modal,.user-details-modal{border-radius:12px;max-width:100%}.modal-header{padding:16px 12px}.modal-header,.modal-title{flex-direction:column;gap:8px;text-align:center}.modal-title h3{font-size:1rem}.modal-title p{font-size:.8rem}.close-btn{font-size:16px;height:32px;position:absolute;right:12px;top:12px;width:32px}.mobile-close-btn{display:flex}.modal-content{padding:16px 12px}.create-user-form{gap:16px}.form-group input,.form-group select{font-size:16px;padding:12px 14px}.form-actions{flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.cancel-btn,.create-btn{justify-content:center;padding:12px 20px;width:100%}.detail-section{margin-bottom:20px;padding-bottom:16px}.detail-section h4{font-size:.95rem;margin-bottom:12px}.detail-grid{gap:12px;grid-template-columns:1fr}.detail-item{background:#f8fafc;background:var(--bg-secondary);border-left:3px solid #6366f1;border-left:3px solid var(--primary-color);border-radius:6px;padding:10px}.detail-item label{font-size:10px}.detail-item span{font-size:12px;word-break:break-all}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-box{padding:12px 8px}.stat-value{font-size:1.2rem}.stat-label{font-size:9px}.roles-detail-list{gap:8px}.role-detail-card{padding:12px}.role-header{align-items:flex-start;flex-direction:column;gap:6px}.role-meta{gap:6px;grid-template-columns:1fr}.meta-item label{font-size:9px}.meta-item span{font-size:10px}.no-users{padding:40px 16px}.no-users-icon{font-size:2.5rem}.no-users h4{font-size:1rem}.no-users p{font-size:.85rem}.loading-users{padding:40px 16px}.spinner{border-width:3px;height:32px;width:32px}}@media (max-width:480px){.user-management-header{padding:8px}.header-info h2{font-size:1rem}.user-stats{gap:4px}.user-stats .stat-item{padding:4px 2px}.user-stats .stat-number{font-size:.9rem}.user-stats .stat-label{font-size:6px}.user-controls{padding:8px}.table-row{margin-bottom:8px;padding:10px 8px}.user-avatar{font-size:14px;height:36px;width:36px}.email-text{font-size:12px}.action-btn{font-size:11px;height:26px;width:26px}.modal-content{padding:12px 8px}.detail-item{padding:8px}.stats-grid{grid-template-columns:1fr}}@media (max-width:768px) and (orientation:landscape){.user-management-header{align-items:center;flex-direction:row;justify-content:space-between;padding:12px 16px}.header-info{text-align:left}.header-info .header-subtitle{display:block}.user-stats{display:flex;gap:8px;justify-content:flex-end}.user-stats .stat-item{min-width:60px}.user-controls{flex-direction:row;flex-wrap:wrap;padding:12px 16px}.search-filter-group{flex:1 1;flex-direction:row}}.user-management{animation:slideInFromBottom .3s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.table-row{animation:fadeInUp .3s ease-out;animation-fill-mode:both}.table-row:first-child{animation-delay:.05s}.table-row:nth-child(2){animation-delay:.1s}.table-row:nth-child(3){animation-delay:.15s}.table-row:nth-child(4){animation-delay:.2s}.table-row:nth-child(5){animation-delay:.25s}.modal-content::-webkit-scrollbar,.users-table-container::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track,.users-table-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:3px}.modal-content::-webkit-scrollbar-thumb,.users-table-container::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover,.users-table-container::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-dark)}*{box-sizing:border-box}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#f59e0b;--secondary-dark:#d97706;--accent-color:#10b981;--accent-dark:#059669;--danger-color:#ef4444;--danger-dark:#dc2626;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-gradient:linear-gradient(135deg,#f8fafc,#e2e8f0);--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e0;--border-focus:var(--primary-color);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 50px #00000026;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--text-primary:#f1f5f9;--text-secondary:#cbd5e0;--text-muted:#94a3b8;--border-primary:#334155;--border-secondary:#475569;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 20px 50px #0009}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--bg-gradient);color:#1e293b;color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.app,body{min-height:100vh}.app{margin:0 auto;max-width:1400px;padding:20px;position:relative}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:50%;box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:56px;z-index:1001}.theme-toggle:hover{border-color:#6366f1;border-color:var(--primary-color);transform:scale(1.1) rotate(180deg)}.app-header,.theme-toggle:hover{box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl)}.app-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:24px;color:#fff;color:var(--text-inverse);display:flex;flex-direction:column;gap:15px;margin-bottom:40px;overflow:hidden;padding:32px 40px;position:relative;text-align:center}.app-header:before{animation:float 30s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes float{0%{transform:translateX(-100px) translateY(-100px)}to{transform:translateX(0) translateY(0)}}.header-logo{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.app-logo{filter:drop-shadow(0 8px 20px rgba(0,0,0,.2));height:auto;margin-bottom:-90px;margin-top:-90px;max-height:280px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:280px}.app-logo:hover{filter:drop-shadow(0 12px 30px rgba(0,0,0,.3));transform:scale(1.05)}.logo-fallback{align-items:center;display:none;flex-direction:column;gap:2px}.logo-text{color:#ff6b35;font-size:4.5rem;font-weight:800;letter-spacing:2px;line-height:1;text-shadow:0 2px 4px #0000004d}.logo-subtitle{color:#fff;color:var(--text-inverse);font-size:1rem;font-weight:600;letter-spacing:1px;line-height:1;opacity:.8;text-transform:uppercase}.app-logo[style*="display: none"]~.logo-fallback{display:flex}.header-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:900px;position:relative;z-index:2}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;text-shadow:0 2px 4px #0000001a}.app-header p{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;line-height:1.4;margin:0;max-width:800px;opacity:.9;text-align:center}.spreadsheet-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;color:var(--text-inverse);font-size:12px;font-weight:600;margin-top:4px;padding:6px 14px}.header-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;position:relative;width:100%;z-index:2}.refresh-btn,.reset-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.refresh-btn{background:#ffffff26;border:1px solid #fff3;color:#fff;color:var(--text-inverse)}.refresh-btn:hover{background:#ffffff40;box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.reset-btn{background:#00000026;border:1px solid #ffffff1a;color:#fff;color:var(--text-inverse)}.reset-btn:hover{background:#00000040;transform:translateY(-2px)}.admin-actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-radius:0;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:20px;max-width:800px;padding:0;position:relative;width:100%;z-index:2}.add-business-btn,.admin-actions{align-items:center;border:none;display:flex;justify-content:center}.add-business-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);cursor:pointer;font-size:15px;font-weight:600;gap:8px;min-width:180px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.add-business-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-panel-btn,.duplicate-manager-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:180px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-panel-btn:hover,.duplicate-manager-btn:hover{background:#ffffff40;box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-panel-btn.active,.duplicate-manager-btn.active{background:#ef444433;border-color:#ef444466;color:#fecaca}.admin-panel-btn.active:hover,.duplicate-manager-btn.active:hover{background:#ef44444d;transform:translateY(-2px)}.user-actions{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-radius:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px;max-width:600px;padding:0;position:relative;width:100%;z-index:2}.filters-container{grid-gap:24px;align-items:end;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.search-wrapper{position:relative}.search-icon-btn{background:none;border:none;border-radius:50%;color:#6366f1;color:var(--primary-color);cursor:pointer;font-size:18px;left:20px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);z-index:2}.search-icon-btn:hover{background:#6366f11a;transform:translateY(-50%) scale(1.1)}.search-input{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:16px;outline:none;padding:20px 120px 20px 60px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.search-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a,0 8px 30px #0000001f;box-shadow:0 0 0 4px #6366f11a,var(--shadow-lg);transform:translateY(-2px)}.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.typing-indicator{animation:pulse 1.5s infinite;color:#f59e0b;color:var(--secondary-color);font-size:16px;position:absolute;right:90px;top:50%;transform:translateY(-50%);z-index:2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-hint{animation:fadeIn .3s ease-in;color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic;margin-top:8px;text-align:center}.clear-search-btn{align-items:center;background:#ef4444;background:var(--danger-color);border:none;border-radius:50%;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:60px;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:28px;z-index:2}.clear-search-btn:hover{background:#dc2626;background:var(--danger-dark);transform:translateY(-50%) scale(1.1)}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:24px}.desa-filter,.kecamatan-filter{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.desa-filter label,.kecamatan-filter label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.desa-select,.kecamatan-select{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:12px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.desa-select:focus,.kecamatan-select:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.results-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);box-sizing:border-box;margin:16px 0;max-width:100%;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.summary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;width:100%}.stat-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-left:3px solid #f59e0b;border-left:3px solid var(--secondary-color);border-radius:8px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:65px;overflow:hidden;padding:12px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.stat-item:before{background:linear-gradient(45deg,#0000 30%,#ffffff08 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.stat-item:hover{border-left-color:#6366f1;border-left-color:var(--primary-color);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-item:hover:before{transform:translateX(100%)}.stat-number{color:#6366f1;color:var(--primary-color);display:block;font-size:1.3rem;font-weight:800;line-height:1;margin-bottom:4px;text-shadow:0 1px 2px #0000001a}.stat-label{color:#64748b;color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.4px;line-height:1.2;max-width:100%;text-align:center;text-transform:uppercase}.filter-info{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:12px;width:100%}.filter-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:14px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);font-size:10px;font-weight:600;padding:4px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);white-space:nowrap}.filter-tag:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (min-width:769px){.results-summary{border-radius:14px;margin:18px 0;padding:18px 24px}.summary-stats{gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.stat-item{border-left-width:3px;border-radius:10px;min-height:75px;padding:16px 18px}.stat-number{font-size:1.5rem;margin-bottom:5px}.stat-label{font-size:10px;letter-spacing:.5px}.filter-info{gap:10px;padding-top:16px}.filter-tag{border-radius:16px;font-size:11px;padding:6px 12px}}@media (min-width:1200px){.results-summary{margin:20px 0;padding:20px 28px}.summary-stats{gap:20px;margin-bottom:18px}.stat-item{border-radius:12px;min-height:80px;padding:18px 20px}.stat-number{font-size:1.6rem;margin-bottom:6px}.stat-label{font-size:10px;letter-spacing:.5px}.filter-info{gap:12px;padding-top:18px}.filter-tag{font-size:11px;padding:6px 14px}}@media (min-width:1400px){.results-summary{margin:22px 0;padding:22px 32px}.summary-stats{gap:24px;margin-bottom:20px}.stat-item{border-radius:14px;min-height:85px;padding:20px 22px}.stat-number{font-size:1.7rem;margin-bottom:6px}.stat-label{font-size:11px;letter-spacing:.6px}}.content-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.business-list-container{pointer-events:auto;position:relative;width:100%;z-index:1}.business-list{grid-gap:24px;display:grid;gap:24px;max-height:85vh;overflow-y:auto;padding-right:8px;scroll-behavior:smooth}.business-card,.business-list{pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.business-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);cursor:pointer;height:auto;min-height:auto;overflow:hidden;padding:28px;position:relative;width:100%;z-index:1}.business-card:before{background:linear-gradient(90deg,#6366f1,#f59e0b 50%,#10b981);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--accent-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.business-card:hover:before{transform:scaleX(1)}.business-card:hover{transform:translateY(-6px)}.business-card.selected,.business-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl)}.business-card.selected{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.business-card.selected:before{transform:scaleX(1)}.business-name{word-wrap:break-word;color:#1e293b;color:var(--text-primary);flex:1 1;font-size:1.4em;font-weight:700;line-height:1.3;margin:0 16px 8px 0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.business-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;min-height:auto;padding-bottom:16px}.business-title-section{flex:1 1;margin-right:16px;max-width:none;min-width:0;width:100%}.status-info{display:flex;flex-direction:column;flex-wrap:wrap;gap:6px;margin-top:8px;overflow:visible}.status-badge{border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-open{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-closed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-unknown{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.petugas-info{word-wrap:break-word;background:#f8fafc;background:var(--bg-secondary);border-left:2px solid #6366f1;border-left:2px solid var(--primary-color);border-radius:8px;color:#64748b;color:var(--text-secondary);font-size:10px;font-weight:500;max-width:100%;overflow:visible;padding:2px 8px;white-space:normal;width:-webkit-fit-content;width:fit-content}.business-category{align-self:flex-start;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;white-space:nowrap}.business-main-info{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-auto-rows:auto;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px}.info-column{gap:16px}.info-column,.info-item{display:flex;flex-direction:column}.info-item{gap:6px}.info-label{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:1px;text-transform:uppercase}.info-value{word-wrap:break-word;color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;overflow:visible;text-overflow:clip;white-space:normal}.business-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);gap:16px;padding-top:20px}.action-btn,.business-actions{display:flex;justify-content:center;pointer-events:auto}.action-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);cursor:pointer;font-size:18px;height:48px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:48px;z-index:1}.action-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s;width:0}.action-btn:hover:before{height:120%;width:120%}.phone-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%)}.email-btn,.phone-btn{color:#fff;color:var(--text-inverse)}.email-btn{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%)}.maps-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.detail-btn,.maps-btn{color:#fff;color:var(--text-inverse)}.detail-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.action-btn:hover{transform:scale(1.15)}.action-btn:hover,.pagination-container{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg)}.pagination-container{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin:24px 0;max-width:100%;overflow:hidden;padding:20px 16px;pointer-events:auto;position:relative;width:100%;z-index:1}.pagination-info{color:#64748b;color:var(--text-secondary);padding:0 4px;text-align:center}.page-indicator{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.items-info{font-size:12px;font-weight:500;line-height:1.2;opacity:.8}.pagination-controls{gap:12px;max-width:100%;width:100%}.pagination-btn,.pagination-controls{align-items:center;display:flex;justify-content:center;overflow:hidden}.pagination-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;min-height:44px;padding:12px 16px;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#4f46e5;background:var(--primary-dark);transform:translateY(-1px)}.pagination-btn:disabled{background:#f8fafc;background:var(--bg-secondary);color:#94a3b8;color:var(--text-muted);cursor:not-allowed;transform:none}.pagination-btn:focus{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}.pagination-numbers{-ms-overflow-style:none;align-items:center;display:flex;flex-shrink:1;gap:6px;justify-content:center;max-width:300px;overflow-x:auto;padding:4px 8px;scrollbar-width:none}.pagination-numbers::-webkit-scrollbar{display:none}.pagination-number{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.pagination-number:hover:not(.dots):not(.active):not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);border-color:#cbd5e0;border-color:var(--border-secondary);transform:translateY(-1px)}.pagination-number.active{background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse)}.pagination-number.dots{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:default;min-width:24px;pointer-events:none}.pagination-jump{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:0 4px;text-align:center}.pagination-input{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);flex-shrink:0;font-family:inherit;font-size:14px;font-weight:600;outline:none;padding:8px 10px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:60px}.pagination-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.error,.loading{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);font-size:18px;padding:80px 20px;text-align:center}.loading{color:#6366f1;color:var(--primary-color)}.error{color:#ef4444;color:var(--danger-color)}.spinner,.spinner-large{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto 20px;width:50px}.spinner-large{border-width:6px;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:24px;box-shadow:0 20px 50px #00000026;box-shadow:var(--shadow-xl);max-width:400px;padding:48px;text-align:center;width:90%}.loading-content p{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.cancel-loading-btn{background:#ef4444;background:var(--danger-color);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.cancel-loading-btn:hover{background:#dc2626;background:var(--danger-dark);transform:translateY(-2px)}.no-results{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);color:#64748b;color:var(--text-secondary);padding:80px 20px;text-align:center}.no-results h3{color:#1e293b;color:var(--text-primary);font-size:1.4em;font-weight:700;margin-bottom:16px}.empty-page{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);color:#64748b;color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-page p{font-size:1.1em;margin-bottom:28px}.go-first-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:25px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:600;letter-spacing:.5px;padding:16px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.go-first-btn:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.error-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;border-radius:16px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);justify-content:space-between;margin-bottom:28px;padding:20px 28px}.error-banner,.error-banner button{align-items:center;color:#ef4444;color:var(--danger-color);display:flex}.error-banner button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:36px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:36px}.error-banner button:hover{background:#ef44441a;transform:scale(1.1)}.additional-data::-webkit-scrollbar,.business-list::-webkit-scrollbar{width:6px}.additional-data::-webkit-scrollbar-track,.business-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:3px}.additional-data::-webkit-scrollbar-thumb,.business-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:3px}.additional-data::-webkit-scrollbar-thumb:hover,.business-list::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-dark)}.user-menu{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;color:var(--text-inverse);font-size:14px;font-weight:500;padding:8px 12px}.auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.auth-btn.signin{background:#fff3;border:1px solid #ffffff4d;color:#fff;color:var(--text-inverse)}.auth-btn.signin:hover{background:#ffffff4d;transform:translateY(-1px)}.auth-btn.signout{background:#ef444433;border:1px solid #ef44444d;color:#fff;color:var(--text-inverse)}.auth-btn.signout:hover{background:#ef44444d;transform:translateY(-1px)}.business-card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);display:flex;gap:8px;margin-top:12px;padding-top:12px}.delete-business-btn,.edit-business-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.edit-business-btn{background:#f59e0b;background:var(--secondary-color);color:#fff;color:var(--text-inverse)}.edit-business-btn:hover{background:#d97706;background:var(--secondary-dark);transform:translateY(-1px)}.delete-business-btn{background:#ef4444;background:var(--danger-color);color:#fff;color:var(--text-inverse)}.delete-business-btn:hover{background:#dc2626;background:var(--danger-dark);transform:translateY(-1px)}.progress-container{margin:16px 0;text-align:center;width:100%}.progress-bar{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-light) 100%);height:100%;transition:width .3s ease}.progress-text{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600}.business-card *{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.business-card .business-name,.business-card .info-value{hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.admin-badge{background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse);font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.admin-access-denied{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:16px;margin:24px 0;padding:24px;text-align:center}.admin-access-denied h3{color:#ef4444;color:var(--danger-color);font-size:1.2rem;margin:0 0 12px}.admin-access-denied p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0}@media (min-width:769px){.stat-item{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.stat-item:first-child{animation-delay:.05s}.stat-item:nth-child(2){animation-delay:.1s}.stat-item:nth-child(3){animation-delay:.15s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.stat-item:hover .stat-number{color:#f59e0b;color:var(--secondary-color);transform:scale(1.02)}.stat-item:hover .stat-label{color:#1e293b;color:var(--text-primary)}}@media (max-width:1200px){.filters-container{gap:20px;grid-template-columns:1fr}.filters-row{flex-direction:row;gap:16px}.desa-filter,.kecamatan-filter{min-width:180px}}@media (max-width:768px){.app{padding:8px}.theme-toggle{font-size:20px;height:44px;right:8px;top:8px;width:44px}.app-header{gap:8px;margin-bottom:16px;padding:16px 12px}.app-header h1{font-size:1.8rem;margin-bottom:4px}.app-header p{font-size:.9rem;margin:0}.header-content{gap:6px}.spreadsheet-info{margin-top:2px;padding:4px 10px}.header-actions{gap:8px;margin-top:12px}.filters-container{gap:12px;margin-bottom:16px}.filters-row{align-items:stretch;flex-direction:column;gap:8px}.desa-filter,.kecamatan-filter{min-width:auto;width:100%}.refresh-btn,.reset-btn{justify-content:center;width:100%}.search-input{font-size:16px;padding:14px 90px 14px 45px}.search-icon-btn{font-size:16px;left:12px;padding:6px}.clear-search-btn{font-size:11px;height:22px;right:45px;width:22px}.typing-indicator{font-size:14px;right:70px}.desa-select,.kecamatan-select{font-size:16px;padding:14px 16px}.business-card{padding:16px 12px}.business-list{gap:12px}.business-name{font-size:1.1em;line-height:1.4;margin-bottom:8px}.business-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:8px}.business-title-section{margin-right:0;order:1;width:100%}.business-category{align-self:flex-start;order:2}.status-info{flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:4px;order:3}.business-main-info{gap:12px;grid-template-columns:1fr;margin-bottom:12px}.info-column{gap:8px}.info-item{gap:4px}.business-actions{flex-wrap:wrap;gap:6px;justify-content:center;padding-top:12px}.action-btn{font-size:14px;height:40px;width:40px}.business-card-actions{flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.delete-business-btn,.edit-business-btn{justify-content:center;width:100%}.admin-actions{flex-direction:column;gap:8px;margin-top:8px}.add-business-btn,.admin-panel-btn,.duplicate-manager-btn{font-size:14px;min-width:auto;padding:12px 20px;width:100%}.admin-panel-btn,.duplicate-manager-btn{justify-content:center}.user-actions{flex-direction:column;gap:8px;margin-top:8px}.user-actions .add-business-btn{font-size:14px;min-width:auto;padding:12px 20px;width:100%}.user-menu{flex-direction:column;gap:6px;width:100%}.auth-btn{justify-content:center;width:100%}.user-info{text-align:center;width:100%}.results-summary{border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);margin:12px 0;padding:12px 8px}.summary-stats{gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.stat-item{border-left-width:2px;border-radius:8px;min-height:55px;padding:8px 6px}.stat-number{font-size:1.2rem;font-weight:700;margin-bottom:2px}.stat-label{font-size:8px;letter-spacing:.3px;line-height:1.1}.filter-info{gap:4px;justify-content:center;padding-top:8px}.filter-tag{border-radius:12px;font-size:9px;font-weight:500;padding:4px 8px}.pagination-container{gap:6px;margin:12px 0;max-width:calc(100vw - 16px);overflow:hidden;padding:8px 6px}.page-indicator{font-size:13px}.items-info{font-size:9px}.pagination-controls{align-items:center;flex-wrap:nowrap;gap:4px;justify-content:center;max-width:100%;overflow:hidden}.pagination-btn{flex-shrink:0;font-size:10px;max-width:70px;min-height:36px;min-width:60px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.pagination-numbers{flex-shrink:1;gap:2px;margin:0 4px;max-width:140px;order:0;overflow-x:auto}.pagination-number{font-size:11px;height:30px;min-width:30px;padding:2px 6px}.pagination-jump{flex-wrap:wrap;font-size:9px;gap:2px;justify-content:center}.pagination-input{font-size:11px;padding:3px 4px;width:40px}.error-banner{margin-bottom:16px;padding:12px 16px}.app-logo{margin-bottom:-70px;margin-top:-75px;max-height:200px;width:200px}.logo-text{font-size:3.5rem}.logo-subtitle{font-size:.85rem}}@media (max-width:480px){.app{padding:6px}.app-header{gap:15px;margin-bottom:12px;padding:12px 8px}.header-content{gap:4px}.header-actions{gap:6px;margin-top:8px}.admin-actions{padding:6px 8px}.admin-actions,.user-actions{gap:6px;margin-top:6px}.business-card{padding:12px 8px}.business-list{gap:8px}.business-header{gap:6px;margin-bottom:8px;padding-bottom:6px}.business-main-info{gap:8px;margin-bottom:8px}.info-column{gap:6px}.info-item{gap:2px}.business-actions{gap:4px;padding-top:8px}.business-name{font-size:1rem;line-height:1.5;margin-bottom:6px}.status-info{gap:4px;margin-top:4px}.filters-row{gap:6px}.desa-filter label,.kecamatan-filter label{font-size:11px}.desa-select,.kecamatan-select{font-size:16px;padding:12px 14px}.filters-container{gap:8px;margin-bottom:12px}.results-summary{margin:8px 0;padding:8px 6px}.summary-stats{gap:4px;margin-bottom:6px}.stat-item{min-height:45px;padding:6px 4px}.filter-info{gap:2px;padding-top:6px}.pagination-container{gap:4px;margin:8px 0;padding:6px 4px}.pagination-controls{gap:2px}.pagination-numbers{gap:1px;margin:0 2px}.user-menu{gap:4px}.admin-badge{font-size:7px;margin-left:2px;padding:1px 4px}.app-logo{margin-bottom:-60px;margin-top:-60px;max-height:160px;width:160px}.logo-text{font-size:2.8rem}.logo-subtitle{font-size:.75rem}.spreadsheet-info{font-size:10px;margin-top:0;padding:2px 6px}}@media (max-width:360px){.app{padding:4px}.app-header{gap:15px;margin-bottom:8px;padding:8px 6px}.header-content{gap:2px}.admin-actions{padding:4px 6px}.admin-actions,.user-actions{gap:4px;margin-top:4px}.business-card{padding:8px 6px}.business-list{gap:6px}.filters-container{gap:6px;margin-bottom:8px}.results-summary{margin:6px 0;padding:6px 4px}.summary-stats{gap:2px;margin-bottom:4px}.stat-item{min-height:35px;padding:4px 2px}.pagination-container{gap:2px;margin:6px 0;padding:4px 2px}.app-logo{margin-bottom:-60px;margin-top:-60px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.business-card,.pagination-container,.results-summary{animation:fadeIn .6s ease-out}.desa-select:focus,.kecamatan-select:focus,.pagination-input:focus,.search-input:focus{outline:none}.action-btn:focus,.pagination-btn:focus,.pagination-number:focus,.theme-toggle:focus{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}@media print{.results-summary{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000;margin:16px 0;padding:16px}.stat-item{background:#f5f5f5;border:1px solid #ddd}.filter-tag{background:#333;color:#fff}.app-header,.business-actions,.filters-container,.pagination-container,.theme-toggle{display:none}.content-container{grid-template-columns:1fr}.business-card{border:1px solid #ccc;box-shadow:none}body{background:#fff;color:#000}}@media (prefers-contrast:high){:root{--border-primary:#000;--text-primary:#000;--text-secondary:#333}[data-theme=dark]{--border-primary:#fff;--text-primary:#fff;--text-secondary:#ccc}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.swal-popup{border:1px solid #e2e8f0!important;border:1px solid var(--border-primary)!important;border-radius:16px!important;box-shadow:0 20px 50px #00000026!important;box-shadow:var(--shadow-xl)!important}.swal-title{color:#1e293b!important;color:var(--text-primary)!important;font-size:1.4rem!important;font-weight:700!important}.swal-content{color:#64748b!important;color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.5!important}.swal-confirm-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;padding:12px 24px!important;transition:all .3s ease!important}.swal-confirm-btn:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.swal-cancel-btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important;padding:12px 24px!important;transition:all .3s ease!important}.swal-cancel-btn:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}[data-theme=dark] .swal2-popup{background:#fff!important;background:var(--bg-primary)!important}[data-theme=dark] .swal2-title{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .swal2-content{color:#64748b!important;color:var(--text-secondary)!important}.status-badge.status-open{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.status-closed{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.status-badge.belum-diidentifikasi,.status-badge.status-unidentified{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.status-badge.belum-diidentifikasi{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}
/*# sourceMappingURL=main.8094bddc.css.map*/