@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}ul{list-style-type:none}.homepage{background:#cfcdcd;height:100vh;overflow-y:scroll;width:100%}header{background-color:#fff;box-shadow:0 0 2px 0 #00000040;left:0;position:fixed;top:0;width:100%;z-index:50}header .header-c{margin:auto;width:95%}header .header-c .header-cc{align-items:center;display:flex;height:10vh;justify-content:space-between}header .header-c .header-cc .header-left{align-items:center;display:flex;gap:10px;height:100%;justify-content:space-between}header .header-c .header-cc .header-left .logo{align-items:end;background-color:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:23px;font-weight:500;height:30px;justify-content:center;width:30px}header .header-c .header-cc .header-left .h-search{align-items:center;background-color:#eeecec;border-radius:15px;display:flex;gap:6px;height:35px;justify-content:space-between;padding:0 10px;position:relative}header .header-c .header-cc .header-left .h-search .search-icon{color:#555;height:15px;width:15px}header .header-c .header-cc .header-left .h-search input{background:transparent;border:none;outline:none}header .header-c .header-cc nav{display:none}@media (min-width:768px){header .header-c .header-cc nav{align-items:flex-end;display:flex;gap:5px;height:100%}}header .header-c .header-cc nav button{background-color:initial;border:none;border-bottom:4px solid transparent;cursor:pointer;padding:9px 20px}header .header-c .header-cc nav .active{border-bottom:4px solid #1877f2;color:#1877f2}header .header-c .header-cc .header-right{align-items:center;display:flex;gap:15px;height:100%;justify-content:space-between}header .header-c .header-cc .header-right button{align-items:center;background-color:#eeecec;border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}header .header-c .header-cc .header-right button .hr-i{height:15px;width:15px}header .header-c .header-cc .header-right .prof{align-items:center;background-color:#1877f2;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:35px;justify-content:center;width:35px}.main-content{margin:20px auto auto;padding:100px 0 30px;width:95%}.main-content .main-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:1024px){.main-content .main-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.main-content .main-grid aside{display:none}@media (min-width:1024px){.main-content .main-grid aside{display:block;grid-column:span 3/span 3}}.main-content .main-grid aside .sidebar{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.main-content .main-grid aside .sidebar .side-flex{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px}.main-content .main-grid aside .sidebar .side-flex:hover{background-color:#eeecec;border-radius:12px}.main-content .main-grid aside .sidebar .side-flex div{align-items:center;background-color:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:500;height:30px;justify-content:center;width:30px}.main-content .main-grid aside .sidebar .side-flex .side-i{color:#1877f2;height:30px;width:30px}.main-content .main-grid aside .sidebar .side-flex .cyan{color:#11f5f5}.main-content .main-grid aside .sidebar .side-flex span{color:#555}.main-content .main-grid main{grid-column:span 6/span 6}.main-content .main-grid main .main-main{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.main-content .main-grid main{-ms-overflow-style:none;height:100vh;overflow:scroll;scrollbar-width:none}.main-content .main-grid main::-webkit-scrollbar{display:none}.main-content .main-grid main .main-main .main-search{align-items:center;display:flex;gap:10px;margin-bottom:20px}.main-content .main-grid main .main-main .main-search div{align-items:center;background-color:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:500;height:40px;justify-content:center;width:40px}.main-content .main-grid main .main-main .main-search input{background-color:#f3f4f6;border:none;border-radius:9999px;flex:1 1;outline:none;padding:.7rem 1rem;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-in-out}.main-content .main-grid main .main-main .main-search input:hover{background-color:#e5e7eb}.main-content .main-grid main .main-main .main-search input:focus{outline:none}.main-content .main-grid .main-main .main-below{border-top:1px solid #e5e7eb;padding-top:.75rem}.main-content .main-grid .main-main .main-below,.main-content .main-grid .main-main .main-below .mb-flex{align-items:center;display:flex;justify-content:space-between}.main-content .main-grid .main-main .main-below .mb-flex button{align-items:center;background-color:initial;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-in-out}.main-content .main-grid .main-main .main-below .mb-flex button:hover{background-color:#f3f4f6}.main-content .main-grid .main-main .main-below .mb-flex button .bb-i{height:30px;width:30px}.main-content .main-grid .main-main .main-below .mb-flex span{color:#555;font-size:16px;font-weight:500}.main-content .main-grid .main-main .post-btn{background-color:#2563eb;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-in-out}.main-content .main-grid .post-btn:hover{background-color:#1d4ed8}.main-content .main-grid .post{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.main-content .main-grid .post .post-header{padding:10px 0}.main-content .main-grid .post .post-header .ph-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.main-content .main-grid .post .post-header .ph-flex .ph-content{align-items:center;display:flex;gap:12px}.main-content .main-grid .post .post-header .ph-flex .ph-content .avatar{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:500;height:40px;justify-content:center;width:40px}.main-content .main-grid .post .post-header .ph-flex h3{font-size:16px}.main-content .main-grid .post .post-header .ph-flex .post-time{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:10px}.main-content .main-grid .post .post-header .ph-flex .globe{height:15px;width:15px}.main-content .main-grid .post .post-header button{background-color:initial;border:none;color:#6b7280;cursor:pointer}.main-content .main-grid .post .post-content{color:#555;margin-bottom:15px}.main-content .main-grid .post .post-image{align-items:center;background-color:#ccc;border-radius:10px;display:flex;justify-content:center;margin-bottom:10px}.main-content .main-grid .post .post-image img{aspect-ratio:1/1;border-radius:10px;object-fit:cover;width:100%}.main-content .main-grid .post .post-stat{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding-bottom:.7rem;padding-top:.7rem}.main-content .main-grid .post .post-stat .post-stat-c{align-items:center;display:flex;gap:10px}.main-content .main-grid .post .post-stat .post-stat-c .thumbs{align-items:center;background:#2563eb;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.main-content .main-grid .post .post-stat .post-stat-c .thumbs .thumbs-i{color:#fff;height:14px;width:14px}.main-content .main-grid .post-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:20px}.main-content .main-grid .post-actions button{align-items:center;background-color:initial;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;height:auto;justify-content:center;padding:6px 0;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-in-out}.main-content .main-grid .post-actions button:hover{background-color:#f3f4f6}.main-content .main-grid .right-sidebar{display:none}@media (min-width:1024px){.main-content .main-grid .right-sidebar{display:block;grid-column:span 3/span 3}}.main-content .main-grid .right-sidebar .rs-c{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px}.main-content .main-grid .right-sidebar .rs-c h3{color:#555;font-weight:500;margin-bottom:15px}.main-content .main-grid .right-sidebar .rs-c .rs-cc{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px}.main-content .main-grid .right-sidebar .rs-c .rs-cc:hover{background-color:#f3f4f6}.main-content .main-grid .right-sidebar .rs-c .rs-cc .grade{align-items:center;background:linear-gradient(to bottom right,#8b5cf6,#db2777);border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:2.25rem;justify-content:center;width:2.25rem}.main-content .main-grid .right-sidebar .rs-c .rs-cc .abs{background-color:#22c55e;border:2px solid #fff;border-radius:9999px;bottom:0;height:.75rem;position:absolute;right:0;width:.75rem}.product-container{background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;max-width:1400px;min-height:600px;overflow:hidden}.product-sidebar{background:linear-gradient(180deg,#2d3748,#1a202c);overflow-y:auto;padding:30px 20px;width:320px}.product-sidebar h2{color:#fff;font-size:24px;font-weight:600;letter-spacing:.5px;margin-bottom:30px}.product-category{margin-bottom:25px}.category-header{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.category-header:hover{background:hsla(0,0%,100%,.15);-webkit-transform:translateX(5px);transform:translateX(5px)}.category-icon{font-size:15px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.category-icon.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.products-list{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.products-list.open{max-height:500px;padding-top:10px}.product-item{background:hsla(0,0%,100%,.05);border-left:3px solid transparent;border-radius:8px;color:#cbd5e0;cursor:pointer;margin:8px 0;padding:10px 12px;transition:all .3s ease}.product-item:hover{background:hsla(0,0%,100%,.1);color:#fff;-webkit-transform:translateX(8px);transform:translateX(8px)}.product-item.selected{background:linear-gradient(135deg,#667eea,#2563eb);border-left:3px solid #fff;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;font-weight:500}.main-content{flex:1 1;height:90vh;overflow-y:scroll;padding:50px}.product-display{-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.product-header{margin-bottom:30px}.product-title{color:#2d3748;font-size:36px;font-weight:700;margin-bottom:10px}.product-category-tag{background:linear-gradient(135deg,#667eea,#1877f2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px}.product-images{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.product-image{border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer;height:280px;object-fit:cover;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:100%}.product-image:hover{box-shadow:0 15px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}.product-info{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:15px;margin-top:30px;padding:30px}.info-section{margin-bottom:25px}.info-title{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:12px}.info-content{color:#4a5568;font-size:16px;line-height:1.8}.price-section{align-items:center;display:flex;gap:20px;margin-top:30px}.product-price{color:#667eea;font-size:42px;font-weight:700}.buy-button{background:linear-gradient(135deg,#667eea,#1877f2);border:none;border-radius:30px;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.buy-button:hover{box-shadow:0 6px 20px rgba(102,126,234,.6);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.features-list{list-style:none;padding:0}.features-list li{color:#4a5568;padding:10px 0 10px 30px;position:relative}.features-list li:before{color:#667eea;content:"✓";font-size:20px;font-weight:700;left:0;position:absolute}.placeholder{color:#a0aec0;padding:100px 20px;text-align:center}.placeholder h2{font-size:32px;margin-bottom:15px}@media (max-width:968px){.product-container{flex-direction:column}.product-sidebar{width:100%}.main-content{padding:30px 20px}}.service-header{background-color:#fff;border-bottom:1px solid #e3e6ea;box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05);padding:15px 25px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.serv-header{align-items:center;display:flex;justify-content:space-between;margin:auto;width:70%}.serv-header .header-home{align-items:center;display:flex;gap:10px;width:60%}.serv-header .header-home .div{align-items:center;background-color:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:500;height:37px;justify-content:center;width:37px}.serv-header .search-bar{border:1px solid #dcdfe3;border-radius:8px;flex:1 1;font-size:14px;margin-right:20px;outline:none;padding:10px 15px;transition:border-color .2s ease;width:92%}.serv-header .search-bar:focus{border-color:#007bff}.serv-header .header-buttons button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-left:10px;padding:10px 18px;transition:background-color .2s ease}.serv-header .header-buttons button:hover{background-color:#005fcc}@media (max-width:1000px){.serv-header{width:90%}.serv-header .header-home{width:100%}}@media (max-width:768px){.serv-header{width:100%}.serv-header .search-bar{margin-right:0;width:100%}}.serv-sidebar{background-color:#fff;border-right:1px solid #e3e6ea;height:calc(100vh - 60px);overflow-y:auto;padding:20px 10px;position:-webkit-sticky;position:sticky;top:60px;width:250px}.serv-sidebar ul{list-style:none;margin:0;padding:0}.serv-sidebar li{align-items:center;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 15px;transition:background-color .2s ease,color .2s ease}.serv-sidebar li:hover{background-color:#f0f4ff;color:#007bff}.serv-sidebar li.active{background:#007bff;color:#fff;font-weight:700}.serv-sidebar .icon{color:#007bff;font-size:18px}@media (max-width:768px){.serv-sidebar{display:none}}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:20px}.service-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:97%}.service-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.service-card img{height:160px;object-fit:cover;width:100%}.service-info{padding:15px}.serv-category{background-color:#f1f5ff;border-radius:6px;color:#007bff;display:inline-block;font-size:12px;font-weight:500;margin-bottom:8px;padding:4px 10px}.service-info h3{color:#333;font-size:14px;font-weight:600;margin:8px 0}.service-info p{color:#666;font-size:14px;margin:4px 0}.price{color:#007bff;font-weight:600;margin-top:8px}.book-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px;transition:background-color .2s ease;width:100%}.book-btn:hover{background-color:#005fcc}.recent-act{display:flex;justify-content:space-between}.recent-activity{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.05);padding:20px;width:45%}.recent-act .rec-img{border-radius:10px;height:200px;width:55%}.recent-activity h2{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.activity-card{align-items:center;background-color:#f9f9fb;border-radius:8px;color:#555;display:flex;font-size:14px;margin-bottom:10px;padding:12px 15px}.activity-card p{margin:0}@media (max-width:1000px){.service-grid{grid-template-columns:1fr 1fr}.service-card{margin-bottom:12px}.recent-act .rec-img{display:none}.recent-activity{width:100%}}@media (max-width:768px){.recent-activity{padding:15px}}.app{flex-direction:column}.app,.main-serv-container{display:flex}.content{flex:1 1;padding:20px}@media (max-width:768px){.main-serv-container{flex-direction:column}.serv-sidebar{display:none}.content{padding:10px}.serv-header{align-items:flex-start;flex-direction:column}}@media (max-width:400px){.service-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e45d86c0.css.map*/