.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-5, 20px);position:relative;overflow:hidden;font-family:var(--ds-font-sans, inherit)}.threejs-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.admin-login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#005f9ad9,#0077b6d9,#0096c7d9);z-index:1}.admin-login-container{width:100%;max-width:450px;position:relative;z-index:2}.admin-login-card{background:var(--ds-surface, rgba(255, 255, 255, .95));backdrop-filter:blur(10px);border-radius:var(--ds-radius-lg, 18px);padding:var(--ds-space-10, 40px);box-shadow:var(--ds-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));border:1px solid var(--ds-border, transparent);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{text-align:center;margin-bottom:40px}.login-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:30px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-logo{max-height:80px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,95,154,.3))}.admin-login-header h1{font-size:2rem;margin-bottom:10px}.admin-login-header p{color:var(--ds-text-muted, rgba(29, 41, 57, .7));font-size:var(--ds-text-base, 1rem)}.admin-login-form{display:flex;flex-direction:column;gap:24px}.form-group input{padding:var(--ds-space-3, 14px) var(--ds-space-4, 18px);border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:var(--ds-radius-sm, 10px);font-size:var(--ds-text-base, 1rem);font-family:var(--ds-font-sans, var(--font-main));transition:border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease);background:var(--ds-surface, var(--white));color:var(--ds-text, var(--black))}.form-group input:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.form-group input:disabled{opacity:.6;cursor:not-allowed}.admin-login-form .lte-btn{width:100%;margin-top:10px}@media (max-width: 480px){.admin-login-card{padding:30px 20px}.admin-login-header h1{font-size:1.5rem}}.admin-dashboard{padding:var(--ds-space-8, 30px);max-width:1400px;margin:0 auto}.dashboard-loading{text-align:center;padding:var(--ds-space-20, 80px) var(--ds-space-5, 20px);font-size:var(--ds-text-lg, 1.2rem);color:var(--ds-text, var(--black));display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.dashboard-loading h2{margin-top:24px;margin-bottom:8px;font-size:1.5rem;color:var(--ds-text-heading, var(--black))}.dashboard-loading p{color:#1d2939b3;font-size:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-10, 40px);padding-bottom:var(--ds-space-5, 20px);border-bottom:1px solid var(--ds-border, var(--gray-border))}.dashboard-header h1{font-size:2.5rem;margin-bottom:8px;background:var(--main-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:var(--ds-text-muted, rgba(29, 41, 57, .7));font-size:var(--ds-text-base, 1.1rem)}.user-badge .badge{padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem;color:var(--white)}.badge-admin{background:var(--main-gradient)}.badge-manager{background:linear-gradient(135deg,var(--brand-secondary) 0%,var(--brand-tertiary) 100%)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--ds-space-6, 24px);margin-bottom:var(--ds-space-10, 40px)}@media (min-width: 1200px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:var(--ds-space-6, 24px);box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));border:1px solid var(--ds-border, var(--gray-border));display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--main-gradient)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:24px;flex-shrink:0}.stat-content{flex:1}.stat-content h3{font-size:var(--ds-text-2xl, 2rem);font-weight:var(--ds-weight-bold, 700);color:var(--ds-text-heading, var(--black));margin-bottom:var(--ds-space-1, 4px)}.stat-content p{color:var(--ds-text-muted, rgba(29, 41, 57, .7));font-size:var(--ds-text-sm, .95rem);margin:0}.stat-subtitle{display:block;color:#1d293980;font-size:.85rem;margin-top:4px;font-weight:500}.stat-action{background:transparent;border:none;color:var(--brand-primary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.dashboard-quick-actions{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:var(--ds-space-8, 30px);box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));border:1px solid var(--ds-border, var(--gray-border))}.dashboard-quick-actions h2{font-size:var(--ds-text-xl, 1.8rem);margin-bottom:var(--ds-space-6, 24px);color:var(--ds-text-heading, var(--black))}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-btn{background:var(--ds-surface, var(--white));border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:var(--ds-radius-md, 12px);padding:var(--ds-space-5, 20px);display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;font-family:var(--font-headers);font-weight:600;color:var(--ds-text-heading, var(--black))}.quick-action-btn i{font-size:var(--ds-text-2xl, 2rem);color:var(--ds-brand-600, var(--brand-primary));transition:all var(--ds-duration-fast, .18s) var(--ds-ease-out, ease)}@media (max-width: 768px){*{box-sizing:border-box}.admin-dashboard{padding:15px 10px!important;max-width:100%!important;width:100%!important;margin:0 auto;box-sizing:border-box}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;width:100%!important;max-width:100%!important}.dashboard-stats{grid-template-columns:1fr!important;gap:16px;width:100%!important;max-width:100%!important}.stat-card{padding:20px;width:100%!important;max-width:100%!important;box-sizing:border-box}.stat-icon{width:50px;height:50px}.dashboard-quick-actions{padding:20px;width:100%!important;max-width:100%!important;box-sizing:border-box}.quick-actions-grid{grid-template-columns:1fr!important;gap:12px;width:100%!important;max-width:100%!important}.quick-action-btn{padding:14px 20px;font-size:.9rem;width:100%!important;max-width:100%!important;min-height:48px;box-sizing:border-box}}.admin-products{padding:40px 50px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 768px){.admin-products{padding:15px 10px;max-width:100%}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px;margin-top:20px;padding:45px 50px 40px;background:linear-gradient(135deg,#005f9a1f,#2478b526,#2dadd51f 60%,#005f9a1a);border:2px solid rgba(0,95,154,.15);border-radius:24px;box-shadow:0 10px 40px #005f9a1f,0 4px 15px #005f9a14,inset 0 1px #ffffff1a;position:relative;overflow:hidden;backdrop-filter:blur(10px);transition:all .3s ease}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--main-gradient);border-radius:24px 24px 0 0;box-shadow:0 2px 10px #005f9a4d}.page-header:after{content:"";position:absolute;top:-40%;right:-8%;width:350px;height:350px;background:radial-gradient(circle,rgba(0,95,154,.15) 0%,rgba(36,120,181,.1) 40%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.05);opacity:1}}.page-header>div:first-child{flex:1;padding-right:35px;position:relative;z-index:1}.page-header h1{font-size:3rem;margin-bottom:14px;margin-top:0;background:linear-gradient(135deg,var(--brand-primary) 0%,rgba(36,120,181,1) 50%,rgba(45,173,213,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;line-height:1.1;letter-spacing:-1px;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,95,154,.1);filter:drop-shadow(0 2px 4px rgba(0,95,154,.1))}.page-header p{color:#1d2939d9;font-size:1.2rem;margin:0;line-height:1.7;font-weight:500;position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.5)}.page-header .lte-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;font-size:1.05rem;font-weight:700;white-space:nowrap;margin-top:8px;box-shadow:0 6px 20px #005f9a40,0 2px 8px #005f9a26,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;border-radius:14px;overflow:hidden}.page-header .lte-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.page-header .lte-btn:active{transform:translateY(-1px) scale(1)}.page-header .lte-btn i{font-size:1.2rem;position:relative;z-index:1}.products-table-container{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:24px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));overflow-x:auto}.error-message{padding:24px;background:#fee;border:2px solid #f00;border-radius:12px;margin-bottom:24px}.error-message h3{color:#c00;margin-bottom:10px;font-size:1.3rem}.error-message p{color:#666;margin-bottom:20px}.products-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a;margin-top:20px;width:100%;box-sizing:border-box}.products-table-container .admin-table{margin:0;width:100%}.products-table-container .admin-table thead{background:var(--gray)}.table-header-info{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--ds-border-strong, var(--gray-border));background:var(--gray)}.products-count{font-size:.95rem;color:var(--ds-text-heading, var(--black))}.products-count strong{color:var(--brand-primary)}.pagination-info{font-size:.9rem;color:#1d2939b3}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:2px solid var(--gray-border);background:var(--gray);gap:16px;flex-wrap:wrap}.pagination-btn{padding:10px 20px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;background:var(--ds-surface, var(--white));color:var(--ds-text-heading, var(--black));font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--main-gradient);color:var(--white);border-color:transparent}.pagination-numbers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;flex:1}.pagination-number{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;background:var(--ds-surface, var(--white));color:var(--ds-text-heading, var(--black));font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:var(--main-gradient);color:var(--white);border-color:transparent}.pagination-number.active{background:var(--main-gradient);color:var(--white);border-color:transparent;box-shadow:0 2px 8px #005f9a33}.pagination-ellipsis{padding:0 8px;color:#1d293980;font-weight:600}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--ds-text-heading, var(--black));cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:10px;font-size:1rem;font-family:var(--font-main);transition:all .3s ease;background:var(--ds-surface, var(--white));color:var(--ds-text-heading, var(--black))}.form-group textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:2px solid var(--gray-border)}.admin-loading h2{margin-top:30px;margin-bottom:10px;font-size:1.5rem;color:var(--brand-primary);font-weight:600}.loading-spinner{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:20px}.spinner-ring{width:12px;height:12px;border-radius:50%;background:var(--main-gradient);animation:loading-bounce 1.4s infinite ease-in-out both}.spinner-ring:nth-child(1){animation-delay:-.32s}.spinner-ring:nth-child(2){animation-delay:-.16s}.spinner-ring:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.filters-grid-single{grid-template-columns:1fr;justify-content:flex-end}@media (max-width: 768px){.filters-grid,.filters-grid-single{grid-template-columns:1fr!important;gap:12px;justify-content:stretch!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important}.filter-group input,.filter-group select{width:100%!important;max-width:100%!important;box-sizing:border-box}}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;font-size:.95rem;font-family:var(--font-main);transition:all .3s ease;width:100%;box-sizing:border-box}@media (max-width: 768px){.search-group{grid-column:1 / -1!important}}.product-image-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative}.product-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--ds-border-strong, var(--gray-border))}.no-image-placeholder{width:100%;height:100%;background:var(--gray);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1d293980;font-size:1.5rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:16px}.image-preview-card{position:relative;width:100%;display:flex;flex-direction:column;gap:8px}.image-preview-media{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--ds-border-strong, var(--gray-border));transition:all .3s ease}.preview-image{width:100%;height:100%;object-fit:cover}.image-spec-label{font-size:.75rem;font-weight:600;color:var(--ds-text-heading, var(--black))}.image-spec-input{width:100%;padding:8px 10px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;font-size:.8rem;font-family:var(--font-main);background:var(--ds-surface, var(--white));color:var(--ds-text-heading, var(--black));resize:vertical;min-height:48px;transition:all .3s ease}.image-spec-input:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.primary-badge{position:absolute;top:8px;left:8px;background:var(--main-gradient);color:var(--white);padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.image-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .3s ease}.image-actions{opacity:1}.image-action-btn{width:32px;height:32px;border:none;border-radius:6px;background:#ffffffe6;color:var(--brand-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem}.image-action-btn.delete{color:var(--red)}@media (max-width: 768px){*{box-sizing:border-box}.admin-products{padding:15px 10px!important;max-width:100%!important;width:100%!important;margin:0 auto;box-sizing:border-box}.filters-section{padding:16px 12px!important;margin-top:10px!important;margin-bottom:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}.filters-grid,.filters-grid-single{grid-template-columns:1fr!important;grid-auto-columns:1fr!important;grid-auto-flow:row!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;justify-content:stretch!important;align-items:stretch!important;margin:0!important;padding:0!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;grid-column:1 / -1!important}.filter-group-button{width:100%!important;max-width:100%!important;grid-column:1 / -1!important}.search-group{width:100%!important;max-width:100%!important;grid-column:1 / -1!important;grid-row:auto!important}.filter-group input,.filter-group select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.filter-group label{width:100%!important;max-width:100%!important;font-size:.9rem;margin-bottom:6px}.filter-group input,.filter-group select{padding:14px 12px;font-size:1rem;min-height:48px;-webkit-appearance:none;appearance:none}.filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.search-group{grid-column:span 1}.filter-group-button{margin-top:4px}.filter-group .lte-btn{width:100%!important;max-width:100%!important;padding:14px 20px;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.products-table-container{padding:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px;width:100%!important;max-width:100%!important;box-sizing:border-box;margin-top:16px!important}.table-header-info{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.pagination-controls{flex-direction:column;gap:12px;padding:16px}.pagination-btn,.pagination-numbers{width:100%;justify-content:center}.admin-table{min-width:800px;font-size:.85rem;width:100%}.admin-table thead{background:var(--gray)}.admin-table th{padding:12px 8px;font-size:.8rem;white-space:nowrap}.admin-table td{padding:12px 8px;font-size:.85rem;vertical-align:middle}.product-image-cell,.product-thumbnail{width:50px;height:50px}.table-actions{gap:6px;flex-wrap:nowrap}.action-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:.9rem}.status-badge{padding:4px 10px;font-size:.75rem;white-space:nowrap}.empty-state{padding:40px 20px}.empty-state i{font-size:3rem}.empty-state h3{font-size:1.3rem}.empty-state .lte-btn{width:100%;padding:14px 20px;min-height:48px}.modal-overlay{padding:10px;align-items:flex-start;overflow-y:auto}.modal-content{max-width:100%;width:100%;margin:auto 0 0;max-height:100vh;border-radius:16px 16px 0 0}.modal-header{padding:20px 16px;position:sticky;top:0;background:var(--ds-surface, var(--white));z-index:10}.modal-header h2{font-size:1.4rem}.modal-close{width:40px;height:40px;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.modal-form{padding:20px 16px}.form-row{grid-template-columns:1fr;gap:16px}.form-group{width:100%}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:14px 12px;font-size:1rem;min-height:48px;width:100%;box-sizing:border-box}.form-group textarea{min-height:100px;resize:vertical}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.checkbox-label{font-size:.95rem;padding:8px 0}.checkbox-label input[type=checkbox]{width:22px;height:22px;min-width:22px;min-height:22px}.image-upload-section{width:100%}.upload-button{width:100%;padding:14px 20px;min-height:48px;font-size:1rem;justify-content:center}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.image-preview-media{aspect-ratio:1}.preview-image{max-height:150px}.image-actions{bottom:6px;right:6px;gap:4px}.image-action-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:.8rem}.primary-badge{top:6px;left:6px;padding:3px 6px;font-size:.7rem}.modal-actions{flex-direction:column-reverse;gap:12px;padding-top:16px;margin-top:20px;position:sticky;bottom:0;background:var(--ds-surface, var(--white));padding-bottom:20px;border-top:2px solid var(--gray-border)}.modal-actions .lte-btn{width:100%;padding:14px 20px;min-height:48px;font-size:1rem;justify-content:center}.modal-actions .lte-btn.btn-outline{width:100%}}@media (max-width: 480px){.admin-products{padding:10px 8px}.filters-section{padding:12px 10px}.products-table-container{padding:8px}.admin-table{min-width:700px}.admin-table th,.admin-table td{padding:10px 6px;font-size:.8rem}.product-image-cell,.product-thumbnail{width:40px;height:40px}.action-btn{width:32px;height:32px;min-width:32px;min-height:32px}.modal-header{padding:16px 12px}.modal-header h2{font-size:1.2rem}.modal-form{padding:16px 12px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}}.admin-blogs{padding:40px 50px;max-width:1400px;margin:0 auto}.blogs-table-container{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:24px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));overflow-x:auto}.status-badge.draft{background:#f8bc261a;color:var(--yellow)}.status-badge.published{background:#5b9b371a;color:var(--green)}.status-badge.archived{background:#1d29391a;color:var(--ds-text-heading, var(--black))}.search-group input{padding:12px 15px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:10px;font-size:1rem;font-family:var(--font-main);transition:all .3s ease;width:100%;box-sizing:border-box}.search-group input:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.empty-state{text-align:center;padding:60px 20px;color:var(--ds-text-heading, var(--black))}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:var(--ds-text-heading, var(--black))}.empty-state p{color:#1d2939b3;margin-bottom:20px}.blog-image-cell{display:flex;align-items:center;justify-content:center;width:80px;height:80px;position:relative}.blog-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--ds-border-strong, var(--gray-border))}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray);border-radius:8px;border:1px solid var(--ds-border-strong, var(--gray-border));color:var(--gray-border);font-size:1.5rem}.image-upload-section{display:flex;flex-direction:column;gap:12px}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--main-gradient);color:var(--white);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;border:none;font-family:var(--font-main);font-size:1rem;text-align:center;width:fit-content}.image-preview-card{position:relative;display:inline-block;border-radius:10px;overflow:hidden;border:1px solid var(--ds-border-strong, var(--gray-border));max-width:300px}.preview-image{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}.image-action-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:6px;background:#ffffffe6;color:var(--red);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.image-action-btn.delete{background:#d32f2fe6;color:var(--white)}.featured-image-preview{margin-top:16px}.filter-group select{padding:10px 14px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;font-size:.95rem;font-family:var(--font-main);transition:all .3s ease}.filter-group select:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.modal-content{background:var(--ds-surface, var(--white));border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:10px;font-size:1rem;font-family:var(--font-main);transition:all .3s ease;width:100%;box-sizing:border-box;background:var(--ds-surface, var(--white));color:var(--ds-text-heading, var(--black))}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--ds-surface-muted, var(--gray))}.checkbox-label input[type=checkbox]{width:20px;height:20px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:6px;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-actions .lte-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--main-gradient);color:var(--white);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;border:none;font-family:var(--font-main);font-size:1rem}.modal-actions .lte-btn.btn-outline{background:transparent!important;border:2px solid var(--brand-primary)!important;color:var(--brand-primary)!important}.modal-actions .lte-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){*{box-sizing:border-box}.admin-blogs{padding:15px 10px!important;max-width:100%!important;width:100%!important;margin:0 auto;box-sizing:border-box}.filters-section{padding:16px 12px!important;margin-top:10px!important;margin-bottom:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}.filters-grid{grid-template-columns:1fr!important;grid-auto-columns:1fr!important;grid-auto-flow:row!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;justify-content:stretch!important;align-items:stretch!important;margin:0!important;padding:0!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;grid-column:1 / -1!important}.filter-group-button{width:100%!important;max-width:100%!important;grid-column:1 / -1!important}.search-group{width:100%!important;max-width:100%!important;grid-column:1 / -1!important;grid-row:auto!important}.filter-group input,.filter-group select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;padding:14px 12px;font-size:1rem;min-height:48px}.filter-group label{width:100%!important;max-width:100%!important;font-size:.9rem;margin-bottom:6px}.filter-group .lte-btn{width:100%!important;max-width:100%!important;padding:14px 20px;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.blogs-table-container{padding:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px;width:100%!important;max-width:100%!important;box-sizing:border-box;margin-top:16px!important}.admin-table{min-width:600px;font-size:.85rem;width:100%}.admin-table th,.admin-table td{padding:12px 8px;font-size:.85rem}.modal-content{max-width:100%;width:100%;margin:auto 0 0;max-height:100vh;border-radius:16px 16px 0 0}.modal-overlay{padding:10px;align-items:flex-start;overflow-y:auto}.modal-header{padding:20px 16px;position:sticky;top:0;background:var(--ds-surface, var(--white));z-index:10}.modal-header h2{font-size:1.4rem}.modal-close{width:40px;height:40px;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.modal-form{padding:20px 16px}.form-row{grid-template-columns:1fr;gap:16px}.form-group input,.form-group select,.form-group textarea{padding:14px 12px;font-size:1rem;min-height:48px}.form-group textarea{min-height:120px}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-actions .lte-btn{width:100%;justify-content:center;min-height:48px}}.admin-partners{padding:40px 50px;max-width:1400px;margin:0 auto}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end;width:100%}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;font-size:.95rem;font-family:var(--font-main);transition:all .3s ease}.empty-state{text-align:center;padding:80px 20px;color:#1d2939b3;background:#fff;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state i{font-size:4rem;color:var(--brand-primary);margin-bottom:30px;display:block}.empty-state h3{font-size:1.8rem;margin-bottom:15px;color:var(--ds-text-heading, var(--black));font-weight:600}.empty-state p{font-size:1.1rem;margin-bottom:20px;color:#666;max-width:500px}.partner-logo-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative}.partner-logo{width:100%;height:100%;object-fit:contain;border-radius:8px;border:1px solid var(--ds-border-strong, var(--gray-border));padding:4px;background:var(--ds-surface, var(--white))}.no-logo-placeholder{width:100%;height:100%;background:var(--gray);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1d293980;font-size:1.5rem;border:1px solid var(--ds-border-strong, var(--gray-border))}.image-upload-section{margin-top:12px}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--main-gradient);color:var(--white);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-bottom:20px}.upload-button:disabled{opacity:.6;cursor:not-allowed}.logo-preview{margin-top:16px}.logo-preview-card{position:relative;display:inline-block;width:150px;height:150px;border-radius:12px;overflow:hidden;border:1px solid var(--ds-border-strong, var(--gray-border));transition:all .3s ease}.preview-logo{width:100%;height:100%;object-fit:contain;background:var(--ds-surface, var(--white));padding:10px}.logo-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:6px;background:#ffffffe6;color:var(--red);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 8px #0000001a}.partners-table-container{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:24px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--gray)}.admin-table th{padding:16px;text-align:left;font-weight:600;color:var(--ds-text-heading, var(--black));font-size:.95rem;border-bottom:1px solid var(--ds-border-strong, var(--gray-border))}.admin-table td{padding:16px;border-bottom:1px solid var(--gray-border);color:var(--ds-text-heading, var(--black))}.status-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.active{background:#5b9b371a;color:var(--green)}.status-badge.inactive{background:#c3161b1a;color:var(--red)}.table-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem}.action-btn.edit{background:#005f9a1a;color:var(--brand-primary)}.action-btn.delete{background:#c3161b1a;color:var(--red)}.text-center{text-align:center;padding:40px;color:#1d2939b3}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--ds-surface, var(--white));border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--ds-border-strong, var(--gray-border))}.modal-header h2{font-size:1.8rem;color:var(--ds-text-heading, var(--black))}.modal-close{background:none;border:none;font-size:1.5rem;color:#1d293980;cursor:pointer;transition:color .3s ease}.modal-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--ds-text-heading, var(--black));font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:10px;font-size:1rem;font-family:var(--font-main);transition:all .3s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.form-group textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:var(--ds-text-heading, var(--black));font-size:1rem}.checkbox-label input[type=checkbox]{width:20px;height:20px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:6px;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked{background:var(--brand-primary);border-color:var(--ds-brand-500, var(--brand-primary))}.checkbox-label input[type=checkbox]:checked:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.9rem;color:var(--white)}.branches-checkbox-group{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--gray);border-radius:10px;border:1px solid var(--ds-border-strong, var(--gray-border));max-height:200px;overflow-y:auto}.branches-checkbox-group label.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:2px solid var(--gray-border)}.lte-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--main-gradient);color:var(--white);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;border:none;font-family:var(--font-main);font-size:1rem}.filter-group .lte-btn:hover,.filters-section .lte-btn:hover,.empty-state .lte-btn:hover{background:var(--main-gradient)!important;transform:none!important;box-shadow:none!important;color:var(--white)!important}.filter-group .lte-btn:hover:before,.filter-group .lte-btn:hover:after,.filters-section .lte-btn:hover:before,.filters-section .lte-btn:hover:after,.empty-state .lte-btn:hover:before,.empty-state .lte-btn:hover:after,.filter-group .lte-btn.btn-outline:hover:before,.filter-group .lte-btn.btn-outline:hover:after{width:0!important}@media (max-width: 768px){*{box-sizing:border-box}.admin-partners{padding:15px 10px!important;max-width:100%!important;width:100%!important;margin:0 auto;box-sizing:border-box}.filters-section{padding:16px 12px!important;margin-top:10px!important;margin-bottom:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}.filters-grid{grid-template-columns:1fr!important;grid-auto-columns:1fr!important;grid-auto-flow:row!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;justify-content:stretch!important;align-items:stretch!important;margin:0!important;padding:0!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;grid-column:1 / -1!important}.filter-group-button{width:100%!important;max-width:100%!important;grid-column:1 / -1!important}.search-group{width:100%!important;max-width:100%!important;grid-column:1 / -1!important;grid-row:auto!important}.filter-group input,.filter-group select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;padding:14px 12px;font-size:1rem;min-height:48px}.filter-group label{width:100%!important;max-width:100%!important;font-size:.9rem;margin-bottom:6px}.filter-group .lte-btn{width:100%!important;max-width:100%!important;padding:14px 20px;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.partners-table-container{padding:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px;width:100%!important;max-width:100%!important;box-sizing:border-box;margin-top:16px!important}.admin-table{min-width:700px;font-size:.85rem;width:100%}.admin-table th,.admin-table td{padding:12px 8px;font-size:.85rem}.modal-content{max-width:95vw;margin:10px;max-height:95vh}.modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}}.admin-messages{padding:40px 50px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.admin-loading{text-align:center;padding:80px 20px;margin-top:40px;font-size:1.2rem;color:var(--ds-text-heading, var(--black));display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{display:flex;gap:8px;align-items:center;justify-content:center}.spinner-ring{width:40px;height:40px;border:4px solid var(--gray-border);border-top-color:var(--brand-primary);border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.admin-loading h2{margin-top:24px;margin-bottom:8px;font-size:1.5rem;color:var(--ds-text-heading, var(--black))}.admin-loading p{color:#1d2939b3;font-size:1rem}.filter-group{display:flex;flex-direction:column;gap:8px;min-height:fit-content}.filter-group label{font-weight:600;color:var(--ds-text-heading, var(--black));font-size:.9rem}.filter-group input,.filter-group select{padding:10px 14px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;font-size:.95rem;font-family:var(--font-main);transition:all .3s ease;width:100%;box-sizing:border-box}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.search-group{grid-column:span 2}.filter-group-button{min-height:auto;justify-content:flex-end}.filter-group-button label{display:none}.filter-group .lte-btn{min-width:auto;padding:10px 20px;width:100%;display:block;visibility:visible;opacity:1}.lte-btn.btn-outline{background:transparent!important;border:2px solid var(--brand-primary)!important;color:var(--brand-primary)!important;display:flex!important;align-items:center;justify-content:center;gap:8px;visibility:visible!important;opacity:1!important;position:relative;z-index:1;min-width:auto!important}.lte-btn.btn-outline i{font-size:1rem;margin:0}.filter-group .lte-btn:hover,.filters-section .lte-btn:hover{background:var(--main-gradient)!important;transform:none!important;box-shadow:none!important;color:var(--white)!important}.filter-group .lte-btn.btn-outline:hover{background:transparent!important;border-color:var(--brand-primary)!important;color:var(--brand-primary)!important;transform:none!important;box-shadow:none!important}.filter-group .lte-btn:hover:before,.filter-group .lte-btn:hover:after,.filters-section .lte-btn:hover:before,.filters-section .lte-btn:hover:after,.filter-group .lte-btn.btn-outline:hover:before,.filter-group .lte-btn.btn-outline:hover:after{width:0!important}.messages-container{display:grid;grid-template-columns:400px 1fr;gap:24px}.messages-list{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:20px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));max-height:calc(100vh - 200px);overflow-y:auto}.message-card{padding:20px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:12px;margin-bottom:16px;cursor:pointer;transition:all .3s ease;background:var(--ds-surface, var(--white));position:relative}.message-card.new{border-color:var(--ds-brand-500, var(--brand-primary));background:linear-gradient(135deg,#005f9a0d,#2478b50d,#2dadd50d);border-left:4px solid var(--brand-primary)}.message-card.active{border-color:var(--ds-brand-500, var(--brand-primary));background:var(--main-gradient);color:var(--white);box-shadow:0 4px 12px #005f9a33}.message-card.active .message-header h3,.message-card.active .message-header p,.message-card.active .message-meta,.message-card.active .message-preview{color:var(--white)}.message-card.active .status-badge{background:#fff3;color:var(--white);border:1px solid rgba(255,255,255,.3)}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.message-header-left{display:flex;align-items:center;gap:12px;flex:1}.message-icon{width:40px;height:40px;border-radius:10px;background:var(--main-gradient);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.message-card.active .message-icon{background:#fff3;border:1px solid rgba(255,255,255,.3)}.message-header h3{font-size:1.1rem;margin-bottom:4px;font-weight:600;color:var(--ds-text-heading, var(--black))}.message-header p{font-size:.9rem;opacity:.8;color:#1d2939b3}.message-meta{display:flex;gap:12px;font-size:.85rem;margin-bottom:12px;opacity:.7;flex-wrap:wrap}.message-meta span{display:flex;align-items:center;gap:6px;font-size:.85rem}.message-meta span i{font-size:.75rem;opacity:.7}.message-subject-preview{font-size:.9rem;font-weight:600;color:var(--brand-primary);margin-bottom:8px;padding:8px 12px;background:#005f9a0d;border-radius:6px;border-left:3px solid var(--brand-primary)}.message-card.active .message-subject-preview{background:#ffffff26;border-left-color:var(--white);color:var(--white)}.message-preview{font-size:.9rem;line-height:1.5;margin:0;color:#1d2939cc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-detail{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:30px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));height:fit-content;position:sticky;top:20px}.message-detail-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px}.placeholder-content{text-align:center;color:#1d293980}.placeholder-content i{font-size:4rem;margin-bottom:20px;color:var(--gray-border)}.placeholder-content h3{font-size:1.5rem;margin-bottom:12px;color:var(--ds-text-heading, var(--black))}.placeholder-content p{color:#1d2939b3;font-size:1rem}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--ds-border-strong, var(--gray-border));gap:20px}.message-detail-header h2{font-size:1.8rem;margin-bottom:8px;background:var(--main-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-date{color:#1d2939b3;font-size:.9rem;display:flex;align-items:center;gap:8px}.status-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-actions label{font-size:.85rem;font-weight:600;color:#1d2939b3}.status-select{padding:10px 16px;border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:8px;font-family:var(--font-main);font-size:.95rem;cursor:pointer;background:var(--ds-surface, var(--white));min-width:150px;transition:all .3s ease}.status-select:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.message-detail-content{display:flex;flex-direction:column;gap:24px}.detail-section{padding:20px;background:var(--gray);border-radius:12px}.detail-section h3{font-size:1.1rem;margin-bottom:16px;color:var(--ds-text-heading, var(--black));display:flex;align-items:center;gap:8px}.detail-section h3 i{color:var(--brand-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-weight:600;font-size:.85rem;color:#1d2939b3;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:var(--ds-text-heading, var(--black));font-size:.95rem}.detail-item a{color:var(--brand-primary);text-decoration:none;transition:all .3s ease}.detail-item a:hover{text-decoration:underline}.type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600;background:#005f9a1a;color:var(--brand-primary);text-transform:capitalize}.subject-text{font-size:1.1rem;font-weight:600;color:var(--ds-text-heading, var(--black));padding:12px;background:var(--ds-surface, var(--white));border-radius:8px;border-left:4px solid var(--brand-primary)}.message-text{background:var(--ds-surface, var(--white));padding:20px;border-radius:8px;line-height:1.8;white-space:pre-wrap;color:var(--ds-text-heading, var(--black));border:1px solid var(--gray-border);font-size:.95rem}.empty-state{text-align:center;padding:60px 20px;color:#1d2939b3;background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08))}.empty-state i{font-size:4rem;color:var(--gray-border);margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin-bottom:12px;color:var(--ds-text-heading, var(--black))}.empty-state p{color:#1d2939b3;font-size:1rem}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.new{background:#005f9a1a;color:var(--brand-primary)}.status-badge.read{background:#f8bc261a;color:#f8bc26}.status-badge.replied{background:#5b9b371a;color:#5b9b37}.status-badge.closed{background:#1d29391a;color:var(--ds-text-heading, var(--black))}@media (max-width: 1024px){.messages-container{grid-template-columns:1fr}.messages-list{max-height:400px}}@media (max-width: 768px){*{box-sizing:border-box}.admin-messages{padding:15px 10px!important;max-width:100%!important;width:100%!important;margin:0 auto;box-sizing:border-box}.filters-section{padding:16px 12px!important;margin-top:10px!important;margin-bottom:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}.filters-grid{grid-template-columns:1fr!important;grid-auto-columns:1fr!important;grid-auto-flow:row!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;justify-content:stretch!important;align-items:stretch!important;margin:0!important;padding:0!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;grid-column:1 / -1!important}.filter-group-button{width:100%!important;max-width:100%!important;grid-column:1 / -1!important}.search-group{width:100%!important;max-width:100%!important;grid-column:1 / -1!important;grid-row:auto!important}.filter-group input,.filter-group select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;padding:14px 12px;font-size:1rem;min-height:48px}.filter-group label{width:100%!important;max-width:100%!important;font-size:.9rem;margin-bottom:6px}.filter-group .lte-btn{width:100%!important;max-width:100%!important;padding:14px 20px;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.messages-container{grid-template-columns:1fr!important;gap:16px;width:100%!important;max-width:100%!important}.messages-list{max-height:400px;width:100%!important;max-width:100%!important}.message-card{padding:16px;width:100%!important;max-width:100%!important;box-sizing:border-box}.message-detail{padding:20px 16px;width:100%!important;max-width:100%!important;box-sizing:border-box;position:relative;top:0}.message-detail-header{flex-direction:column;align-items:flex-start;gap:16px}.status-actions{width:100%;align-items:stretch}.status-select{width:100%}.detail-grid{grid-template-columns:1fr}}.admin-layout,.admin-login-page{font-family:var(--ds-font-sans, inherit);color:var(--ds-text, var(--black))}.admin-content .filters-section,.admin-content .products-table-container,.admin-content .blogs-table-container,.admin-content .messages-table-container,.admin-content .users-table-container,.admin-content .categories-table-container,.admin-content .partners-table-container,.admin-content .branches-table-container,.admin-content .content-card,.admin-content .dashboard-quick-actions,.admin-content .stat-card{background:var(--ds-surface, var(--white));border:1px solid var(--ds-border, var(--gray-border));border-radius:var(--ds-radius-md, 12px);box-shadow:var(--ds-shadow-sm, 0 1px 3px rgba(13, 23, 38, .08))}.admin-content .admin-table{width:100%;border-collapse:collapse}.admin-content .admin-table thead{background:var(--ds-surface-muted, var(--gray))}.admin-content .admin-table th{padding:var(--ds-space-4, 16px);text-align:left;font-weight:var(--ds-weight-semibold, 600);font-size:var(--ds-text-sm, .9375rem);color:var(--ds-text-heading, var(--black));border-bottom:1px solid var(--ds-border-strong, var(--gray-border))}.admin-content .admin-table td{padding:var(--ds-space-4, 16px);font-size:var(--ds-text-sm, .9375rem);color:var(--ds-text, var(--black));border-bottom:1px solid var(--ds-border, var(--gray-border))}.admin-content .form-group,.admin-login-form .form-group{display:flex;flex-direction:column;gap:var(--ds-space-2, 8px)}.admin-content .form-group label,.admin-login-form .form-group label{font-weight:var(--ds-weight-semibold, 600);font-size:var(--ds-text-sm, .9375rem);color:var(--ds-text-heading, var(--black))}.admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea,.admin-login-form .form-group input,.admin-content .filter-group input,.admin-content .filter-group select{font-family:var(--ds-font-sans, inherit);font-size:var(--ds-text-base, 1rem);color:var(--ds-text, var(--black));background:var(--ds-surface, var(--white));border:1px solid var(--ds-border-strong, var(--gray-border));border-radius:var(--ds-radius-sm, 8px);padding:var(--ds-space-3, 12px) var(--ds-space-4, 16px);transition:border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease)}.admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus,.admin-login-form .form-group input:focus,.admin-content .filter-group input:focus,.admin-content .filter-group select:focus{outline:none;border-color:var(--ds-brand-500, var(--brand-primary));box-shadow:var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45))}.admin-content .form-group input:disabled,.admin-login-form .form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--ds-surface-muted, var(--gray))}.admin-content .filter-group{display:flex;flex-direction:column;gap:var(--ds-space-2, 8px)}.admin-content .filters-grid{gap:var(--ds-space-4, 16px)}.admin-content .empty-state{color:var(--ds-text-muted, rgba(29, 41, 57, .7));padding:var(--ds-space-12, 48px) var(--ds-space-6, 24px);text-align:center}.admin-content .admin-loading{color:var(--ds-text, var(--black))}.admin-content .admin-loading h2{color:var(--ds-brand-600, var(--brand-primary))}.admin-content .admin-loading p{color:var(--ds-text-muted, rgba(29, 41, 57, .7))}.admin-content .modal-overlay{background:#0d17268c;backdrop-filter:blur(2px)}.admin-content .modal-content{background:var(--ds-surface, var(--white));border:1px solid var(--ds-border, var(--gray-border));border-radius:var(--ds-radius-lg, 18px);box-shadow:var(--ds-shadow-xl, 0 30px 64px rgba(13, 23, 38, .16))}.admin-content .modal-header{border-bottom:1px solid var(--ds-border, var(--gray-border))}.admin-content .modal-header h2{color:var(--ds-text-heading, var(--black));font-size:var(--ds-text-xl, 1.375rem)}.admin-content .status-badge{border-radius:var(--ds-radius-pill, 999px);font-size:var(--ds-text-xs, .8125rem);font-weight:var(--ds-weight-semibold, 600);padding:var(--ds-space-1, 4px) var(--ds-space-3, 12px)}.admin-content .lte-btn:focus-visible,.admin-login-form .lte-btn:focus-visible{outline:2px solid var(--ds-brand-500, var(--brand-primary));outline-offset:2px}.admin-page-content{padding:40px 50px;max-width:1400px;margin:0 auto}.filters-section{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:24px;margin-top:20px;margin-bottom:24px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08))}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.page-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.content-card{background:var(--ds-surface, var(--white));border-radius:var(--ds-radius-md, 16px);padding:24px;box-shadow:var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));transition:all .3s ease}.content-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--ds-border-strong, var(--gray-border))}.content-card-header h3{font-size:1.2rem;text-transform:capitalize;margin-bottom:4px;color:var(--brand-primary)}.content-card-header p{font-size:.9rem;color:#1d2939b3}.content-card-body h4{font-size:1.1rem;margin-bottom:12px;color:var(--ds-text-heading, var(--black))}.content-preview{color:#1d2939b3;line-height:1.6;margin:0}.content-card-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-border)}.content-card-actions .action-btn{width:100%;padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.content-card-actions .action-btn.edit{background:var(--main-gradient);color:var(--white)}@media (max-width: 768px){*{box-sizing:border-box}.admin-page-content{padding:15px 10px!important;max-width:100%!important;width:100%!important;margin:0 auto;box-sizing:border-box}.filters-section{padding:16px 12px!important;margin-top:10px!important;margin-bottom:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}.filters-grid{grid-template-columns:1fr!important;grid-auto-columns:1fr!important;grid-auto-flow:row!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;justify-content:stretch!important;align-items:stretch!important;margin:0!important;padding:0!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;grid-column:1 / -1!important}.filter-group-button{width:100%!important;max-width:100%!important;grid-column:1 / -1!important}.search-group{width:100%!important;max-width:100%!important;grid-column:1 / -1!important;grid-row:auto!important}.filter-group input,.filter-group select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;padding:14px 12px;font-size:1rem;min-height:48px}.filter-group label{width:100%!important;max-width:100%!important;font-size:.9rem;margin-bottom:6px}.filter-group .lte-btn{width:100%!important;max-width:100%!important;padding:14px 20px;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.page-content-grid{grid-template-columns:1fr!important;gap:16px;width:100%!important;max-width:100%!important}.content-card{padding:16px;width:100%!important;max-width:100%!important;box-sizing:border-box}.modal-content{max-width:95vw;margin:10px;max-height:95vh}.modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}}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"}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   INDX( 	 ��N            (   �  �       	 j                   �V    p Z     ��    	  ���x���Y��x����
�'=��Y��x��       m              
a�l�l�S�e�r�i�e�s�.�j�s������V����h�X����������� �����x���Y��x���� �'=��Y��x��       m              A L L S E R ~ 1 . J S �]    h X     ��    	 �}�
y���}� y��ٷ�<*=��}� y���������������� �������d�o�D�u�r�i�n�g�.�j�s������h�R����������� ����y���0vy���in4=��0vy��� ������������ �������f�o�l�d�l�.�j�s�������%j����h�V��������������y����y��gƂ�-=���y��������������� ������� g�r�o�u�p�B�y�.�j�s�i��G����x�b����������� �� qy���� y���"m�$=���	 y���������3������ �������g�r�o�u�p�B�y�S�e�r�i�e�s�.�j�s�Z������G����h�X�����������	�� qy����	 y���"m�$=��� y���������3������ �������G�R�O�U�P�B�~�1�.�J�S��������h�R����������� �p~d�=��4R=��4R=�� �W9=������������������������i�n�t�e�r�n�a�l�������L������p�Z����������� ����%y�����%y�����6=����%y���������������� ������� s�o�m�e�L�i�m�i�t�.��s�������L������h�X����������� ����%y�����%y�����6=����%y���������������� �������S�O�M�E�L�I�~�1�.�J�S��Z����p� ���������� ����%y�����%y��s�5)=����%y���������������� ������� s�o�m�e�S�e�r�i�e�s�.�j�s������Z����h�X����������� ����%y�����%y��s�5)=����%y���������������� �������S�O�M�E�S�E�~�1�.�J�S�wa����h�V����������� ����%y�����%y���[�+=����%y���������� ������ ������� t�i�m�e�o�u�t�.�j�s�������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������import * as TsConfigLoader2 from "./tsconfig-loader"; import * as path from "path"; import {options} from "./options"; export interface ExplicitParams {baseUrl: string; paths: {[key: string]: Array<string>}; mainFields?: Array<string>; addMatchAll?: boolean;} export type TsConfigLoader = (params: TsConfigLoader2.TsConfigLoaderParams) => TsConfigLoader2.TsConfigLoaderResult; export interface ConfigLoaderParams {cwd: string; explicitParams?: ExplicitParams; tsConfigLoader?: TsConfigLoader;} export interface ConfigLoaderSuccessResult {resultType: "success"; configFileAbsolutePath: string; baseUrl: string; absoluteBaseUrl: string; paths: {[key: string]: Array<string>}; mainFields?: Array<string>; addMatchAll?: boolean;} export interface ConfigLoaderFailResult {resultType: "failed"; message: string;} export type ConfigLoaderResult = | ConfigLoaderSuccessResult | ConfigLoaderFailResult; export function loadConfig(cwd: string = options.cwd): ConfigLoaderResult {return configLoader({cwd: cwd});} export function configLoader({cwd,explicitParams,tsConfigLoader = TsConfigLoader2.tsConfigLoader,}: ConfigLoaderParams): ConfigLoaderResult {if (explicitParams) {// tslint:disable-next-line:no-shadowed-variable const absoluteBaseUrl = path.isAbsolute(explicitParams.baseUrl) ? explicitParams.baseUrl : path.join(cwd,explicitParams.baseUrl); return {resultType: "success",configFileAbsolutePath: "",baseUrl: explicitParams.baseUrl,absoluteBaseUrl,paths: explicitParams.paths,mainFields: explicitParams.mainFields,addMatchAll: explicitParams.addMatchAll,};} // Load tsconfig and create path matching function const loadResult = tsConfigLoader({cwd,getEnv: (key: string) => process.env[key],}); if (!loadResult.tsConfigPath) {return {resultType: "failed",message: "Couldn't find tsconfig.json",};} if (!loadResult.baseUrl) {return {resultType: "failed",message: "Missing baseUrl in compilerOptions",};} const tsConfigDir = path.dirname(loadResult.tsConfigPath); const absoluteBaseUrl = path.join(tsConfigDir,loadResult.baseUrl); return {resultType: "success",configFileAbsolutePath: loadResult.tsConfigPath,baseUrl: loadResult.baseUrl,absoluteBaseUrl,paths: loadResult.paths || {},};} �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������� .admin-layout,.admin-login-page {font-family: var(--ds-font-sans, inherit); color: var(--ds-text, var(--black));} .admin-content .filters-section,.admin-content .products-table-container,.admin-content .blogs-table-container,.admin-content .messages-table-container,.admin-content .users-table-container,.admin-content .categories-table-container,.admin-content .partners-table-container,.admin-content .branches-table-container,.admin-content .content-card,.admin-content .dashboard-quick-actions,.admin-content .stat-card {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-md, 12px); box-shadow: var(--ds-shadow-sm, 0 1px 3px rgba(13, 23, 38, .08));} .admin-content .admin-table {width: 100%; border-collapse: collapse;} .admin-content .admin-table thead {background: var(--ds-surface-muted, var(--gray));} .admin-content .admin-table th {padding: var(--ds-space-4, 16px); text-align: left; font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .admin-content .admin-table td {padding: var(--ds-space-4, 16px); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text, var(--black)); border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .form-group,.admin-login-form .form-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .form-group label,.admin-login-form .form-group label {font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black));} .admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea,.admin-login-form .form-group input,.admin-content .filter-group input,.admin-content .filter-group select {font-family: var(--ds-font-sans, inherit); font-size: var(--ds-text-base, 1rem); color: var(--ds-text, var(--black)); background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); padding: var(--ds-space-3, 12px) var(--ds-space-4, 16px); transition: border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease);} .admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus,.admin-login-form .form-group input:focus,.admin-content .filter-group input:focus,.admin-content .filter-group select:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .admin-content .form-group input:disabled,.admin-login-form .form-group input:disabled {opacity: .6; cursor: not-allowed; background: var(--ds-surface-muted, var(--gray));} .admin-content .filter-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .filters-grid {gap: var(--ds-space-4, 16px);} .admin-content .empty-state {color: var(--ds-text-muted, rgba(29, 41, 57, .7)); padding: var(--ds-space-12, 48px) var(--ds-space-6, 24px); text-align: center;} .admin-content .admin-loading {color: var(--ds-text, var(--black));} .admin-content .admin-loading h2 {color: var(--ds-brand-600, var(--brand-primary));} .admin-content .admin-loading p {color: var(--ds-text-muted, rgba(29, 41, 57, .7));} .admin-content .modal-overlay {background: rgba(13,23,38,.55); backdrop-filter: blur(2px);} .admin-content .modal-content {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-lg, 18px); box-shadow: var(--ds-shadow-xl, 0 30px 64px rgba(13, 23, 38, .16));} .admin-content .modal-header {border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .modal-header h2 {color: var(--ds-text-heading, var(--black)); font-size: var(--ds-text-xl, 1.375rem);} .admin-content .status-badge {border-radius: var(--ds-radius-pill, 999px); font-size: var(--ds-text-xs, .8125rem); font-weight: var(--ds-weight-semibold, 600); padding: var(--ds-space-1, 4px) var(--ds-space-3, 12px);} .admin-content .lte-btn:focus-visible,.admin-login-form .lte-btn:focus-visible {outline: 2px solid var(--ds-brand-500, var(--brand-primary)); outline-offset: 2px;} .admin-users {padding: 40px 50px; max-width: 1400px; margin: 0 auto;} .admin-loading {text-align: center; padding: 80px 20px; margin-top: 40px; font-size: 1.2rem; color: var(--ds-text-heading, var(--black)); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px;} .admin-loading h2 {margin-top: 30px; margin-bottom: 10px; font-size: 1.5rem; color: var(--brand-primary); font-weight: 600;} .admin-loading p {color: rgba(29,41,57,.7); font-size: 1rem;} .loading-spinner {display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 20px;} .spinner-ring {width: 12px; height: 12px; border-radius: 50%; background: var(--main-gradient); animation: loading-bounce 1.4s infinite ease-in-out both;} .spinner-ring:nth-child(1) {animation-delay: -.32s;} .spinner-ring:nth-child(2) {animation-delay: -.16s;} .spinner-ring:nth-child(3) {animation-delay: 0s;} @keyframes loading-bounce {0%,80%,100% {transform: scale(0); opacity: .5;} 40% {transform: scale(1); opacity: 1;}} .filters-section {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; margin-top: 20px; margin-bottom: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .filters-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 16px; align-items: end; width: 100%;} .filter-group {display: flex; flex-direction: column; gap: 8px; min-height: fit-content;} .filter-group-button {min-height: auto; justify-content: flex-end;} .filter-group-button label {display: none;} .filter-group .lte-btn {min-width: auto; padding: 10px 20px; width: 100%; display: block; visibility: visible; opacity: 1;} .lte-btn.btn-outline {background: transparent !important; border: 2px solid var(--brand-primary) !important; color: var(--brand-primary) !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 1; min-width: auto !important;} .lte-btn.btn-outline i {font-size: 1rem; margin: 0;} .filter-group .lte-btn:hover,.filters-section .lte-btn:hover,.empty-state .lte-btn:hover {background: var(--main-gradient) !important; transform: none !important; box-shadow: none !important; color: var(--white) !important;} .filter-group .lte-btn.btn-outline:hover {background: transparent !important; border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; transform: none !important; box-shadow: none !important;} .filter-group .lte-btn:hover::before,.filter-group .lte-btn:hover::after,.filters-section .lte-btn:hover::before,.filters-section .lte-btn:hover::after,.empty-state .lte-btn:hover::before,.empty-state .lte-btn:hover::after,.filter-group .lte-btn.btn-outline:hover::before,.filter-group .lte-btn.btn-outline:hover::after {width: 0 !important;} .search-group input {padding: 12px 15px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: 10px; font-size: 1rem; font-family: var(--font-main); transition: all .3s ease; width: 100%; box-sizing: border-box;} .search-group input:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .users-table-container {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08)); overflow-x: auto;} .empty-state {text-align: center; padding: 60px 20px; color: var(--ds-text-heading, var(--black));} .empty-state i {font-size: 4rem; color: var(--gray-border); margin-bottom: 20px;} .empty-state h3 {font-size: 1.5rem; margin-bottom: 10px; color: var(--ds-text-heading, var(--black));} .empty-state p {color: rgba(29,41,57,.7); margin-bottom: 20px;} .admin-table {width: 100%; border-collapse: collapse;} .admin-table thead {background: var(--gray);} .admin-table th {padding: 16px; text-align: left; font-weight: 600; color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border)); font-size: .95rem;} .admin-table td {padding: 16px; border-bottom: 1px solid var(--gray-border); vertical-align: middle;} .type-badge {padding: 6px 14px; border-radius: 20px; font-size: .85rem; font-weight: 600; display: inline-block;} .type-badge.admin {background: rgba(0,95,154,.1); color: var(--brand-primary);} .type-badge.branch_content_manager {background: rgba(248,188,38,.1); color: var(--yellow);} .status-badge {padding: 6px 14px; border-radius: 20px; font-size: .85rem; font-weight: 600; display: inline-block;} .status-badge.active {background: rgba(91,155,55,.1); color: var(--green);} .status-badge.inactive {background: rgba(211,47,47,.1); color: var(--red);} .table-actions {display: flex; gap: 8px; align-items: center;} .action-btn {width: 36px; height: 36px; border: none; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: .9rem; transition: all .3s ease;} .action-btn.edit {background: rgba(0,95,154,.1); color: var(--brand-primary);} .action-btn.delete {background: rgba(211,47,47,.1); color: var(--red);} .modal-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 20px;} .modal-content {background: var(--ds-surface, var(--white)); border-radius: 20px; width: 100%; max-width: 700px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,.3);} .modal-header {display: flex; justify-content: space-between; align-items: center; padding: 24px 30px; border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .modal-header h2 {font-size: 1.8rem; color: var(--ds-text-heading, var(--black));} .modal-close {background: none; border: none; font-size: 1.5rem; color: rgba(29,41,57,.5); cursor: pointer; transition: color .3s ease;} .modal-form {padding: 30px;} .form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;} .form-group {display: flex; flex-direction: column; gap: 8px;} .form-group label {font-weight: 600; color: var(--ds-text-heading, var(--black)); font-size: .95rem;} .form-group input,.form-group select,.form-group textarea {padding: 12px 15px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: 10px; font-size: 1rem; font-family: var(--font-main); transition: all .3s ease; width: 100%; box-sizing: border-box;} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .checkbox-label {display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 500; color: var(--ds-text-heading, var(--black)); font-size: 1rem;} .checkbox-label input[type="checkbox"] {width: 20px; height: 20px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: 6px; appearance: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease;} .checkbox-label input[type="checkbox"]:checked {background: var(--brand-primary); border-color: var(--ds-brand-500, var(--brand-primary));} .checkbox-label input[type="checkbox"]:checked::before {content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .9rem; color: var(--white);} .modal-actions {display: flex; justify-content: flex-end; gap: 15px; margin-top: 30px; padding-top: 20px; border-top: 2px solid var(--gray-border);} .lte-btn {display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--main-gradient); color: var(--white); border-radius: 10px; cursor: pointer; font-weight: 600; transition: all .3s ease; border: none; font-family: var(--font-main); font-size: 1rem;} @media (max-width: 768px) {* {box-sizing: border-box;} .admin-users {padding: 15px 10px !important; max-width: 100% !important; width: 100% !important; margin: 0 auto; box-sizing: border-box;} .filters-section {padding: 16px 12px !important; margin-top: 10px !important; margin-bottom: 16px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; overflow: hidden;} .filters-grid {grid-template-columns: 1fr !important; grid-auto-columns: 1fr !important; grid-auto-flow: row !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; display: grid !important; justify-content: stretch !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important;} .filter-group {width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; grid-column: 1 / -1 !important;} .filter-group-button {width: 100% !important; max-width: 100% !important; grid-column: 1 / -1 !important;} .search-group {width: 100% !important; max-width: 100% !important; grid-column: 1 / -1 !important; grid-row: auto !important;} .filter-group input,.filter-group select {width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; padding: 14px 12px; font-size: 1rem; min-height: 48px;} .filter-group label {width: 100% !important; max-width: 100% !important; font-size: .9rem; margin-bottom: 6px;} .filter-group .lte-btn {width: 100% !important; max-width: 100% !important; padding: 14px 20px; font-size: 1rem; min-height: 48px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;} .users-table-container {padding: 12px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; border-radius: 12px; width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin-top: 16px !important;} .admin-table {min-width: 900px; font-size: .85rem; width: 100%;} .admin-table th,.admin-table td {padding: 12px 8px; font-size: .85rem;} .modal-content {max-width: 95vw; margin: 10px; max-height: 95vh;} .modal-form {padding: 20px;} .form-row {grid-template-columns: 1fr; gap: 16px;}} .admin-layout,.admin-login-page {font-family: var(--ds-font-sans, inherit); color: var(--ds-text, var(--black));} .admin-content .filters-section,.admin-content .products-table-container,.admin-content .blogs-table-container,.admin-content .messages-table-container,.admin-content .users-table-container,.admin-content .categories-table-container,.admin-content .partners-table-container,.admin-content .branches-table-container,.admin-content .content-card,.admin-content .dashboard-quick-actions,.admin-content .stat-card {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-md, 12px); box-shadow: var(--ds-shadow-sm, 0 1px 3px rgba(13, 23, 38, .08));} .admin-content .admin-table {width: 100%; border-collapse: collapse;} .admin-content .admin-table thead {background: var(--ds-surface-muted, var(--gray));} .admin-content .admin-table th {padding: var(--ds-space-4, 16px); text-align: left; font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .admin-content .admin-table td {padding: var(--ds-space-4, 16px); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text, var(--black)); border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .form-group,.admin-login-form .form-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .form-group label,.admin-login-form .form-group label {font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black));} .admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea,.admin-login-form .form-group input,.admin-content .filter-group input,.admin-content .filter-group select {font-family: var(--ds-font-sans, inherit); font-size: var(--ds-text-base, 1rem); color: var(--ds-text, var(--black)); background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); padding: var(--ds-space-3, 12px) var(--ds-space-4, 16px); transition: border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease);} .admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus,.admin-login-form .form-group input:focus,.admin-content .filter-group input:focus,.admin-content .filter-group select:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .admin-content .form-group input:disabled,.admin-login-form .form-group input:disabled {opacity: .6; cursor: not-allowed; background: var(--ds-surface-muted, var(--gray));} .admin-content .filter-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .filters-grid {gap: var(--ds-space-4, 16px);} .admin-content .empty-state {color: var(--ds-text-muted, rgba(29, 41, 57, .7)); padding: var(--ds-space-12, 48px) var(--ds-space-6, 24px); text-align: center;} .admin-content .admin-loading {color: var(--ds-text, var(--black));} .admin-content .admin-loading h2 {color: var(--ds-brand-600, var(--brand-primary));} .admin-content .admin-loading p {color: var(--ds-text-muted, rgba(29, 41, 57, .7));} .admin-content .modal-overlay {background: rgba(13,23,38,.55); backdrop-filter: blur(2px);} .admin-content .modal-content {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-lg, 18px); box-shadow: var(--ds-shadow-xl, 0 30px 64px rgba(13, 23, 38, .16));} .admin-content .modal-header {border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .modal-header h2 {color: var(--ds-text-heading, var(--black)); font-size: var(--ds-text-xl, 1.375rem);} .admin-content .status-badge {border-radius: var(--ds-radius-pill, 999px); font-size: var(--ds-text-xs, .8125rem); font-weight: var(--ds-weight-semibold, 600); padding: var(--ds-space-1, 4px) var(--ds-space-3, 12px);} .admin-content .lte-btn:focus-visible,.admin-login-form .lte-btn:focus-visible {outline: 2px solid var(--ds-brand-500, var(--brand-primary)); outline-offset: 2px;} .admin-branches {padding: 40px 50px; max-width: 1400px; margin: 0 auto;} .admin-loading {text-align: center; padding: 80px 20px; margin-top: 40px; font-size: 1.2rem; color: var(--ds-text-heading, var(--black)); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px;} .admin-loading h2 {margin-top: 30px; margin-bottom: 10px; font-size: 1.5rem; color: var(--brand-primary); font-weight: 600;} .admin-loading p {color: rgba(29,41,57,.7); font-size: 1rem;} .loading-spinner {display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 20px;} .spinner-ring {width: 12px; height: 12px; border-radius: 50%; background: var(--main-gradient); animation: loading-bounce 1.4s infinite ease-in-out both;} .spinner-ring:nth-child(1) {animation-delay: -.32s;} .spinner-ring:nth-child(2) {animation-delay: -.16s;} .spinner-ring:nth-child(3) {animation-delay: 0s;} @keyframes loading-bounce {0%,80%,100% {transform: scale(0); opacity: .5;} 40% {transform: scale(1); opacity: 1;}} .filters-section {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; margin-top: 20px; margin-bottom: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .filters-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 16px; align-items: end; width: 100%;} .filter-group {display: flex; flex-direction: column; gap: 8px; min-height: fit-content;} .filter-group-button {min-height: auto; justify-content: flex-end;} .filter-group-button label {display: none;} .filter-group .lte-btn {min-width: auto; padding: 10px 20px; width: 100%; display: block; visibility: visible; opacity: 1;} .lte-btn.btn-outline {background: transparent !important; border: 2px solid var(--brand-primary) !important; color: var(--brand-primary) !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 1; min-width: auto !important;} .lte-btn.btn-outline i {font-size: 1rem; margin: 0;} .filter-group .lte-btn:hover,.filters-section .lte-btn:hover,.empty-state .lte-btn:hover {background: var(--main-gradient) !important; transform: none !important; box-shadow: none !important; color: var(--white) !important;} .filter-group .lte-btn.btn-outline:hover {background: transparent !important; border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; transform: none !important; box-shadow: none !important;} .filter-group .lte-btn:hover::before,.filter-group .lte-btn:hover::after,.filters-section .lte-btn:hover::before,.filters-section .lte-btn:hover::after,.empty-state .lte-btn:hover::before,.empty-state .lte-btn:hover::after,.filter-group .lte-btn.btn-outline:hover::before,.filter-group .lte-btn.btn-outline:hover::after {width: 0 !important;} .search-group input {padding: 12px 15px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: 10px; font-size: 1rem; font-family: var(--font-main); transition: all .3s ease; width: 100%; box-sizing: border-box;} .search-group input:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .branches-table-container {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08)); overflow-x: auto;} .empty-state {text-align: center; padding: 60px 20px; color: var(--ds-text-heading, var(--black));} .empty-state i {font-size: 4rem; color: var(--gray-border); margin-bottom: 20px;} .empty-state h3 {font-size: 1.5rem; margin-bottom: 10px; color: var(--ds-text-heading, var(--black));} .empty-state p {color: rgba(29,41,57,.7); margin-bottom: 20px;} .admin-table {width: 100%; border-collapse: collapse;} .admin-table thead {background: var(--gray);} .admin-table th {padding: 16px; text-align: left; font-weight: 600; color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border)); font-size: .95rem;} .admin-table td {padding: 16px; border-bottom: 1px solid var(--gray-border); vertical-align: middle;} .status-badge {padding: 6px 14px; border-radius: 20px; font-size: .85rem; font-weight: 600; display: inline-block;} .status-badge.active {background: rgba(91,155,55,.1); color: var(--green);} .status-badge.inactive {background: rgba(211,47,47,.1); color: var(--red);} .table-actions {display: flex; gap: 8px; align-items: center;} .action-btn {width: 36px; height: 36px; border: none; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: .9rem; transition: all .3s ease;} .action-btn.edit {background: rgba(0,95,154,.1); color: var(--brand-primary);} .action-btn.delete {background: rgba(211,47,47,.1); color: var(--red);} .modal-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 20px;} .modal-content {background: var(--ds-surface, var(--white)); border-radius: 20px; width: 100%; max-width: 700px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,.3);} .modal-header {display: flex; justify-content: space-between; align-items: center; padding: 24px 30px; border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .modal-header h2 {font-size: 1.8rem; color: var(--ds-text-heading, var(--black));} .modal-close {background: none; border: none; font-size: 1.5rem; color: rgba(29,41,57,.5); cursor: pointer; transition: color .3s ease;} .modal-form {padding: 30px;} .form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;} .form-group {display: flex; flex-direction: column; gap: 8px;} .form-group label {font-weight: 600; color: var(--ds-text-heading, var(--black)); font-size: .95rem;} .form-group input,.form-group select,.form-group textarea {padding: 12px 15px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: 10px; font-size: 1rem; font-family: var(--font-main); transition: all .3s ease; width: 100%; box-sizing: border-box;} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .checkbox-label {display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 500; color: var(--ds-text-heading, var(--black)); font-size: 1rem;} .checkbox-label input[type="checkbox"] {width: 20px; height: 20px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: 6px; appearance: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease;} .checkbox-label input[type="checkbox"]:checked {background: var(--brand-primary); border-color: var(--ds-brand-500, var(--brand-primary));} .checkbox-label input[type="checkbox"]:checked::before {content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .9rem; color: var(--white);} .modal-actions {display: flex; justify-content: flex-end; gap: 15px; margin-top: 30px; padding-top: 20px; border-top: 2px solid var(--gray-border);} .lte-btn {display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--main-gradient); color: var(--white); border-radius: 10px; cursor: pointer; font-weight: 600; transition: all .3s ease; border: none; font-family: var(--font-main); font-size: 1rem;} @media (max-width: 768px) {* {box-sizing: border-box;} .admin-branches {padding: 15px 10px !important; max-width: 100% !important; width: 100% !important; margin: 0 auto; box-sizing: border-box;} .filters-section {padding: 16px 12px !important; margin-top: 10px !important; margin-bottom: 16px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; overflow: hidden;} .filters-grid {grid-template-columns: 1fr !important; grid-auto-columns: 1fr !important; grid-auto-flow: row !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; display: grid !important; justify-content: stretch !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important;} .filter-group {width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; grid-column: 1 / -1 !important;} .filter-group-button {width: 100% !important; max-width: 100% !important; grid-column: 1 / -1 !important;} .search-group {width: 100% !important; max-width: 100% !important; grid-column: 1 / -1 !important; grid-row: auto !important;} .filter-group input,.filter-group select {width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; padding: 14px 12px; font-size: 1rem; min-height: 48px;} .filter-group label {width: 100% !important; max-width: 100% !important; font-size: .9rem; margin-bottom: 6px;} .filter-group .lte-btn {width: 100% !important; max-width: 100% !important; padding: 14px 20px; font-size: 1rem; min-height: 48px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;} .branches-table-container {padding: 12px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; border-radius: 12px; width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin-top: 16px !important;} .admin-table {min-width: 700px; font-size: .85rem; width: 100%;} .admin-table th,.admin-table td {padding: 12px 8px; font-size: .85rem;} .modal-content {max-width: 95vw; margin: 10px; max-height: 95vh;} .modal-form {padding: 20px;} .form-row {grid-template-columns: 1fr; gap: 16px;}} .admin-layout,.admin-login-page {font-family: var(--ds-font-sans, inherit); color: var(--ds-text, var(--black));} .admin-content .filters-section,.admin-content .products-table-container,.admin-content .blogs-table-container,.admin-content .messages-table-container,.admin-content .users-table-container,.admin-content .categories-table-container,.admin-content .partners-table-container,.admin-content .branches-table-container,.admin-content .content-card,.admin-content .dashboard-quick-actions,.admin-content .stat-card {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-md, 12px); box-shadow: var(--ds-shadow-sm, 0 1px 3px rgba(13, 23, 38, .08));} .admin-content .admin-table {width: 100%; border-collapse: collapse;} .admin-content .admin-table thead {background: var(--ds-surface-muted, var(--gray));} .admin-content .admin-table th {padding: var(--ds-space-4, 16px); text-align: left; font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .admin-content .admin-table td {padding: var(--ds-space-4, 16px); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text, var(--black)); border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .form-group,.admin-login-form .form-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .form-group label,.admin-login-form .form-group label {font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black));} .admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea,.admin-login-form .form-group input,.admin-content .filter-group input,.admin-content .filter-group select {font-family: var(--ds-font-sans, inherit); font-size: var(--ds-text-base, 1rem); color: var(--ds-text, var(--black)); background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); padding: var(--ds-space-3, 12px) var(--ds-space-4, 16px); transition: border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease);} .admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus,.admin-login-form .form-group input:focus,.admin-content .filter-group input:focus,.admin-content .filter-group select:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .admin-content .form-group input:disabled,.admin-login-form .form-group input:disabled {opacity: .6; cursor: not-allowed; background: var(--ds-surface-muted, var(--gray));} .admin-content .filter-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .filters-grid {gap: var(--ds-space-4, 16px);} .admin-content .empty-state {color: var(--ds-text-muted, rgba(29, 41, 57, .7)); padding: var(--ds-space-12, 48px) var(--ds-space-6, 24px); text-align: center;} .admin-content .admin-loading {color: var(--ds-text, var(--black));} .admin-content .admin-loading h2 {color: var(--ds-brand-600, var(--brand-primary));} .admin-content .admin-loading p {color: var(--ds-text-muted, rgba(29, 41, 57, .7));} .admin-content .modal-overlay {background: rgba(13,23,38,.55); backdrop-filter: blur(2px);} .admin-content .modal-content {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-lg, 18px); box-shadow: var(--ds-shadow-xl, 0 30px 64px rgba(13, 23, 38, .16));} .admin-content .modal-header {border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .modal-header h2 {color: var(--ds-text-heading, var(--black)); font-size: var(--ds-text-xl, 1.375rem);} .admin-content .status-badge {border-radius: var(--ds-radius-pill, 999px); font-size: var(--ds-text-xs, .8125rem); font-weight: var(--ds-weight-semibold, 600); padding: var(--ds-space-1, 4px) var(--ds-space-3, 12px);} .admin-content .lte-btn:focus-visible,.admin-login-form .lte-btn:focus-visible {outline: 2px solid var(--ds-brand-500, var(--brand-primary)); outline-offset: 2px;} .admin-social-media {padding: 40px 50px; max-width: 900px; margin: 0 auto;} .social-media-header {margin-bottom: 24px;} .social-media-header h1 {font-size: 2rem; color: var(--ds-text-heading, var(--black)); margin-bottom: 8px;} .social-media-header p {color: rgba(29,41,57,.7); margin: 0;} .filters-section {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; margin-bottom: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .filters-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px;} .filter-group {display: flex; flex-direction: column; gap: 8px;} .filter-group label {font-weight: 600; color: var(--ds-text-heading, var(--black));} .filter-group select,.form-group input {width: 100%; padding: 12px 14px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); font-size: 1rem; background: var(--ds-surface, var(--white));} .social-links-panel {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .social-links-list {display: flex; flex-direction: column; gap: 20px;} .social-link-row {display: flex; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .social-link-row:last-child {border-bottom: none; padding-bottom: 0;} .social-link-icon {width: 48px; height: 48px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: rgba(29,41,57,.92); border-radius: var(--ds-radius-sm, 8px); color: var(--white); font-size: 1.1rem;} .social-link-fields {flex: 1; min-width: 0;} .social-link-title-row {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;} .social-link-title-row h3 {margin: 0; font-size: 1.1rem; color: var(--ds-text-heading, var(--black));} .form-group {display: flex; flex-direction: column; gap: 8px;} .form-group label {font-weight: 600; color: var(--ds-text-heading, var(--black));} .checkbox-label {display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: rgba(29,41,57,.85); cursor: pointer; user-select: none;} .checkbox-label input[type="checkbox"] {width: 18px; height: 18px; accent-color: var(--brand-primary, var(--main));} .social-links-actions {margin-top: 24px; display: flex; justify-content: flex-end;} .social-links-actions .lte-btn {min-width: 160px;} @media (max-width: 768px) {.admin-social-media {padding: 15px 10px;} .social-link-row {flex-direction: column;} .social-link-title-row {flex-direction: column; align-items: flex-start;}} .admin-layout,.admin-login-page {font-family: var(--ds-font-sans, inherit); color: var(--ds-text, var(--black));} .admin-content .filters-section,.admin-content .products-table-container,.admin-content .blogs-table-container,.admin-content .messages-table-container,.admin-content .users-table-container,.admin-content .categories-table-container,.admin-content .partners-table-container,.admin-content .branches-table-container,.admin-content .content-card,.admin-content .dashboard-quick-actions,.admin-content .stat-card {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-md, 12px); box-shadow: var(--ds-shadow-sm, 0 1px 3px rgba(13, 23, 38, .08));} .admin-content .admin-table {width: 100%; border-collapse: collapse;} .admin-content .admin-table thead {background: var(--ds-surface-muted, var(--gray));} .admin-content .admin-table th {padding: var(--ds-space-4, 16px); text-align: left; font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .admin-content .admin-table td {padding: var(--ds-space-4, 16px); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text, var(--black)); border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .form-group,.admin-login-form .form-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .form-group label,.admin-login-form .form-group label {font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black));} .admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea,.admin-login-form .form-group input,.admin-content .filter-group input,.admin-content .filter-group select {font-family: var(--ds-font-sans, inherit); font-size: var(--ds-text-base, 1rem); color: var(--ds-text, var(--black)); background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); padding: var(--ds-space-3, 12px) var(--ds-space-4, 16px); transition: border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease);} .admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus,.admin-login-form .form-group input:focus,.admin-content .filter-group input:focus,.admin-content .filter-group select:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .admin-content .form-group input:disabled,.admin-login-form .form-group input:disabled {opacity: .6; cursor: not-allowed; background: var(--ds-surface-muted, var(--gray));} .admin-content .filter-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .filters-grid {gap: var(--ds-space-4, 16px);} .admin-content .empty-state {color: var(--ds-text-muted, rgba(29, 41, 57, .7)); padding: var(--ds-space-12, 48px) var(--ds-space-6, 24px); text-align: center;} .admin-content .admin-loading {color: var(--ds-text, var(--black));} .admin-content .admin-loading h2 {color: var(--ds-brand-600, var(--brand-primary));} .admin-content .admin-loading p {color: var(--ds-text-muted, rgba(29, 41, 57, .7));} .admin-content .modal-overlay {background: rgba(13,23,38,.55); backdrop-filter: blur(2px);} .admin-content .modal-content {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-lg, 18px); box-shadow: var(--ds-shadow-xl, 0 30px 64px rgba(13, 23, 38, .16));} .admin-content .modal-header {border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .modal-header h2 {color: var(--ds-text-heading, var(--black)); font-size: var(--ds-text-xl, 1.375rem);} .admin-content .status-badge {border-radius: var(--ds-radius-pill, 999px); font-size: var(--ds-text-xs, .8125rem); font-weight: var(--ds-weight-semibold, 600); padding: var(--ds-space-1, 4px) var(--ds-space-3, 12px);} .admin-content .lte-btn:focus-visible,.admin-login-form .lte-btn:focus-visible {outline: 2px solid var(--ds-brand-500, var(--brand-primary)); outline-offset: 2px;} .admin-navigation {padding: 40px 50px; max-width: 900px; margin: 0 auto;} .navigation-header {margin-bottom: 24px;} .navigation-header h1 {font-size: 2rem; color: var(--ds-text-heading, var(--black)); margin-bottom: 8px;} .navigation-header p {color: rgba(29,41,57,.7); margin: 0;} .filters-section {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; margin-bottom: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .filters-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px;} .filter-group {display: flex; flex-direction: column; gap: 8px;} .filter-group label {font-weight: 600; color: var(--ds-text-heading, var(--black));} .filter-group select {width: 100%; padding: 12px 14px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); font-size: 1rem; background: var(--ds-surface, var(--white));} .nav-links-panel {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .nav-panel-heading {margin: 0 0 16px; font-size: 1.15rem; color: var(--ds-text-heading, var(--black));} .nav-panel-heading--spaced {margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--ds-border-strong, var(--gray-border));} .nav-links-list {display: flex; flex-direction: column; gap: 20px;} .nav-link-row {display: flex; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .nav-link-row:last-child {border-bottom: none; padding-bottom: 0;} .nav-link-icon {width: 44px; height: 44px; border-radius: var(--ds-radius-sm, 8px); background: rgba(0,86,179,.08); color: var(--ds-primary, #0056b3); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0;} .nav-link-fields {flex: 1; min-width: 0;} .nav-link-title-row {display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;} .nav-link-title-row h3 {margin: 0 0 4px; font-size: 1.1rem; color: var(--ds-text-heading, var(--black));} .nav-link-path {margin: 0; font-size: .9rem; color: rgba(29,41,57,.6);} .checkbox-label {display: flex; align-items: center; gap: 8px; font-weight: 500; white-space: nowrap; cursor: pointer;} .nav-links-actions {margin-top: 24px; display: flex; justify-content: flex-end;} .nav-panel-description {margin: -8px 0 16px; color: rgba(29,41,57,.65); font-size: .92rem;} .home-stats-list {display: flex; flex-direction: column; gap: 16px;} .home-stat-row {padding-bottom: 16px; border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .home-stat-row:last-child {border-bottom: none; padding-bottom: 0;} .home-stat-row__header {display: flex; align-items: center; gap: 10px; margin-bottom: 12px;} .home-stat-row__icon {width: 36px; height: 36px; border-radius: var(--ds-radius-sm, 8px); background: rgba(0,86,179,.08); color: var(--ds-primary, #0056b3); display: flex; align-items: center; justify-content: center;} .home-stat-fields {display: grid; grid-template-columns: 120px 90px 1fr; gap: 12px;} .home-stat-field {display: flex; flex-direction: column; gap: 6px; font-size: .85rem; font-weight: 600; color: var(--ds-text-heading, var(--black));} .home-stat-field input {width: 100%; padding: 10px 12px; border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); font-size: 1rem; font-weight: 400;} @media (max-width: 768px) {.admin-navigation {padding: 24px 16px;} .nav-link-title-row {flex-direction: column; align-items: flex-start;} .home-stat-fields {grid-template-columns: 1fr;}} .admin-layout,.admin-login-page {font-family: var(--ds-font-sans, inherit); color: var(--ds-text, var(--black));} .admin-content .filters-section,.admin-content .products-table-container,.admin-content .blogs-table-container,.admin-content .messages-table-container,.admin-content .users-table-container,.admin-content .categories-table-container,.admin-content .partners-table-container,.admin-content .branches-table-container,.admin-content .content-card,.admin-content .dashboard-quick-actions,.admin-content .stat-card {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-md, 12px); box-shadow: var(--ds-shadow-sm, 0 1px 3px rgba(13, 23, 38, .08));} .admin-content .admin-table {width: 100%; border-collapse: collapse;} .admin-content .admin-table thead {background: var(--ds-surface-muted, var(--gray));} .admin-content .admin-table th {padding: var(--ds-space-4, 16px); text-align: left; font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black)); border-bottom: 1px solid var(--ds-border-strong, var(--gray-border));} .admin-content .admin-table td {padding: var(--ds-space-4, 16px); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text, var(--black)); border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .form-group,.admin-login-form .form-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .form-group label,.admin-login-form .form-group label {font-weight: var(--ds-weight-semibold, 600); font-size: var(--ds-text-sm, .9375rem); color: var(--ds-text-heading, var(--black));} .admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea,.admin-login-form .form-group input,.admin-content .filter-group input,.admin-content .filter-group select {font-family: var(--ds-font-sans, inherit); font-size: var(--ds-text-base, 1rem); color: var(--ds-text, var(--black)); background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border-strong, var(--gray-border)); border-radius: var(--ds-radius-sm, 8px); padding: var(--ds-space-3, 12px) var(--ds-space-4, 16px); transition: border-color var(--ds-duration-fast, .18s) var(--ds-ease-out, ease),box-shadow var(--ds-duration-fast, .18s) var(--ds-ease-out, ease);} .admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus,.admin-login-form .form-group input:focus,.admin-content .filter-group input:focus,.admin-content .filter-group select:focus {outline: none; border-color: var(--ds-brand-500, var(--brand-primary)); box-shadow: var(--ds-ring, 0 0 0 3px rgba(36, 120, 181, .45));} .admin-content .form-group input:disabled,.admin-login-form .form-group input:disabled {opacity: .6; cursor: not-allowed; background: var(--ds-surface-muted, var(--gray));} .admin-content .filter-group {display: flex; flex-direction: column; gap: var(--ds-space-2, 8px);} .admin-content .filters-grid {gap: var(--ds-space-4, 16px);} .admin-content .empty-state {color: var(--ds-text-muted, rgba(29, 41, 57, .7)); padding: var(--ds-space-12, 48px) var(--ds-space-6, 24px); text-align: center;} .admin-content .admin-loading {color: var(--ds-text, var(--black));} .admin-content .admin-loading h2 {color: var(--ds-brand-600, var(--brand-primary));} .admin-content .admin-loading p {color: var(--ds-text-muted, rgba(29, 41, 57, .7));} .admin-content .modal-overlay {background: rgba(13,23,38,.55); backdrop-filter: blur(2px);} .admin-content .modal-content {background: var(--ds-surface, var(--white)); border: 1px solid var(--ds-border, var(--gray-border)); border-radius: var(--ds-radius-lg, 18px); box-shadow: var(--ds-shadow-xl, 0 30px 64px rgba(13, 23, 38, .16));} .admin-content .modal-header {border-bottom: 1px solid var(--ds-border, var(--gray-border));} .admin-content .modal-header h2 {color: var(--ds-text-heading, var(--black)); font-size: var(--ds-text-xl, 1.375rem);} .admin-content .status-badge {border-radius: var(--ds-radius-pill, 999px); font-size: var(--ds-text-xs, .8125rem); font-weight: var(--ds-weight-semibold, 600); padding: var(--ds-space-1, 4px) var(--ds-space-3, 12px);} .admin-content .lte-btn:focus-visible,.admin-login-form .lte-btn:focus-visible {outline: 2px solid var(--ds-brand-500, var(--brand-primary)); outline-offset: 2px;} .admin-faqs {padding: 40px 50px; max-width: 1400px; margin: 0 auto;} .faqs-admin-header {display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 8px;} .faqs-admin-header h1 {margin: 0 0 8px; font-size: 1.75rem; color: var(--ds-text-heading, var(--black));} .faqs-admin-header p {margin: 0; color: var(--ds-text-muted, #667085);} .filters-section {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; margin-top: 20px; margin-bottom: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08));} .filters-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 16px; align-items: end;} .filter-group {display: flex; flex-direction: column; gap: 8px;} .filter-group label {font-size: .85rem; font-weight: 600; color: var(--ds-text-heading, var(--black));} .filter-group input,.filter-group select {padding: 10px 12px; border: 1px solid var(--ds-border, #e4e7ec); border-radius: 8px; font: inherit;} .filter-group-button {min-height: auto; justify-content: flex-end;} .filter-group-button label {display: none;} .faqs-table-container {background: var(--ds-surface, var(--white)); border-radius: var(--ds-radius-md, 16px); padding: 24px; box-shadow: var(--ds-shadow-sm, 0 4px 20px rgba(0, 0, 0, .08)); overflow-x: auto;} .faq-question-cell {max-width: 420px;} .faq-question-cell strong {display: block; margin-bottom: 4px; color: var(--ds-text-heading, var(--black));} .faq-answer-preview {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .85rem; color: var(--ds-text-muted, #667085);} .order-controls {display: flex; align-items: center; gap: 6px;} .order-value {min-width: 1.5rem; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums;} .category-badge {display: inline-flex; padding: 4px 10px; border-radius: 999px; font-size: .75rem; font-weight: 600; white-space: nowrap;} .category-badge--mirai_shoulder {background: rgba(0,95,154,.1); color: var(--brand-primary, #005f9a);} .category-badge--osteosynt {background: rgba(91,155,55,.12); color: #3d7a1f;} .category-badge--orthosintex {background: rgba(45,173,213,.12); color: #0a6e8f;} .form-hint {font-size: .8rem; font-weight: 400; color: var(--ds-text-muted, #667085);} .status-badge.published {background: rgba(91,155,55,.1); color: var(--green, #5b9b37);} .status-badge.draft {background: rgba(248,188,38,.1); color: var(--yellow, #c9a227);} .empty-state {text-align: center; padding: 48px 24px; color: var(--ds-text-muted, #667085);} .empty-state i {font-size: 2.5rem; margin-bottom: 16px; color: var(--brand-primary, #005f9a); opacity: .5;} .empty-state h3 {margin: 0 0 8px; color: var(--ds-text-heading, var(--black));} .lte-btn.btn-outline {background: transparent !important; border: 2px solid var(--brand-primary) !important; color: var(--brand-primary) !important; display: flex !important; align-items: center; justify-content: center; gap: 8px;} .modal-overlay {position: fixed; inset: 0; background: rgba(13,23,38,.45); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 24px;} .modal-content {background: var(--ds-surface, #fff); border-radius: 16px; width: min(640px,100%); max-height: 90vh; overflow-y: auto; box-shadow: 0 24px 64px rgba(13,23,38,.2);} .modal-header {display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--ds-border, #e4e7ec);} .modal-header h2 {margin: 0; font-size: 1.25rem;} .modal-close {border: none; background: transparent; cursor: pointer; font-size: 1.1rem; color: var(--ds-text-muted, #667085);} .modal-form {padding: 24px; display: flex; flex-direction: column; gap: 16px;} .modal-form .form-group {display: flex; flex-direction: column; gap: 8px;} .modal-form label {font-size: .85rem; font-weight: 600;} .modal-form input,.modal-form select,.modal-form textarea {padding: 10px 12px; border: 1px solid var(--ds-border, #e4e7ec); border-radius: 8px; font: inherit;} .modal-form .form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .checkbox-label {display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; cursor: pointer;} .modal-actions {display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px;} @media (max-width: 768px) {.admin-faqs {padding: 24px 16px;} .faqs-admin-header {flex-direction: column;} .modal-form .form-row {grid-template-columns: 1fr;}}]{}
