:root{--primary-font: "Poppins", sans-serif;--text-color: #333}body{font-family:var(--primary-font);color:var(--text-color)}*{margin:0;padding:0;box-sizing:border-box}#folder-upload{width:100%;padding:10px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;cursor:pointer}.dashboard-container{display:flex;height:100vh;font-family:Arial,sans-serif}.company-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px}.menu-icon{font-size:1.8rem;cursor:pointer}.dropdown-menu{position:absolute;right:10px;top:40px;background:#787373;box-shadow:0 4px 6px #0000001a;border-radius:8px;padding:10px;z-index:1000;display:block}.dropdown-menu div{padding:8px 12px;cursor:pointer;transition:background .3s}.dropdown-menu div:hover{background:#aca9a9}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.dialog-box{position:relative;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0003;width:90%;max-width:400px;z-index:1002}.dialog-box h3{margin-bottom:16px;text-align:center;font-size:1.2rem}.dialog-box input{width:100%;padding:10px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px}.dialog-actions{display:flex;justify-content:space-between;gap:10px}.dialog-actions button{padding:10px 20px;border:none;background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem;border-radius:4px;transition:background .3s;flex:1}.dialog-actions button:hover{background-color:#0056b3}.dialog-actions .cancel{background-color:#f44336}.dialog-actions .cancel:hover{background-color:#d32f2f}@media (min-width: 769px){.company-list{flex-grow:1;overflow-y:auto;margin-bottom:20px}.sidebar{width:250px;background:#d3d3d3;color:#333;padding:20px;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar h2{font-size:1.5rem;margin-bottom:20px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{padding:10px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s;position:relative;margin:4px;border-radius:10px}.sidebar ul li:hover,.sidebar ul li.active{background:#007bff;color:#fff}.content{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;height:100vh}.desktop-content-container{padding:20px;width:100%}.desktop-placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:#777;font-size:1.5rem}}@media (max-width: 768px){.dashboard-container{flex-direction:column}.mobile-title-bar{display:flex;align-items:center;background:#007bff;color:#fff;padding:10px;font-size:1.2rem;position:sticky;top:0;z-index:1000;justify-content:center}.mobile-content{width:100%;height:100vh;overflow-y:auto;padding-top:40px}.mobile-company-list{display:flex;flex-direction:column;gap:10px;padding:16px}.company-card{background:#f3f3f3;border-radius:8px;padding:16px;cursor:pointer;transition:background .3s}.company-card:hover{background:#e0e0e0}.back-button{background:#007aff;position:absolute;left:15px;top:50%;transform:translateY(-50%);border:2px solid #007aff;font-size:18px;border-radius:9px;cursor:pointer;transition:all .3s ease-in-out}.mobile-image-view{padding:16px}}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px;max-width:1200px}.image-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0003;transition:transform .3s ease;background:#fff}.image{width:100%;height:200px;object-fit:cover;display:block}@media (max-width: 768px){.image-grid{grid-template-columns:1fr;padding:8px;gap:12px;margin-top:80px}.image-item{box-shadow:none;margin-bottom:16px}.image{height:180px}.image-description{font-size:12px;padding:8px;min-height:30px}.back-button{font-size:23px;padding:-.1px}}.folder-upload-section{padding:12px;background:#ffffff1a;border-radius:4px;margin-top:8px}.folder-input{width:100%;padding:8px;margin-bottom:8px;background:#ffffffe6;border:1px solid #ccc;border-radius:4px;cursor:pointer}.upload-button{width:100%;padding:8px;margin:8px 0;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.upload-button:hover{background:#45a049}.upload-button:disabled{background:#ccc;cursor:not-allowed}.progress-bar{width:100%;height:4px;background:#eee;border-radius:2px;overflow:hidden;margin:8px 0}.progress{height:100%;background:#4caf50;transition:width .3s ease}.error-message{color:#f44;font-size:12px;margin-top:4px;padding:4px;background:#ff00001a;border-radius:4px}.upload-status{font-size:12px;margin-top:4px;text-align:center;color:#666}.dropdown-menu{width:200px;background:#fff;border:1px solid #ddd}.dropdown-menu div{color:#000}*{font-family:Poppins,sans-serif}.upload-container{margin-bottom:20px;border:1px solid #ddd;border-radius:5px;padding:15px;background-color:#f9f9f9}.section-subtitle{margin-top:0;margin-bottom:10px;font-size:16px;color:#333}.upload-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.file-input{flex:1;min-width:200px}.upload-button,.upload-folder-button{padding:8px 15px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-button:disabled,.upload-folder-button:disabled{background-color:#a0c1e7;cursor:not-allowed}.selected-files-info{margin-top:10px;font-size:14px;color:#666}.progress-bar-container{height:10px;background-color:#eee;border-radius:5px;margin-top:10px;overflow:hidden}.progress-bar{height:100%;background-color:#4a90e2;transition:width .3s ease}.folder-upload-section,.file-upload-section{margin-bottom:15px}@media (max-width: 768px){.upload-controls{flex-direction:column}.file-input{width:100%}}.upload-button{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;text-align:center;margin-top:10px}.upload-button:hover{background-color:#0056b3}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}button.bg-green-500{transition:background-color .3s ease,opacity .3s ease;padding:.5rem 1rem;font-size:1rem;border-radius:.375rem}button.bg-green-500:hover{background-color:#38a169}button.bg-green-500:disabled{background-color:#48bb78;opacity:.5;cursor:not-allowed}button.bg-green-500:focus{outline:0;box-shadow:0 0 0 3px #48b47880}.overlay-button{background:#fffc;border:0;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease,transform .2s ease}.overlay-button:hover{background:#fff;transform:scale(1.05)}.options-container{position:relative}.options-toggle{position:absolute;color:#ddd;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.options-menu{position:absolute;top:40px;right:10px;display:flex;flex-direction:column;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a}.options-menu button{padding:8px 16px;border:none;background:none;cursor:pointer;text-align:left;font-size:14px;color:#333;width:100%}.options-menu button:hover{background-color:#f5f5f5}.options-menu button.edit{color:green}.options-menu button.delete{color:red}.show-button{background:#007affcc;color:#fff}.show-button:hover{background:#007aff}.image-overlay,.popup-overlay{top:0;left:0;display:flex;justify-content:center;align-items:center}.image-overlay{position:absolute;right:0;bottom:0;background:#00000080;gap:10px;opacity:0;transition:opacity .3s ease}.image-item:hover .image-overlay{opacity:1}.popup-overlay{position:fixed;width:100%;height:100%;background:#000c;z-index:1000}.popup-content{background:#fff;max-height:90%}.popup-description{margin-top:10px;font-size:16px;color:#f7f3f3}.popup-actions{margin-top:10px}.upload-container{grid-column:1/-1}.upload-label{display:inline-block;font-size:16px;font-weight:700;border:2px solid #ccc;text-align:center;overflow:hidden}.upload-label:hover{transform:scale(1.05)}.upload-label,.upload-label.uploading{position:relative}.upload-label.uploading:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.loading-spinner{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #007aff;border-radius:50%;animation:spin 1s linear infinite reverse;margin-right:8px;display:inline-block;vertical-align:middle}.upload-progress-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.upload-progress-item{margin-bottom:12px}.upload-progress-item:last-child{margin-bottom:0}.upload-progress-info{display:flex;justify-content:space-between;margin-bottom:4px;font-size:14px}.upload-filename{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.upload-progress-bar{background:linear-gradient(90deg,#007aff,#00c6ff);position:relative;width:0%}.upload-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 1s infinite}.image-grid{display:grid;margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px;max-width:1200px}.image-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0003;transition:transform .3s ease;background:#fff;cursor:pointer;border:.5px solid black}.image{width:100%;height:200px;object-fit:cover;display:block;box-sizing:border-box;border:1px solid black}.image-description{padding:10px;font-size:14px;font-weight:700;word-wrap:break-word;background-color:#000000b3;color:#fff;text-align:center}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.dialog-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0003;text-align:center;width:300px}.dialog-box input.description-input{width:100%;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.dialog-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.dialog-buttons button{padding:10px 20px;border:0;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease}.dialog-buttons button:hover{background:#ddd}@media (max-width:768px){.upload-container{grid-column:1/-1;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.upload-label{display:inline-block;color:#333;padding:12px 20px;font-size:16px;font-weight:700;border-radius:6px;cursor:pointer;transition:background .3s ease,transform .2s ease;border:2px solid #ccc;text-align:center;overflow:hidden}.upload-label:hover{background-color:#e0e0e0;transform:scale(1.05)}.upload-label,.upload-label.uploading{background-color:#f0f0f0;position:relative}.upload-label.uploading{cursor:not-allowed}.upload-label.uploading:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.upload-input{display:none}.upload-container{display:flex;justify-content:center;align-items:center;width:100%}.upload-label{padding:10px 16px;font-size:14px;display:block;width:fit-content;margin:0 auto}.dialog-buttons button,.overlay-button{padding:8px 16px;font-size:12px}.image-overlay{gap:8px}.image-grid{grid-template-columns:1fr;padding:8px;gap:12px;margin-top:0}.image-item{box-shadow:none;margin-bottom:16px;border:.5px solid black}.image{height:180px}.image-description{font-size:12px;padding:8px;min-height:30px}.dialog-box{padding:16px;width:90%}.carousel-button{width:36px;height:36px;font-size:20px}.carousel-button.prev{left:5px}.carousel-button.next{right:5px}.image-counter{font-size:12px;padding:4px 8px}.popup-content{padding:10px}}.back-button svg{stroke:#000}.upload-container{margin-bottom:20px}.upload-label{display:inline-flex;align-items:center;justify-content:center;background-color:#007aff;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .3s ease}.upload-label:hover{background-color:#005bb5}.upload-label.uploading{background-color:#007aff;cursor:not-allowed}.upload-icon{font-size:16px;margin-right:8px}.upload-input{display:none}.upload-button{padding:8px 12px;border-radius:6px}.upload-button:disabled{background-color:#aeaeb2}.upload-progress-container{max-width:200px}.upload-progress-bar{border-radius:3px}.upload-percentage{font-size:12px;color:#8e8e93;margin-top:4px}@media (max-width:768px){.upload-container{flex-direction:column;align-items:flex-start}.upload-button,.upload-label{width:100%;padding:10px;font-size:14px}.upload-progress-container{max-width:100%}}.success-message{background-color:#4caf50;color:#fff;padding:10px;margin-bottom:10px;border-radius:4px;animation:fadeOut .5s 4.5s forwards}.upload-button{background-color:#10b981;color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:0;font-weight:500;cursor:pointer;transition:background-color .2s;margin-left:10px}.upload-button:hover{background-color:#059669}.upload-button:disabled{opacity:.5;cursor:not-allowed}.upload-container{display:flex;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:10px}.selected-files-count{margin-left:10px;font-size:.9rem;color:#6b7280}.upload-progress-container{width:100%;margin-top:10px}.upload-progress-bar-bg{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.upload-progress-bar{height:100%;background-color:#10b981;transition:width .3s ease}.popup-content{position:relative;background:0 0;padding:20px;border-radius:10px;width:90%;height:90vh;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.image-zoom-container{overflow:hidden;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:5px;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.popup-image.zoomed{cursor:grab}.popup-image.zoomed:active{cursor:grabbing}.carousel-image-container:after{content:"🔍";position:absolute;bottom:10px;right:10px;background-color:#00000080;color:#fff;padding:5px;border-radius:50%;font-size:12px;opacity:.7;pointer-events:none}.close-popup{position:absolute;top:10px;right:15px;background:#ff3b30;color:#fff;border:0;width:30px;height:30px;font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1020;padding:0;line-height:1}.close-popup:hover{background:#e0352c}.carousel-container,.carousel-image-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.carousel-container{height:75vh}.carousel-image-container{height:100%}.carousel-button,.image-counter{background:#00000080;color:#fff;z-index:1010}.carousel-button{position:fixed;top:50%;transform:translateY(-50%);border:0;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.carousel-button.prev{left:5%}.carousel-button.next{right:5%}.image-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:5px 10px;border-radius:15px;font-size:14px}@media (max-width:768px){.popup-content{width:95%;height:85vh;padding:10px}.carousel-button{width:36px;height:36px;font-size:20px}.carousel-button.prev{left:2%}.carousel-button.next{right:2%}.close-popup{top:5px;right:10px;width:25px;height:25px;font-size:18px}}.profile-menu-container{position:relative;z-index:1000}.profile-button{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;padding:0}.profile-button:hover{background:#e0e0e0}.button-content{display:flex;align-items:center;justify-content:space-between;width:100%}.profile-text{flex-grow:1;text-align:center;margin:0 12px;font-size:14px;color:#333}.arrow-icon{transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:220px;padding:8px;z-index:1008;animation:slide .2s ease-out}@keyframes slide{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.user-info{padding:12px;border-bottom:1px solid #eee}.user-email{font-size:14px;color:#666;word-break:break-all}.menu-item{display:flex;align-items:center;gap:12px;padding:12px;color:#333;cursor:pointer;border-radius:6px;transition:background-color .2s ease,color .2s ease;font-size:14px}.menu-item:hover{background-color:#f5f5f5}.menu-item svg{color:#666}.menu-divider{height:1px;background-color:#eee;margin:8px 0}.menu-item.admin{color:#2196f3}.menu-item.admin svg{color:#2196f3}.menu-item.logout{color:#f44336}.menu-item.logout svg{color:#f44336}@media (min-width: 769px){.profile-menu-container{position:sticky;bottom:0;background:#d3d3d3;padding:10px 0;z-index:1000}.profile-button{width:100%;border-radius:8px;height:45px;background:#f0f0f0;border:1px solid black}.profile-dropdown{bottom:100%;left:50%;transform:translate(-50%)}}@media (max-width: 768px){.profile-menu-container.mobile{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.profile-menu-container.mobile .profile-button{background:#ffffff1a;width:auto;background:transparent}.profile-menu-container.mobile .profile-text{display:none}.profile-menu-container.mobile .profile-button svg{color:#fff}.profile-dropdown.mobile{top:calc(100% + 10px);right:0;transform:translateY(0)}}.profile-button:focus,.menu-item:focus,.profile-dropdown:focus-within{outline:2px solid #2196f3;outline-offset:2px}.profile-button:focus:not(:focus-visible),.menu-item:focus:not(:focus-visible){outline:none}@media (hover: none){.menu-item{padding:16px 12px}}@media (prefers-color-scheme: dark){.profile-button{background:#444}.profile-text{color:#e0e0e0}.profile-dropdown{background:#2d2d2d;box-shadow:0 2px 10px #0000004d}.menu-item{color:#e0e0e0}.menu-item:hover{background-color:#3d3d3d}.menu-divider{background-color:#404040}.user-email{color:#aaa}.menu-item svg{color:#aaa}.profile-button:hover{background:#555}}.profile-menu-container.loading .profile-button{opacity:.7;cursor:wait}.profile-menu-container.loading .profile-dropdown{pointer-events:none}.profile-menu-container.error .profile-button{border:2px solid #f44336}.menu-item.active{background-color:#f0f0f0;font-weight:500}[dir=rtl] .profile-dropdown{left:auto;right:0}[dir=rtl] .menu-item{flex-direction:row-reverse}.login-container h2{margin-bottom:20px}.login-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:10px;text-align:center}.login-logo{width:50px;height:50px;margin-bottom:20px;border-radius:10px}.login-container h2{margin-bottom:20px;font-family:Dancing Script,cursive;font-size:2.5rem;font-weight:700;color:#333}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.password-input-container,.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:40px}.login-button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.login-button:hover{background-color:#0056b3}.links a{display:block;margin:5px 0;color:#007bff;text-decoration:none}.divider{display:flex;align-items:center;margin:20px 0}.divider-line{flex:1;height:1px;background-color:#ccc}.divider-text{margin:0 10px;color:#666;font-size:14px}@media (max-width: 768px){.login-container{padding-left:30px;padding-right:30px;margin-left:20px;margin-right:20px;margin-bottom:0}}.signup-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:10px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #0000001a}.signup-container h2{margin-bottom:20px;color:#333}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.error-message{color:#dc3545;margin-bottom:15px;padding:8px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;text-align:center}.password-input-container{position:relative}.password-input-container input{padding-right:40px}.password-toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#777}.signup-button{width:100%;padding:12px;background-color:#28a745;color:#fff;border:0;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}.signup-button:hover{background-color:#218838}.signup-button:disabled{background-color:#6c757d;cursor:not-allowed}.links{margin-top:20px}.links a{color:#007bff;text-decoration:none}#card{position:relative;top:110px;width:320px;display:block;margin:auto;text-align:center;font-family:Source Sans Pro,sans-serif;border:1px solid #ccc;border-radius:10px;background-color:#fff;box-shadow:0 4px 15px #0000001a}#upper-side{padding:2em;background-color:#28a745;display:block;color:#fff;border-top-right-radius:8px;border-top-left-radius:8px}#checkmark{font-weight:lighter;fill:#fff;margin:-3.5em auto auto 20px}#status{font-weight:lighter;text-transform:uppercase;letter-spacing:2px;font-size:1em;margin-top:-.2em;margin-bottom:0}#lower-side{padding:2em 2em 5em;background:#fff;display:block;border-bottom-right-radius:8px;border-bottom-left-radius:8px}#message{margin-top:-.5em;color:#757575;letter-spacing:1px}#contBtn{position:relative;top:1.5em;text-decoration:none;background:#28a745;color:#fff;margin:auto;padding:.8em 3em;box-shadow:0 15px 30px #28a74533;border-radius:25px;transition:all .4s ease;cursor:pointer;border:0;font-size:16px}#contBtn:hover{box-shadow:0 15px 30px #28a74566;background-color:#218838;transition:all .4s ease}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@media (max-width: 768px){.signup-container{max-width:90%;margin:30px auto;padding:15px}.signup-button{padding:10px}#card{width:90%;max-width:320px}}@media (max-width: 480px){.signup-container{max-width:95%;margin:20px auto;padding:12px;border-radius:8px}.signup-container h2{font-size:1.5rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{padding:8px;font-size:14px}.signup-button{padding:10px;font-size:14px}#card{top:70px;width:90%}#upper-side{padding:1.5em}#lower-side{padding:1.5em 1.5em 4em}#message{font-size:.9rem}#contBtn{padding:.7em 2em;font-size:14px}}.forgot-password-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ddd;border-radius:10px;text-align:center;background:#fff;box-shadow:0 4px 8px #0000001a}.forgot-password-container h2{margin-bottom:20px;color:#333;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 0;border-bottom:2px solid #dc3545;display:inline-block}.reset-otp-message{font-size:16px;color:#555;margin-bottom:15px;font-weight:700;text-align:center;margin-top:10px}.form-group{margin-bottom:16px;padding:12px 0;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.send-reset-button,.reset-password-button{width:100%;padding:12px;background:linear-gradient(135deg,#dc3545,#ff6b81);color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s}.send-reset-button:hover,.reset-password-button:hover{background:linear-gradient(135deg,#c82333,#e63950)}.links{margin-top:15px}.links a{color:#007bff;text-decoration:none;font-weight:700}.links a:hover{text-decoration:underline}@media (max-width: 600px){.forgot-password-container{max-width:95%;padding:20px}.forgot-password-container h2{font-size:22px;padding:8px 0;margin-bottom:25px}.reset-otp-message{font-size:14px;margin-bottom:10px;margin-top:8px}.form-group label{margin-bottom:6px}.form-group input{font-size:14px;padding:8px}.send-reset-button,.reset-password-button{font-size:14px;padding:10px}}@media (min-width: 1024px){.forgot-password-container{max-width:450px;padding:25px}.forgot-password-container h2{font-size:26px;padding:15px 0;margin-bottom:30px}.reset-otp-message{font-size:16px;margin-bottom:15px;margin-top:10px}.form-group label{margin-bottom:8px}.send-reset-button,.reset-password-button{font-size:18px;padding:14px}}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-toggle-icon{position:absolute;right:10px;cursor:pointer;color:#555}.password-toggle-icon:hover{color:#000}.user-list{width:100%;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1rem;position:relative}.search-container{position:relative;margin-bottom:1rem}.search-bar{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;outline:none;transition:all .2s ease}.search-bar:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.clear-search-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:1rem;padding:.5rem}.clear-search-button:hover{color:#666}.search-status{margin-bottom:1rem;font-size:.85rem;color:#666}.table-container{width:100%;overflow-x:auto;margin-bottom:1rem}.highlight-text{background-color:#ffe60066;font-weight:700;padding:0 2px;border-radius:2px}.search-match-row{background-color:#007bff0d}.user-list table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.user-list th{background-color:#f8f9fa;color:#2c3e50;font-weight:600;padding:.75rem;text-align:left;border-bottom:2px solid #e9ecef;white-space:nowrap;position:sticky;top:0;z-index:10;font-size:.9rem}.user-list td{padding:.75rem;border-bottom:1px solid #e9ecef;font-size:.85rem}.user-list tr:hover{background-color:#f8faff}.actions-cell{display:flex;gap:.5rem;align-items:center;white-space:nowrap}.action-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-button:hover{background-color:#4caf501a}.delete-button:hover{background-color:#f443361a}.pagination-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1rem;gap:1rem}.page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.page-size-selector select{padding:.4rem;border:1px solid #e9ecef;border-radius:4px;font-size:.85rem}.records-info{color:#666;font-size:.85rem}.pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:1rem;gap:1rem}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.5rem .8rem;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa;cursor:pointer;transition:all .2s ease;font-size:.85rem}.pagination-button:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.pagination-button:hover:not(:disabled){background-color:#007bff;color:#fff;border-color:#007bff}.current-page{padding:.5rem .8rem;border:1px solid #007bff;border-radius:8px;background-color:#007bff;color:#fff;font-weight:700;font-size:.85rem}.page-indicator{font-size:.85rem;color:#666}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#dc3545;margin-bottom:1rem;padding:.75rem;background-color:#dc35451a;border-radius:8px;font-size:.85rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;padding:1.5rem;border-radius:12px;width:90%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto}.close{position:absolute;top:1rem;right:1rem;cursor:pointer;font-size:1.25rem;color:#666;z-index:1}.modify-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.modify-form input,.modify-form select{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem}.modify-form input:focus,.modify-form select:focus{border-color:#007bff;outline:none}.modify-form button{background-color:#007bff;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem}.modify-form button:hover{background-color:#0056b3}.delete-modal{max-width:400px!important;text-align:center}.delete-modal h2{color:#dc3545;margin-bottom:1rem;font-size:1.25rem}.delete-modal p{margin-bottom:1.5rem;color:#4a5568;font-size:.9rem}.delete-modal-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.delete-confirm-button{background-color:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.delete-confirm-button:hover{background-color:#c82333}.delete-cancel-button{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.delete-cancel-button:hover{background-color:#5a6268}@media (max-width: 768px){.user-list{padding:.75rem}.search-bar{padding:.6rem;font-size:.85rem}.user-list th,.user-list td{padding:.6rem;font-size:.8rem}.pagination-controls,.pagination{flex-direction:column;align-items:center;gap:.75rem}.page-size-selector,.pagination-buttons{width:100%;justify-content:center}.action-button{padding:.3rem}.delete-confirm-button,.delete-cancel-button{padding:.6rem 1rem;font-size:.85rem}.modal-content{padding:1rem}.close{top:.75rem;right:.75rem}}@media (max-width: 480px){.user-list th,.user-list td{padding:.5rem;font-size:.75rem}.actions-cell{flex-direction:column;gap:.3rem}.action-button{width:100%}.pagination-button,.current-page{padding:.35rem .5rem;font-size:.8rem}.delete-modal-buttons{flex-direction:column}.delete-confirm-button,.delete-cancel-button{width:100%}}.add-user-form{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.add-user-form input,.add-user-form select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;outline:none;transition:all .2s ease}.add-user-form input:focus,.add-user-form select:focus,.modify-form input:focus,.modify-form select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.add-user-form button,.modify-form button{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-user-form button:hover,.modify-form button:hover{background-color:#0067e6;transform:translateY(-1px)}@media (max-width: 768px){.add-user-form{padding:1.5rem;gap:1rem}.add-user-form input,.add-user-form select,.add-user-form button{padding:.75rem;font-size:1rem}}.success-message{color:green;margin-bottom:10px;text-align:center}.password-input-container{position:relative;width:100%}.password-input-container input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#fff;border:none;cursor:pointer;color:#666;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.password-toggle:hover{background:#f0f0f0}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.download-sample-section{margin-top:16px;text-align:center}.download-link{display:inline-flex;align-items:center;color:#007bff;text-decoration:none;font-size:14px}.download-link:hover{text-decoration:underline}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:#fff;border-bottom:2px solid #e9ecef;margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.admin-left{display:flex;align-items:center;gap:1rem}.admin-title{color:#2c3e50;font-size:2rem;margin:0;padding-left:.5rem}.back-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;padding:.5rem;border-radius:8px;transition:all .2s ease;min-width:40px;min-height:40px}.back-button:hover{background-color:#f0f0f0}.back-button svg{width:24px;height:24px;stroke-width:2px}.bulk-upload-button{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.bulk-upload-button:hover{background-color:#0067e6;transform:translateY(-1px)}.bulk-upload-button:disabled{background-color:#b3b3b3;cursor:not-allowed}.upload-button{background-color:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;width:100%}.upload-button:hover{background-color:#218838}.upload-button:disabled{background-color:#6c757d;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:400px;width:100%;text-align:center;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.5rem;color:#2c3e50}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.file-upload-section{margin-bottom:1.5rem}.file-upload-label{display:block;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.upload-instructions{font-size:.875rem;color:#666;margin-bottom:1rem}.file-input{width:100%;padding:.75rem;border:2px dashed #007bff;border-radius:8px;cursor:pointer;transition:all .2s ease}.file-input:hover{border-color:#0056b3;background-color:#f8f9fa}.progress-bar-container{margin:1rem 0;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:#28a745;transition:width .3s ease}.status-message{margin:1rem 0;padding:1rem;border-radius:8px}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.error-list{margin-top:.5rem;padding-left:1.5rem;font-size:.875rem}@media (max-width: 768px){.admin-header{position:relative;padding:1rem;margin-bottom:1rem}.admin-left{position:relative;width:100%;justify-content:center;padding-left:24px}.admin-title{font-size:1.5rem;text-align:center;padding-left:0}.bulk-upload-button{padding:.5rem 1rem;font-size:.875rem}.back-button{position:absolute;left:-5px;top:50%;transform:translateY(-50%);min-width:32px;min-height:32px;padding:.25rem;z-index:1}.back-button svg{width:20px;height:20px}.back-button span{display:inline;font-size:.875rem}.modal-content{padding:1rem}}.delete-by-tags-container{margin:20px 0}.delete-by-tags-button{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .2s}.delete-by-tags-button:hover{background-color:#d32f2f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:500px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.close-button:hover{color:#333}.modal-body{padding:24px}.tags-container h4{margin-top:0;margin-bottom:16px;color:#333}.tags-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.tag-item{background-color:#f5f5f5;color:#333;padding:8px 16px;border-radius:16px;cursor:pointer;transition:all .2s;border:1px solid #e0e0e0}.tag-item:hover{background-color:#e0e0e0}.tag-item.selected{background-color:#2196f3;color:#fff;border-color:#1976d2}.confirmation-container{margin-top:24px;padding:16px;background-color:#fff8e1;border-radius:4px;border-left:4px solid #ffc107}.affected-users-count{margin-bottom:16px;color:#333}.affected-users-count strong{color:#d32f2f}.confirm-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:16px}.confirm-checkbox label{color:#333;cursor:pointer}.confirm-checkbox input{cursor:pointer}.delete-button{width:100%;padding:10px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.delete-button.confirm{background-color:#f44336;color:#fff}.delete-button.confirm:hover{background-color:#d32f2f}.delete-button.disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.loading-spinner{text-align:center;padding:20px;color:#666}.no-tags-message{text-align:center;padding:20px;color:#666;font-style:italic}.admin-panel{max-width:1440px;margin:0 auto;padding:1.5rem;background-color:#007bff;min-height:100vh;position:relative;z-index:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 4px 20px #00000026}.close{position:absolute;top:1rem;right:1rem;cursor:pointer;font-size:1.5rem;color:#666;transition:color .2s ease}.close:hover{color:#333}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:2px solid #e9ecef}.users-header h2{margin:0;font-size:1.75rem;color:#fff}.users-header button{background-color:#fff;color:#007bff;border:none;padding:.75rem 1.5rem;cursor:pointer;border-radius:8px;font-weight:600;transition:all .2s ease}.users-header button:hover{background-color:#f8f9fa;transform:translateY(-1px)}@media (max-width: 768px){.admin-panel{overflow:visible;position:relative;z-index:1;padding-top:104px}.modal-content{padding:1rem;width:95%}.users-header{flex-direction:column;gap:.5rem;text-align:center;padding:.5rem 0;margin-bottom:1rem}.users-header h2{font-size:1.25rem}.users-header button{width:100%;padding:.5rem 1rem;font-size:.875rem}}