@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.popup-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{background:#fff;border-radius:8px;width:90%;max-width:500px;font-family:Poppins,sans-serif;overflow:hidden;box-shadow:0 10px 30px #0000004d}.popup-header{color:#fff;background:#041f4a;justify-content:space-between;align-items:center;padding:20px;display:flex}.popup-header h2{margin:0;font-size:1.5rem}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none}.popup-form{box-sizing:border-box;flex-direction:column;gap:15px;padding:20px;display:flex}.popup-form input,.popup-form textarea{box-sizing:border-box;border:2px solid #041f4a;border-radius:4px;width:100%;padding:12px;font-family:Poppins,sans-serif}.popup-form .submit-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:4px;padding:15px;font-weight:700;transition:background .3s}.popup-form .submit-btn:hover{background:#e65c00}.global-header{background-color:#fff;border-bottom:2px solid #041f4a;font-family:Poppins,sans-serif}.topbar-main{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:10px 40px;display:flex}.logo-area{align-items:center;gap:10px;display:flex}.brand-logo{border-radius:8px;width:auto;height:80px}.brand-name{letter-spacing:.5px;font-size:1.8rem;font-weight:800}.brand-novel{color:#041f4a}.brand-enterprises{color:#ff6b00}.topbar-info{color:#333;gap:30px;font-size:.9rem;display:flex}.info-item{align-items:center;gap:8px;font-weight:500;display:flex}.icon-orange{color:#ff6b00}.topbar-btn{color:#fff;cursor:pointer;background-color:#041f4a;border:none;border-radius:4px;padding:10px 20px;font-weight:700;transition:background-color .3s}.topbar-btn:hover{background-color:#ff6b00}.navbar-main{background-color:#041f4a;justify-content:center;padding:15px 40px;display:flex}.nav-links-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.nav-link{color:#fff;text-transform:uppercase;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:#ff6b00}.nav-dropdown{height:100%;display:inline-block;position:relative}.dropdown-content{z-index:100;background-color:#fff;border-top:3px solid #ff6b00;border-radius:0 0 4px 4px;min-width:250px;display:none;position:absolute;top:150%;left:0;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#333;text-transform:capitalize;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s;display:block}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{color:#ff6b00;background-color:#f9f9f9}.nav-dropdown:hover .dropdown-content{display:block}.global-footer{color:#fff;background-color:#041f4a;margin-top:50px;padding:50px 40px 20px;font-family:Poppins,sans-serif}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-col h3{color:#ff6b00;margin-bottom:20px;padding-bottom:10px;font-size:1.2rem;font-weight:700;position:relative}.footer-col h3:after{content:"";background-color:#ff6b00;width:50px;height:2px;position:absolute;bottom:0;left:0}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#ddd;align-items:center;gap:8px;text-decoration:none;transition:color .3s;display:flex}.footer-links li a:hover{color:#ff6b00}.industries-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.industries-list li{color:#ddd;align-items:center;gap:10px;display:flex}.contact-details{color:#ddd;flex-direction:column;gap:15px;display:flex}.contact-row{align-items:flex-start;gap:10px;display:flex}.qr-code-placeholder{color:#333;background-color:#fff;justify-content:center;align-items:center;width:100px;height:100px;margin-top:20px;font-size:.8rem;font-weight:700;display:flex}.footer-bottom{background-color:#02122d;margin:40px -40px -20px;padding:20px 40px}.footer-bottom-inner{color:#aaa;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:.9rem;display:flex}@media (width<=768px){.footer-bottom-inner{text-align:center;flex-direction:column;gap:10px}}.agency-credit{color:#ff6b00;font-weight:700}@media (width<=1100px){.navbar-main{padding:0;display:block}}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=768px){.topbar-main{flex-direction:column;gap:15px;padding:10px 20px}.footer-grid{grid-template-columns:1fr}.brand-logo{height:60px}.global-footer{padding:40px 20px 20px}}.admin-container{background-color:#f5f7fa;min-height:100vh;font-family:Poppins,sans-serif;display:flex}.admin-sidebar{color:#fff;z-index:20;background-color:#041f4a;flex-direction:column;flex-shrink:0;width:260px;display:flex;box-shadow:4px 0 15px #0000001a}.status-pending{color:#f0a500;background-color:#fdf3d8;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.status-active{color:#16a34a;background-color:#dcfce7;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.table-responsive{margin-top:20px;overflow-x:auto}.modern-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 15px #00000008}.modern-table thead{background-color:#f8fafc}.modern-table th{color:#041f4a;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:2px solid #e2e8f0;padding:16px 20px;font-size:.8rem;font-weight:600}.modern-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px}.modern-table tbody tr{transition:background-color .2s}.modern-table tbody tr:hover{background-color:#f1f5f9}.modern-table tbody tr:last-child td{border-bottom:none}.id-badge{color:#64748b;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.category-badge{color:#3730a3;background:#e0e7ff;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600}.fw-600{color:#0f172a;font-weight:600}.fw-500{font-weight:500}.card-header-actions{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.action-buttons{justify-content:center;gap:8px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-icon.btn-edit{color:#0284c7;background-color:#e0f2fe}.btn-icon.btn-edit:hover{background-color:#bae6fd}.btn-icon.btn-delete{color:#ef4444;background-color:#fee2e2}.btn-icon.btn-delete:hover{background-color:#fecaca}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px;font-size:1.2rem;font-weight:800}.sidebar-header span:last-child{color:#ff6b00}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 10px;display:flex}.sidebar-link{color:#ddd;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .3s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#fff;background-color:#ffffff1a}.admin-main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.admin-topbar{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 2px 10px #0000000d}.admin-topbar h1{color:#333;font-size:1.5rem}.admin-content{flex:1;padding:30px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 15px #00000008}.stat-icon{color:#041f4a;background-color:#041f4a1a;border-radius:12px;padding:16px}.stat-info h3{color:#777;margin-bottom:4px;font-size:.9rem;font-weight:500}.stat-info .stat-value{color:#333;font-size:1.8rem;font-weight:800}.dashboard-columns{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (width<=1024px){.dashboard-columns{grid-template-columns:1fr}}.card-panel{background:#fff;border-radius:12px;margin-bottom:30px;padding:24px;box-shadow:0 4px 15px #00000008}.card-panel h2{color:#333;align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#555;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b00}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.preview-card{border:1px solid #eee;border-radius:8px;overflow:hidden}.preview-img{background-color:#f9f9f9;height:120px}.preview-img img{object-fit:cover;width:100%;height:100%}.preview-details{padding:12px}.preview-details span{color:#ff6b00;text-transform:uppercase;font-size:.7rem;font-weight:700}.preview-details h4{color:#333;margin:4px 0;font-size:.9rem}.preview-details .price{color:#041f4a;font-size:.9rem;font-weight:800}.inquiry-list{flex-direction:column;gap:12px;display:flex}.inquiry-item{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:16px}.inquiry-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.inquiry-header h4{color:#333}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 8px;font-size:.7rem;font-weight:700}.status-active{color:#28a745;background:#e6f7eb}.status-pending{color:#ffc107;background:#fff8e5}.inquiry-item p{color:#666;margin-bottom:4px;font-size:.85rem}@media (width<=1024px){.admin-container{flex-direction:column}.admin-sidebar{flex-direction:column;width:100%}.sidebar-header{text-align:center;padding:15px}.sidebar-nav{flex-flow:wrap;justify-content:center;gap:10px;padding:10px}.sidebar-link{flex:calc(33.333% - 10px);justify-content:center;background-color:#ffffff0d!important;width:auto!important;padding:10px 15px!important;font-size:.85rem!important}.sidebar-link.active{color:#fff!important;background-color:#ff6b00!important}.admin-topbar,.admin-content{padding:15px}.card-header-actions{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=600px){.sidebar-link{flex:calc(50% - 10px)}.stat-card{text-align:center;flex-direction:column;padding:20px}.stat-icon{margin-bottom:10px}}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f7fa;font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none;transition:all .3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff6b00}::selection{color:#fff;background-color:#ff6b00}@keyframes skeleton-loading{0%{background-color:#e2e8f0}50%{background-color:#cbd5e1}to{background-color:#e2e8f0}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-loading}.global-header{z-index:1000;background-color:#fff;width:100%;position:sticky;top:0;box-shadow:0 4px 15px #0000001a}img{max-width:100%;height:auto;transition:transform .5s}.topbar{color:#fff;background-color:#041f4a;justify-content:space-between;align-items:center;padding:8px 24px;font-size:14px;display:flex}.topbar-item{align-items:center;gap:8px;display:flex}.navbar{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px 6px #0000000d}.logo{font-size:24px;font-weight:800}.logo-blue{color:#041f4a}.logo-orange{color:#ff6b00}.nav-links{color:#555;gap:24px;font-weight:500;display:flex}.nav-links a:hover{color:#ff6b00;transition:color .3s}.btn-primary{color:#fff;cursor:pointer;background-color:#ff6b00;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{background-color:#e65c00;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.btn-outline{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline:hover{color:#041f4a;background-color:#fff}.topbar-main{justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-info{gap:15px;display:flex}.mobile-menu-header{background-color:#f5f7fa;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:15px 20px;display:none}.mobile-menu-title{color:#041f4a;font-weight:700}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.topbar-info{display:none}}@media (width<=1100px){.topbar-main{flex-direction:column;gap:10px;padding:15px}.topbar-right{flex-direction:column;width:100%}.topbar-btn{width:100%;padding:12px}.navbar-main{position:relative}.mobile-menu-header{display:flex}.nav-links-wrapper{z-index:9999;background-color:#041f4a;flex-direction:column;gap:15px;padding:20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #0000004d}.nav-links-wrapper.open{display:flex}.nav-dropdown .dropdown-content{box-shadow:none;border-left:2px solid #ff6b00;margin-top:10px;margin-left:10px;display:none;position:static}.nav-dropdown:hover .dropdown-content{display:flex}}[data-theme=dark] body{color:#f8fafc;background-color:#041227}[data-theme=dark] .global-header,[data-theme=dark] .card-panel,[data-theme=dark] .detail-box,[data-theme=dark] .srv-card,[data-theme=dark] .prod-card,[data-theme=dark] .nav-links-wrapper,[data-theme=dark] .mobile-menu-header{color:#f8fafc;background-color:#0b1e3d;border-color:#1e3a6a}[data-theme=dark] .prod-card h4,[data-theme=dark] .detail-box h3,[data-theme=dark] .section-title-right{color:#ffb880}[data-theme=dark] .dropdown-content,[data-theme=dark] .topbar-info,[data-theme=dark] .navbar-main{background-color:#0b1e3d}[data-theme=dark] .btn-outline{color:#f8fafc;border-color:#f8fafc}[data-theme=dark] .btn-outline:hover{color:#041f4a;background-color:#f8fafc}