@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-family:Poppins,sans-serif;padding:1.5rem}.login-container{width:100%;max-width:420px;padding:2.5rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{margin-bottom:.5rem;color:#222;font-weight:600;font-size:1.75rem}.login-header p{color:#666;font-size:.95rem;font-weight:300}.error-message{background-color:#ef444414;color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.error-message:before{content:"⚠️";margin-right:10px;font-size:1rem}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.login-form{margin-top:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-size:.95rem;font-weight:500}.input-container{position:relative}.icon{position:absolute;top:12px;left:15px;width:20px;height:20px;opacity:.6}.email-icon{background:url('data:image/svg+xml;utf8,<svg 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"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>') no-repeat center center}.password-icon{background:url('data:image/svg+xml;utf8,<svg 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"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>') no-repeat center center}.form-group input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background-color:#f9fafc;border:2px solid #e4e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;color:#333}.form-group input::placeholder{color:#aab4c5}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;background-color:#fff}.login-button{width:100%;padding:.85rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-button:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.login-button:active{transform:translateY(0);box-shadow:none}.login-button.loading{background-color:#6366f1;cursor:not-allowed}.login-button.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;right:16px;top:calc(50% - 10px)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-container{padding:1.75rem}}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000000d;position:fixed;top:0;left:0;right:0;z-index:1000;font-family:Poppins,sans-serif}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:70px;max-width:1400px;margin:0 auto}.navbar-logo h1{margin:0;font-size:1.4rem;font-weight:600;color:#4f46e5}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;height:100%}.navbar-menu li{height:70px;display:flex;align-items:center}.navbar-menu a,.navbar-menu button{display:flex;align-items:center;padding:0 1.2rem;height:100%;color:#555;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;background:none;border:none;cursor:pointer}.navbar-menu a:hover,.navbar-menu button:hover{color:#4f46e5}.navbar-menu li.active a{color:#4f46e5;box-shadow:inset 0 -3px #4f46e5}.icon{width:20px;height:20px;margin-right:8px;opacity:.7}.dashboard-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>') no-repeat center center}.banner-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>') no-repeat center center}.project-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>') no-repeat center center}.enquiry-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>') no-repeat center center}.logout-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>') no-repeat center center}.logout-item button{color:#f44336}.logout-item button:hover{background-color:#f443360d;color:#f44336}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.mobile-menu-toggle span{width:100%;height:3px;background-color:#555;border-radius:3px;transition:all .3s ease}@media (max-width: 768px){.navbar-container{padding:0 1rem}.mobile-menu-toggle{display:flex}.navbar-menu{position:fixed;top:70px;left:0;right:0;flex-direction:column;background-color:#fff;box-shadow:0 5px 10px #0000001a;height:0;overflow:hidden;transition:height .3s ease}.navbar-menu.active{height:auto}.navbar-menu li{width:100%;height:60px}.navbar-menu li.active a{box-shadow:inset 4px 0 #4f46e5}}.banner-management-container{min-height:100vh;background-color:#f5f7fa;font-family:Poppins,sans-serif;padding-top:70px}.add-icon{display:inline-block;width:16px;height:16px;margin-right:8px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>') no-repeat center center}.image-cell{width:150px}.banner-preview{width:120px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.actions-cell{width:100px;text-align:right}.text-muted{color:#9ca3af;font-style:italic}.empty-icon{width:60px;height:60px;margin-bottom:1rem;opacity:.5;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>') no-repeat center center}.banner-form{padding:1.25rem}.form-group input[type=text],.form-group input[type=url]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.95rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.submit-button{padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.submit-button:hover{background-color:#4338ca}.submit-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.banner-preview{width:80px;height:40px}.data-table th,.data-table td{padding:.75rem}.image-cell{width:80px}}.warning-icon{width:40px;height:40px;margin-bottom:1rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f43f5e" stroke="%23f43f5e" stroke-width="0.5"><path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3Z"/></svg>') no-repeat center center}.logo-toggle-section{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px #0000001a}.logo-toggle-container{display:flex;flex-direction:column;gap:15px}.logo-toggle-container h3{font-size:18px;margin:0;color:#333}.toggle-wrapper{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#4caf50}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}input:checked+.toggle-slider:before{transform:translate(30px)}.toggle-label{font-weight:500}.toggle-updating{color:#888;font-style:italic;font-size:14px}.toggle-success{color:#4caf50;font-size:14px}.toggle-error{color:#f44336;font-size:14px}.logo-toggle-info{color:#666;font-size:14px;margin:0;line-height:1.5}@media screen and (min-width: 1441px){.content{max-width:1400px}.data-table th,.data-table td{padding:1.2rem}.modal-large{max-width:1000px}.gallery-previews{gap:1rem}.gallery-preview-item{width:100px;height:100px}}@media screen and (max-width: 1024px){.content{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-button{align-self:flex-start}.data-table th,.data-table td{padding:.8rem;font-size:.9rem}.description-cell{max-width:200px}.project-preview{width:70px;height:50px}.modal-content{width:95%;max-width:700px}.tab-button{padding:.6rem 1rem;font-size:.9rem}.form-row{flex-direction:column;gap:0}.logo-toggle-container h3{font-size:16px}.toggle-switch{width:54px;height:28px}.toggle-slider:before{height:20px;width:20px}input:checked+.toggle-slider:before{transform:translate(26px)}}@media screen and (max-width: 900px){.actions-cell{width:auto}.status-button,.delete-button{padding:.35rem .5rem;font-size:.8rem;margin-right:.3rem}.status-dropdown-content{min-width:150px;right:0}.modal-large{max-width:600px}.status-dropdown{position:relative;display:inline-block}.status-dropdown-content{display:none;position:absolute;background-color:#fff;min-width:180px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;overflow:hidden;right:0}.status-dropdown:hover .status-dropdown-content{display:block}.status-option{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;font-size:.8rem;cursor:pointer;transition:all .2s}}@media screen and (max-width: 768px){.content{padding:1rem}.page-header h1{font-size:1.5rem}.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table th,.data-table td{padding:.7rem;font-size:.85rem}.image-cell{width:80px}.project-preview{width:60px;height:45px}.description-cell{max-width:150px}.modal-content{width:95%;max-height:85vh}.modal-header h3{font-size:1.1rem}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1;min-width:50%;text-align:center;border-bottom:none}.tab-button.active{background-color:#f3f4f6;border-bottom:2px solid #4f46e5}.tab-content{min-height:300px}.form-actions{flex-wrap:wrap;gap:.5rem}.form-actions button{flex:1;min-width:40%;padding:.6rem 1rem;font-size:.85rem}.logo-toggle-section{padding:15px}.toggle-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.toggle-label,.toggle-updating,.toggle-success,.toggle-error{font-size:13px}}@media screen and (max-width: 480px){.content{padding:.8rem}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.3rem}.add-button{padding:.4rem .8rem;font-size:.8rem}.data-table th,.data-table td{padding:.6rem;font-size:.8rem}.image-cell{width:60px}.project-preview{width:50px;height:40px}.status-badge{padding:.2rem .5rem;font-size:.7rem}.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-header{padding:1rem}.form-group label{font-size:.85rem}.form-group input[type=text],.form-group textarea,.form-group select{padding:.6rem;font-size:.9rem}.hint-text{font-size:.75rem}.file-input-label{padding:.6rem;font-size:.85rem}.delete-button,.status-button{padding:.35rem .5rem;font-size:.75rem;margin-right:.25rem}.status-dropdown-content{min-width:120px;right:0}.status-option{padding:6px 10px;font-size:.75rem}.delete-dialog{width:95%}.delete-header h3{font-size:1.1rem}.delete-content p{font-size:.9rem}.warning-text{font-size:.8rem}.tab-button{padding:.5rem;font-size:.8rem;min-width:50%}.gallery-preview-item{width:60px;height:60px}.remove-gallery-image{top:2px;right:2px;width:16px;height:16px;font-size:.6rem}.logo-toggle-container h3{font-size:15px}.toggle-switch{width:50px;height:26px}.toggle-slider:before{height:18px;width:18px}input:checked+.toggle-slider:before{transform:translate(24px)}.logo-toggle-info{font-size:12px}}@media screen and (max-width: 320px){.page-header h1{font-size:1.2rem}.data-table th,.data-table td{padding:.5rem;font-size:.75rem}.tab-button{padding:.4rem .3rem;font-size:.75rem}.form-actions button{padding:.5rem;font-size:.8rem}.status-dropdown-content{min-width:110px}.status-option{padding:5px 8px;font-size:.7rem}}.status-dropdown{position:relative;display:inline-block;margin-right:8px}.status-dropdown-content{display:none;position:absolute;background-color:#fff;min-width:180px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;overflow:hidden;right:0}.status-option{display:block;width:100%;padding:10px 15px;text-align:left;background:none;border:none;font-size:.85rem;cursor:pointer;transition:all .2s}@media print{.navbar,.add-button,.actions-cell,.status-button,.delete-button,.status-dropdown,.logo-toggle-section{display:none!important}.project-management-container,.content{padding:0;margin:0;background:#fff}.page-header h1{font-size:18pt;margin-bottom:20pt}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:#f0f0f0!important;color:#000!important;font-weight:700}.data-table th,.data-table td{border:1px solid #ddd!important;padding:8pt!important;text-align:left}.status-badge{padding:2pt 6pt!important;border-radius:4pt!important}}.project-management-container{min-height:100vh;background-color:#f5f7fa;font-family:Poppins,sans-serif;padding-top:70px}.add-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.add-button:hover{background-color:#4338ca;transform:translateY(-1px)}.add-icon{display:inline-block;width:16px;height:16px;margin-right:8px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>') no-repeat center center}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:#f8fafc;text-align:left;padding:.75rem 1rem;font-weight:500;color:#4b5563;border-bottom:1px solid #e5e7eb;font-size:.9rem}.image-cell{width:100px}.project-preview{width:80px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.description-cell{max-width:300px}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.new{background-color:#ecfdf5;color:#047857}.status-badge.old{background-color:#f3f4f6;color:#6b7280}.actions-cell{width:200px;text-align:right;white-space:nowrap}.status-button{padding:.4rem .75rem;background-color:#e0f2fe;color:#0369a1;border:none;border-radius:4px;font-size:.85rem;margin-right:.5rem;cursor:pointer;transition:all .2s}.status-button:hover{background-color:#bae6fd}.empty-icon.project-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>') no-repeat center center}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.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;animation:fadeIn .2s ease-in-out}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#111827}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;line-height:1;transition:color .2s}.close-button:hover{color:#111827}.project-form{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#4b5563;font-size:.9rem;font-weight:500}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.95rem;transition:all .2s;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.hint-text{font-size:.8rem;color:#6b7280;font-weight:400}.file-input-container{position:relative;overflow:hidden}.file-input-container input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-label{display:flex;align-items:center;padding:.75rem;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:4px;color:#6b7280;font-size:.9rem;cursor:pointer;transition:all .2s}.file-input-label:hover{background-color:#f3f4f6;border-color:#9ca3af}.image-preview-container{margin-top:1rem}.image-preview{width:100%;max-height:200px;object-fit:contain;border-radius:4px;border:1px solid #e5e7eb}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{padding:.75rem 1.5rem;background-color:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.submit-button{padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:.9rem}.warning-icon{width:40px;height:40px;margin-bottom:1rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f43f5e" stroke="%23f43f5e" stroke-width="0.5"><path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3Z"/></svg>') no-repeat center center}.confirm-delete-button:focus{outline:none;box-shadow:0 0 0 3px #ef444433}.modal-large{max-width:800px}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;overflow-x:auto}.tab-button{padding:.75rem 1.25rem;background:none;border:none;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-button:hover{color:#4f46e5}.tab-button.active{color:#4f46e5;border-bottom-color:#4f46e5}.tab-content{padding:1rem;min-height:400px;max-height:60vh;overflow-y:auto}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h4{margin:0;font-size:1.1rem;color:#111827}.add-item-button{background-color:#4f46e5;color:#fff;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s}.add-item-button:hover{background-color:#4338ca}.item-card{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem;background-color:#f9fafb}.item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-card-header h5{margin:0;font-size:1rem;color:#4b5563}.remove-item-button{background-color:#fee2e2;color:#b91c1c;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer}.remove-item-button:hover{background-color:#fecaca}.empty-section{padding:2rem;text-align:center;color:#6b7280;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;margin-bottom:1rem}.icon-preview{width:60px;height:60px;object-fit:contain}.gallery-previews{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.gallery-preview-item{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.gallery-image-preview{width:100%;height:100%;object-fit:cover}.remove-gallery-image{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;padding:0}.prev-button,.next-button{padding:.75rem 1.5rem;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.prev-button:hover,.next-button:hover{background-color:#e5e7eb}.next-button{background-color:#e0f2fe;color:#0369a1;border-color:#bae6fd}.next-button:hover{background-color:#bae6fd}.status-badge.ongoing{background-color:#fee2e2;color:#b91c1c}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.future{background-color:#e0f2fe;color:#0369a1}.status-button.ongoing{background-color:#fee2e2;color:#b91c1c}.status-button.completed{background-color:#d1fae5;color:#065f46}.status-button.future{background-color:#e0f2fe;color:#0369a1}.status-option.ongoing:hover{background-color:#fee2e2}.status-option.completed:hover{background-color:#d1fae5}.status-option.future:hover{background-color:#e0f2fe}.status-option:disabled{opacity:.5;cursor:not-allowed}.map-preview-container{margin-top:15px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.map-preview-container h5{margin:0;padding:10px;background-color:#f8f9fa;border-bottom:1px solid #e2e8f0;font-size:14px;color:#4b5563}.map-preview{height:200px;overflow:hidden}.map-preview iframe{width:100%;height:100%;border:0}.edit-button{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:8px 12px;margin-right:8px;cursor:pointer;transition:background-color .3s}.edit-button:hover{background-color:#2980b9}.enquiries-container{min-height:100vh;background-color:#f5f7fa;padding-top:70px;font-family:Poppins,sans-serif}.content{max-width:1200px;margin:0 auto;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;font-size:1.8rem;color:#333}.error-alert{background-color:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:4px;margin-bottom:1.5rem;border-left:4px solid #b91c1c;font-size:.9rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:visible}.data-table{width:100%;border-collapse:collapse;border-radius:8px;background:#fff}.data-table th{background-color:#f8fafc;text-align:left;padding:.75rem 1rem;font-weight:500;color:#4b5563;border-bottom:1px solid #e5e7eb;font-size:.9rem;cursor:pointer;position:relative}.data-table th:hover{background-color:#f1f5f9}.sort-indicator{display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-left:5px solid transparent;border-right:5px solid transparent}.sort-indicator.asc{border-bottom:5px solid #4b5563}.sort-indicator.desc{border-top:5px solid #4b5563}.data-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#333;font-size:.95rem}.data-table tr:last-child td{border-bottom:none}.message-cell{max-width:300px;white-space:pre-line}.actions-cell{position:relative;width:200px}.delete-button{padding:.4rem .75rem;background-color:#fee2e2;color:#b91c1c;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.delete-button:hover{background-color:#fecaca}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{width:60px;height:60px;margin-bottom:1rem;opacity:.5}.enquiry-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>') no-repeat center center}.delete-dialog{background-color:#fff;border-radius:6px;box-shadow:0 8px 24px #0003;width:90%;max-width:450px;animation:slideUp .3s ease-out}.delete-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.delete-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.delete-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.warning-icon{width:40px;height:40px;margin-bottom:1rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f43f5e" stroke="%23f43f5e" stroke-width="0.5"><path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3Z"/></svg>') no-repeat center center}.delete-content p{margin:0 0 .75rem;color:#374151;font-size:1rem;max-width:360px}.warning-text{color:#6b7280;font-size:.9rem}.delete-actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 6px 6px;gap:.75rem}.cancel-button{padding:.6rem 1rem;background-color:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background-color:#f3f4f6}.confirm-delete-button{padding:.6rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.confirm-delete-button:hover{background-color:#dc2626}.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;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.data-table th,.data-table td{padding:.75rem}.message-cell{max-width:150px}}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.new{background-color:#fee2e2;color:#b91c1c}.status-badge.in-progress{background-color:#fef3c7;color:#92400e}.status-badge.resolved{background-color:#d1fae5;color:#065f46}.status-dropdown{position:relative;display:inline-block}.status-button{background:#f3f4f6;border:none;padding:.4rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer}.status-button.new{background-color:#fee2e2;color:#b91c1c}.status-button.in-progress{background-color:#fef3c7;color:#92400e}.status-button.resolved{background-color:#d1fae5;color:#065f46}.status-dropdown-content{display:none;position:absolute;right:0;min-width:160px;box-shadow:0 8px 16px #0000001a;z-index:100;background-color:#fff;border-radius:4px;overflow:hidden}.status-dropdown:hover .status-dropdown-content{display:block}.status-option{display:block;width:100%;text-align:left;padding:.5rem 1rem;border:none;background:none;cursor:pointer}.status-option:hover{background-color:#f3f4f6}.status-option.new:hover{background-color:#fee2e2}.status-option.in-progress:hover{background-color:#fef3c7}.status-option.resolved:hover{background-color:#d1fae5}.notes-button{padding:.4rem .75rem;background-color:#e0f2fe;color:#0369a1;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.notes-button:hover{background-color:#bae6fd}.notes-dialog{background-color:#fff;border-radius:6px;box-shadow:0 8px 24px #0003;width:90%;max-width:500px;animation:slideUp .3s ease-out}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.notes-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.notes-content{padding:1.5rem}.notes-hint{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.notes-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:.95rem;resize:vertical}.notes-textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.notes-actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 6px 6px;gap:.75rem}.save-button{padding:.6rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.save-button:hover{background-color:#1d4ed8}@media (max-width: 768px){.action-buttons{flex-wrap:wrap}.status-dropdown-content{right:auto;left:0}}