html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-orange: #FF6B35;--orange-light: #FF8C5A;--orange-dark: #E55A2B;--dark-gray: #2C2C2C;--gray-medium: #4A4A4A;--gray-light: #F5F5F5;--white: #FFFFFF;--text-dark: #333333;--text-light: #666666;--font-primary: "Cairo", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--container-max-width: 1200px;--section-padding: 80px 20px}body{font-family:var(--font-primary);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1000;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.header-actions{display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:15px;text-decoration:none}.logo-image{height:60px;width:auto;object-fit:contain}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-orange),var(--orange-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:28px;font-weight:700;box-shadow:0 4px 15px #ff6b354d}.logo-text{display:flex;flex-direction:column}.logo-main{font-size:24px;font-weight:700;color:var(--dark-gray);line-height:1.2}.logo-sub{font-size:12px;color:var(--primary-orange);font-weight:500;letter-spacing:1px}.nav{display:flex;gap:30px;align-items:center}.nav a,.nav a:visited{color:var(--text-dark);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav a:hover,.nav a.active{color:var(--primary-orange)}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-orange);transition:width .3s ease}.nav a:hover:after,.nav a.active:after{width:100%}.language-switcher{display:flex;align-items:center;gap:8px;background:var(--gray-light);border:none;padding:8px 15px;border-radius:25px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.language-switcher:hover{background:var(--primary-orange);color:var(--white)}.language-switcher span{color:var(--text-light);transition:color .3s ease}.language-switcher span.active{color:var(--primary-orange)}.language-switcher:hover span,.language-switcher:hover span.active{color:var(--white)}.language-switcher .separator{color:var(--text-light)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--dark-gray);transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#e8f4f8,#d4e8f0);background-size:cover;background-position:center;padding-top:80px;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#e8f4f84d;z-index:1}.hero-content{position:relative;z-index:3;text-align:center;max-width:800px;margin:0 auto;padding:40px 20px}.hero-title{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.hero-title-main{font-size:72px;font-weight:800;color:var(--dark-gray);letter-spacing:-2px;line-height:1.1}.hero-title-sub{font-size:32px;font-weight:300;color:var(--dark-gray);letter-spacing:8px;text-transform:uppercase}.hero-description{font-size:18px;color:var(--text-light);margin-bottom:40px;line-height:1.8}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:15px 40px;font-size:16px;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease;display:inline-block;cursor:pointer;border:2px solid transparent}.btn-primary{background:var(--primary-orange);color:var(--white);box-shadow:0 4px 15px #ff6b3566}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}.btn-secondary{background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange)}.btn-secondary:hover{background:var(--primary-orange);color:var(--white)}.btn-outline{background:transparent;color:var(--dark-gray);border:2px solid var(--dark-gray)}.btn-outline:hover{background:var(--dark-gray);color:var(--white)}.btn-product{width:100%;margin-top:auto;background:linear-gradient(135deg,var(--primary-orange) 0%,#ff6b35 100%);color:#fff!important;border:none;padding:16px 32px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ff6b3559;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-transform:none;letter-spacing:.3px;text-decoration:none!important}.btn-product:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.btn-product:hover:before{left:100%}.btn-product:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b3573;background:linear-gradient(135deg,#ff6b35 0%,var(--primary-orange) 100%)}.btn-product:active{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b3566}.hero-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffc,#add8e64d);border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 -10px 20px #add8e633,inset 10px 10px 30px #fff9,0 5px 15px #0000001a;animation:floatBubble 15s infinite ease-in-out;will-change:transform;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translateY(var(--parallax-y, 0))}.bubble:nth-child(1){width:80px;height:80px;left:10%;bottom:-20px;animation-delay:0s;animation-duration:20s}.bubble:nth-child(2){width:60px;height:60px;left:20%;bottom:-20px;animation-delay:.5s;animation-duration:18s}.bubble:nth-child(3){width:100px;height:100px;left:35%;bottom:-40px;animation-delay:1s;animation-duration:22s}.bubble:nth-child(4){width:50px;height:50px;left:50%;bottom:-10px;animation-delay:1.5s;animation-duration:16s}.bubble:nth-child(5){width:70px;height:70px;left:65%;bottom:-30px;animation-delay:2s;animation-duration:19s}.bubble:nth-child(6){width:90px;height:90px;left:80%;bottom:-50px;animation-delay:2.5s;animation-duration:21s}.bubble:nth-child(7){width:55px;height:55px;left:15%;bottom:-15px;animation-delay:3s;animation-duration:17s}.bubble:nth-child(8){width:75px;height:75px;left:70%;bottom:-35px;animation-delay:3.5s;animation-duration:20s}@keyframes floatBubble{0%{transform:translateY(0) translate(0) scale(1);opacity:.6}50%{transform:translateY(-50vh) translate(30px) scale(1);opacity:.8}to{transform:translateY(-100vh) translate(60px) scale(1);opacity:0}}.bubble{animation-play-state:running!important}.hero-vector{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:flex-end;width:100%;pointer-events:none}.hero-vector-image{width:100%;max-width:100%;height:auto;display:block;object-fit:cover}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;text-align:center;color:var(--text-light);font-size:14px}.scroll-arrow{width:2px;height:30px;background:var(--primary-orange);margin:10px auto;animation:scrollDown 2s infinite}@keyframes scrollDown{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.5}}section{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;color:var(--dark-gray);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;position:relative;padding:0 20px}.section-tag:before,.section-tag:after{content:"|";position:absolute;color:var(--dark-gray)}.section-tag:before{left:0}.section-tag:after{right:0}.section-title{font-size:42px;font-weight:700;color:var(--dark-gray);margin-bottom:20px}.features{background:linear-gradient(to bottom,var(--white),var(--gray-light))}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:15px}}.feature-card{background:var(--white);padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 5px 20px #00000014;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #ff6b3533}.feature-icon{font-size:48px;font-weight:400;margin-bottom:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--primary-orange)}.feature-icon svg{width:48px;height:48px}.feature-card h3{font-size:24px;color:var(--dark-gray);margin-bottom:15px}.feature-value{font-size:32px;font-weight:700;color:var(--primary-orange);margin-bottom:15px}@media(max-width:768px){.feature-card{padding:25px 15px}.feature-icon{font-size:36px;margin-bottom:15px}.feature-icon svg{width:36px;height:36px}.feature-card h3{font-size:18px;margin-bottom:12px}.feature-desc{font-size:14px;line-height:1.5}}.feature-desc{color:var(--text-light);line-height:1.6}.products{background:var(--white)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:50px}.product-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #ff6b354d}.product-badge{position:absolute;top:20px;right:20px;background:var(--primary-orange);color:var(--white);padding:8px 15px;border-radius:20px;font-size:12px;font-weight:600;z-index:10}.product-image{height:250px;background:linear-gradient(135deg,var(--orange-light),var(--primary-orange));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-placeholder{color:var(--white);font-size:24px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.2)}.product-info{padding:30px;display:flex;flex-direction:column;flex:1}.product-info h3{font-size:22px;color:var(--dark-gray);margin-bottom:10px}.product-desc{color:var(--text-light);margin-bottom:15px;line-height:1.6}.product-rating{display:flex;align-items:center;gap:10px;margin-bottom:15px}.stars{color:gold;font-size:18px}.rating-text{color:var(--text-light);font-weight:600}.product-price{margin-bottom:15px}.price-old{color:var(--text-light);text-decoration:line-through;margin-right:10px}.price-new{font-size:28px;font-weight:700;color:var(--primary-orange)}.section-footer{text-align:center}.services{background:var(--gray-light)}.services-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--white);border-radius:15px;padding:40px;box-shadow:0 5px 20px #0000001a}@media(max-width:768px){.services-content{grid-template-columns:1fr;gap:30px;padding:25px 20px}.services-text{padding-right:0;padding-left:0}.services-image{height:250px}}.service-card-item{display:flex;flex-direction:row;gap:25px;background:var(--white);border-radius:12px;padding:20px;box-shadow:0 3px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;align-items:center}.service-card-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff6b3526}.service-card-image{width:300px;min-width:300px;height:200px;background:linear-gradient(135deg,var(--primary-orange),var(--orange-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #ff6b3533;overflow:hidden;flex-shrink:0}.service-card-content{flex:1;display:flex;flex-direction:column}.service-card-title{font-size:18px;font-weight:700;color:var(--dark-gray);margin-bottom:10px;line-height:1.4}.service-card-desc{font-size:14px;color:var(--text-light);margin-bottom:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-card-features{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.service-card-feature{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-light)}.service-card-feature:before{content:"✓";color:var(--primary-orange);font-weight:700;font-size:14px}.service-card-buttons{margin-top:auto}.service-card-btn{padding:10px 20px!important;font-size:14px!important;font-weight:600!important;width:100%;text-align:center}.services-grid-container{display:grid;grid-template-columns:1fr;gap:20px}@media(max-width:968px){.services-grid-container{grid-template-columns:1fr;gap:20px}.service-card-item{flex-direction:column;padding:18px;align-items:stretch}.service-card-image{width:100%;min-width:unset;height:200px;margin-bottom:15px}.service-card-title{font-size:16px;margin-bottom:8px}.service-card-desc{font-size:13px;margin-bottom:12px}.service-card-feature{font-size:12px}.service-card-btn{padding:9px 18px!important;font-size:13px!important}}@media(max-width:768px){.service-card-item{padding:15px;gap:15px}.service-card-image{height:180px}.service-card-title{font-size:18px}.service-card-desc{font-size:14px;-webkit-line-clamp:4}.service-card-feature{font-size:13px}.service-card-btn{padding:12px 20px!important;font-size:14px!important}}@media(max-width:480px){.service-card-item{padding:12px;gap:12px}.service-card-image{height:160px}.service-card-title{font-size:16px}.service-card-desc{font-size:13px}.service-card-feature{font-size:12px}}.services-text-reverse{padding-right:0;padding-left:40px}.services-text{padding-right:40px}.services-desc{font-size:18px;color:var(--text-light);margin-bottom:30px;line-height:1.8}.services-features{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.service-feature{display:flex;align-items:center;gap:15px;font-size:16px;font-weight:600;color:var(--dark-gray)}.service-icon{width:40px;height:40px;background:var(--primary-orange);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.services-buttons{display:flex;gap:20px;flex-wrap:wrap}.services-image{height:400px;background:linear-gradient(135deg,var(--primary-orange),var(--orange-dark));border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #ff6b354d}.services-placeholder{color:var(--white);font-size:24px;font-weight:600}.about{background:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{height:500px;background:linear-gradient(135deg,var(--orange-light),var(--primary-orange));border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #ff6b3533}.about-placeholder{color:var(--white);font-size:28px;font-weight:600}.about-text{padding-left:40px}.about-desc{font-size:18px;color:var(--text-light);margin-bottom:40px;line-height:1.8}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about-feature{text-align:center}.about-feature-icon{font-size:48px;margin-bottom:15px}.about-feature h4{font-size:18px;color:var(--dark-gray);margin-bottom:10px}.about-feature p{color:var(--text-light);font-size:14px}.stats{background:linear-gradient(135deg,var(--primary-orange),var(--orange-dark));color:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;text-align:center}.stat-item{padding:30px}.stat-number{font-size:64px;font-weight:800;margin-bottom:10px;line-height:1}.stat-label{font-size:18px;font-weight:500;opacity:.9}.testimonials{background:var(--gray-light)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:stretch}.testimonial-card{background:var(--white);padding:40px;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:250px}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b3533}.testimonial-content{margin-bottom:30px;flex:1;display:flex;flex-direction:column}.testimonial-content p{font-size:16px;color:var(--text-light);line-height:1.8;font-style:italic}@media(max-width:768px){.testimonial-card{padding:25px 15px}.testimonial-content{margin-bottom:20px}.testimonial-content p{font-size:14px;line-height:1.6}}.testimonial-author{display:flex;align-items:center;gap:15px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(0,0,0,.05)}.author-avatar{width:60px;height:60px;background:var(--primary-orange);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.author-info h4{color:var(--dark-gray);margin-bottom:5px}.author-info p{color:var(--text-light);font-size:14px}.contact{background:var(--white)}.contact-content{display:flex;justify-content:center;align-items:center;width:100%}.contact-info{display:flex;flex-direction:column;gap:30px;width:100%;max-width:600px;margin:0 auto;text-align:center}.contact-item{display:flex;gap:20px;align-items:flex-start}.contact-icon{font-size:32px;width:60px;height:60px;background:var(--gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item h4{color:var(--dark-gray);margin-bottom:5px}.contact-item p{color:var(--text-light)}.contact-form{background:var(--gray-light);padding:40px;border-radius:15px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px 20px;border:2px solid transparent;border-radius:10px;font-size:16px;font-family:var(--font-primary);transition:all .3s ease;background:var(--white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--dark-gray);color:var(--white);padding:60px 20px 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:15px;margin-bottom:20px}.footer-logo-image{height:60px;width:auto;object-fit:contain}.footer-section p{color:#ffffffb3;line-height:1.8}.footer-section h4{margin-bottom:20px;font-size:18px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary-orange)}.social-links{display:flex;flex-direction:column;gap:10px}.social-link{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.social-link:hover{color:var(--primary-orange)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80}@media(max-width:968px){.nav{position:fixed;top:80px;left:0;right:0;background:var(--white);flex-direction:column;padding:20px;box-shadow:0 5px 20px #0000001a;transform:translate(-100%);transition:transform .3s ease}.nav-open{transform:translate(0)}.menu-toggle{display:flex}.hero-title-main{font-size:48px}.hero-title-sub{font-size:24px;letter-spacing:4px}.services-content,.about-content,.contact-content{grid-template-columns:1fr;gap:30px;padding:25px 20px}.services-text,.about-text{padding:0}.services-image{height:300px}.about-features{grid-template-columns:1fr}.services>.container>div[style*=grid]{grid-template-columns:1fr!important}}@media(max-width:768px){.hero-title-main{font-size:36px}.hero-title-sub{font-size:20px}.section-title{font-size:32px}.products-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-number{font-size:48px}.header-actions{gap:10px}.language-switcher{padding:6px 12px;font-size:12px}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .header-content,[dir=rtl] .services-content,[dir=rtl] .about-content,[dir=rtl] .contact-content,[dir=rtl] .footer-content{direction:rtl}[dir=rtl] .services-text{padding-right:0;padding-left:40px}[dir=rtl] .service-card-item{direction:rtl;text-align:right;flex-direction:row-reverse}[dir=ltr] .service-card-item{direction:ltr;text-align:left;flex-direction:row}@media(max-width:968px){[dir=rtl] .service-card-item,[dir=ltr] .service-card-item{flex-direction:column}}[dir=rtl] .service-card-feature:before{margin-left:8px;margin-right:0}[dir=ltr] .service-card-feature:before{margin-right:8px;margin-left:0}[dir=rtl] .about-text{padding-left:0;padding-right:40px}[dir=rtl] .nav a:after{right:0;left:auto}[dir=rtl] .hero-buttons,[dir=rtl] .services-buttons{flex-direction:row-reverse}[dir=rtl] .contact-item,[dir=rtl] .testimonial-author,[dir=rtl] .blog-card-footer,[dir=rtl] .product-rating,[dir=rtl] .service-feature{flex-direction:row-reverse}[dir=rtl] body{font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif}[dir=rtl] .hero-title-sub{letter-spacing:2px}.product-details{min-height:100vh}.product-details .product-card{cursor:pointer}.product-details .product-card:hover{transform:translateY(-5px)}@media(max-width:768px){.product-details section{padding-top:100px!important;padding-bottom:50px!important}.product-details .container>div{grid-template-columns:1fr!important;gap:30px!important;padding:30px 20px!important}.product-details h1{font-size:28px!important}.product-details img{height:300px!important}.product-details .btn{width:100%;min-width:unset!important}.product-details .price-new{font-size:28px!important}}.blog-page{min-height:100vh;background:var(--gray-light)}.nav a.active,.nav .active{color:var(--primary-orange)}.nav a.active:after,.nav .active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--primary-orange)}.blog-posts{padding:80px 20px}.blog-search-container{margin-bottom:50px}.blog-search-wrapper{position:relative;max-width:600px;margin:0 auto}.blog-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.blog-search-input{width:100%;padding:18px 20px 18px 55px;border:2px solid var(--gray-light);border-radius:50px;font-size:16px;background:var(--white);color:var(--dark-gray);transition:all .3s ease;outline:none}.blog-search-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.blog-search-input::placeholder{color:var(--text-light)}.blog-search-clear{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light);padding:5px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;border-radius:50%}.blog-search-clear:hover{color:var(--primary-orange);background:#ff6b351a}.blog-search-results{text-align:center;margin-top:15px;color:var(--text-light);font-size:14px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.blog-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #ff6b354d}.blog-card-image{height:250px;background:linear-gradient(135deg,var(--orange-light),var(--primary-orange));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.blog-image-placeholder{color:var(--white);font-size:32px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.blog-card-content{padding:30px}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px}.blog-category{background:var(--primary-orange);color:var(--white);padding:5px 15px;border-radius:20px;font-weight:600;font-size:12px}.blog-date{color:var(--text-light)}.blog-card-title{font-size:24px;color:var(--dark-gray);margin-bottom:15px;line-height:1.4;font-weight:700}.blog-card-excerpt{color:var(--text-light);line-height:1.8;margin-bottom:20px}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--gray-light)}.blog-author{color:var(--text-light);font-size:14px}.blog-read-more{color:var(--primary-orange);text-decoration:none;font-weight:600;transition:all .3s ease}.blog-read-more:hover{color:var(--orange-dark);transform:translate(5px)}.blog-footer{background:var(--dark-gray);color:var(--white);padding:60px 20px 20px;margin-top:80px}[dir=rtl] .blog-read-more:hover{transform:translate(-5px)}[dir=rtl] .blog-search-icon{left:auto;right:20px}[dir=rtl] .blog-search-input{padding:18px 55px 18px 20px}[dir=rtl] .blog-search-clear{right:auto;left:15px}@media(max-width:768px){[dir=rtl] .blog-search-icon{right:15px}[dir=rtl] .blog-search-input{padding:15px 50px 15px 20px}[dir=rtl] .blog-search-clear{left:12px}}.blog-post{padding:120px 20px 80px}.blog-post article{background:var(--white);border-radius:15px;padding:50px;box-shadow:0 5px 20px #0000001a}.blog-post article>div:first-of-type{margin-bottom:40px;border-radius:15px;overflow:hidden;width:100%}.blog-post article img{width:100%!important;height:400px!important;object-fit:cover!important;display:block}@media(max-width:768px){.blog-hero-title{font-size:36px}.blog-grid{grid-template-columns:1fr;gap:25px}.blog-card-image{height:200px}.blog-card-content{padding:20px}.blog-card-title{font-size:20px;margin-bottom:12px}.blog-card-excerpt{font-size:14px;line-height:1.6;margin-bottom:15px}.blog-nav{flex-wrap:wrap;gap:15px}.blog-search-container{margin-bottom:30px}.blog-search-wrapper{max-width:100%}.blog-search-input{padding:15px 20px 15px 50px;font-size:14px}.blog-search-icon{left:15px;width:18px;height:18px}.blog-search-clear{right:12px;padding:4px}.blog-search-results{margin-top:10px;font-size:12px}.blog-post{padding:100px 15px 40px}.blog-post article{padding:25px 20px}.blog-post article>div:first-of-type{margin-bottom:25px;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);border-radius:0}.blog-post article img{width:100%!important;height:250px!important;object-fit:cover!important;object-position:center!important}.blog-post article h1{font-size:28px!important;margin-bottom:20px!important}.blog-post article>div:nth-of-type(2){margin-bottom:20px;gap:10px}.blog-post article>div:nth-of-type(2) span{font-size:12px!important;padding:6px 15px!important}}.a-root{--a-brand: #ff6b35;--a-accent: #c4470f;--a-accent-strong: #b93c0b;--a-accent-soft: #fff1ea;--a-bg: #f4f6f8;--a-surface: #ffffff;--a-surface-2: #f8f9fb;--a-text: #1f2933;--a-text-2: #52606d;--a-muted: #647180;--a-line: #e4e7eb;--a-line-strong: #8a96a3;--a-ok: #1a7343;--a-ok-bg: #e6f5ec;--a-warn: #b45309;--a-warn-bg: #fff3e0;--a-bad: #c62828;--a-bad-bg: #fdecee;--a-info: #1f5fbf;--a-info-bg: #e8f0fc;--a-wa: #15803d;--a-font: "Cairo", "Segoe UI", Tahoma, sans-serif;--a-fs-xs: 12px;--a-fs-sm: 13px;--a-fs-md: 15px;--a-fs-lg: 17px;--a-fs-xl: 22px;--a-fs-2xl: 28px;--a-1: 4px;--a-2: 8px;--a-3: 12px;--a-4: 16px;--a-5: 20px;--a-6: 24px;--a-8: 32px;--a-radius-sm: 10px;--a-radius: 14px;--a-radius-lg: 20px;--a-shadow-1: 0 1px 3px rgba(16, 24, 40, .06);--a-shadow-2: 0 6px 20px rgba(16, 24, 40, .1);--a-shadow-3: 0 16px 40px rgba(16, 24, 40, .18);--a-tabbar-h: 64px;--a-sidebar-w: 248px;--a-touch: 44px;--a-fast: .15s ease;font-family:var(--a-font);font-size:var(--a-fs-md);color:var(--a-text);background:var(--a-bg);min-height:100vh;line-height:1.6}.a-root *,.a-root *:before,.a-root *:after{box-sizing:border-box}.a-root :where(section){padding:0}.a-root :where(h1,h2,h3,h4,p){margin:0}.a-root :focus-visible{outline:3px solid var(--a-accent);outline-offset:2px}.a-shell{min-height:100vh}.a-main{padding-bottom:calc(var(--a-tabbar-h) + env(safe-area-inset-bottom) + var(--a-6))}.a-page{max-width:1100px;margin:0 auto;padding:var(--a-4);display:grid;gap:var(--a-4)}.a-sidebar{display:none}.a-tabbar{position:fixed;inset-inline:0;bottom:0;z-index:900;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--a-tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--a-line)}.a-tab-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--a-muted);font-size:11px;font-weight:700;text-decoration:none}.a-tab-link svg{font-size:22px}.a-tab-link.active{color:var(--a-accent)}.a-dot{position:absolute;top:8px;inset-inline-start:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--a-bad);color:#fff;font-size:11px;line-height:18px;text-align:center}@media(min-width:1024px){.a-shell{display:grid;grid-template-columns:var(--a-sidebar-w) 1fr}.a-tabbar{display:none}.a-main{padding-bottom:var(--a-8)}.a-page{padding:var(--a-6) var(--a-8)}.a-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--a-1);padding:var(--a-5) var(--a-3);background:var(--a-surface);border-inline-end:1px solid var(--a-line)}}.a-brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:var(--a-3);padding:var(--a-2) var(--a-3) var(--a-5);font-weight:800;font-size:var(--a-fs-lg)}.a-brand img{height:36px;width:auto}.a-nav-group{margin-top:var(--a-4);padding:0 var(--a-3) var(--a-1);font-size:var(--a-fs-xs);font-weight:700;color:var(--a-muted)}.a-nav-link{display:flex;align-items:center;gap:var(--a-3);min-height:var(--a-touch);padding:var(--a-2) var(--a-3);border-radius:var(--a-radius-sm);color:var(--a-text-2);font-weight:600;text-decoration:none;transition:background var(--a-fast)}.a-nav-link:hover{background:var(--a-surface-2)}.a-nav-link.active{background:var(--a-accent-soft);color:var(--a-accent-strong)}.a-nav-link svg{font-size:19px;flex:none}.a-nav-link .a-count{margin-inline-start:auto}.a-header{display:flex;align-items:center;gap:var(--a-3);flex-wrap:wrap}.a-header-text{flex:1;min-width:0}.a-header h1{font-size:var(--a-fs-xl);font-weight:800;line-height:1.3}.a-header-sub{margin-top:2px;color:var(--a-muted);font-size:var(--a-fs-sm)}.a-header-actions{display:flex;gap:var(--a-2);flex-wrap:wrap}.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-2);min-height:var(--a-touch);padding:var(--a-2) var(--a-4);border-radius:var(--a-radius-sm);border:1px solid var(--a-line);background:var(--a-surface);color:var(--a-text);font:inherit;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--a-fast),box-shadow var(--a-fast),transform .08s}.a-btn:hover{box-shadow:var(--a-shadow-1)}.a-btn:active{transform:scale(.98)}.a-btn:disabled{opacity:.55;cursor:not-allowed}.a-btn svg{font-size:18px}.a-btn-primary{background:var(--a-accent);border-color:var(--a-accent);color:#fff}.a-btn-primary:hover{background:var(--a-accent-strong)}.a-btn-wa{background:var(--a-wa);border-color:var(--a-wa);color:#fff}.a-btn-danger{color:var(--a-bad);border-color:#f3c3c8;background:var(--a-surface)}.a-btn-ghost{background:transparent;border-color:transparent;color:var(--a-text-2)}.a-btn-sm{min-height:36px;padding:6px 12px;font-size:var(--a-fs-sm)}.a-btn-block{width:100%}.a-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--a-touch);height:var(--a-touch);border-radius:var(--a-radius-sm);border:none;background:var(--a-surface-2);color:var(--a-text);font-size:20px;text-decoration:none;cursor:pointer;flex:none}.a-spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:a-spin .7s linear infinite}@keyframes a-spin{to{transform:rotate(360deg)}}.a-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:var(--a-fs-xs);font-weight:700;white-space:nowrap}.a-tone-ok{background:var(--a-ok-bg);color:var(--a-ok)}.a-tone-warn{background:var(--a-warn-bg);color:var(--a-warn)}.a-tone-bad{background:var(--a-bad-bg);color:var(--a-bad)}.a-tone-info{background:var(--a-info-bg);color:var(--a-info)}.a-tone-muted{background:#eef0f3;color:var(--a-text-2)}.a-tone-accent{background:var(--a-accent-soft);color:var(--a-accent-strong)}.a-count{min-width:22px;padding:0 7px;border-radius:999px;background:var(--a-bad);color:#fff;font-size:var(--a-fs-xs);font-weight:700;line-height:22px;text-align:center}.a-card{padding:var(--a-4);background:var(--a-surface);border-radius:var(--a-radius);box-shadow:var(--a-shadow-1);min-width:0}.a-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--a-2);margin-bottom:var(--a-3)}.a-card-title{font-size:var(--a-fs-lg);font-weight:800}.a-list{list-style:none;margin:0;padding:0}.a-row{display:flex;align-items:center;gap:var(--a-3);padding:var(--a-3) 0;border-bottom:1px solid var(--a-line);color:inherit;text-decoration:none}.a-row:last-child{border-bottom:none}a.a-row:hover,button.a-row:hover{background:var(--a-surface-2)}button.a-row{width:100%;border-inline:none;border-top:none;background:none;font:inherit;text-align:start;cursor:pointer}.a-row-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--a-surface-2);font-size:20px;flex:none}.a-row-main{flex:1;min-width:0}.a-row-title{font-weight:700;overflow-wrap:anywhere}.a-row-sub{margin-top:2px;font-size:var(--a-fs-sm);color:var(--a-muted);overflow-wrap:anywhere}.a-row-end{display:flex;align-items:center;gap:var(--a-2);flex:none}.a-grid{display:grid;gap:var(--a-4)}@media(min-width:720px){.a-grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.a-grid-3{grid-template-columns:repeat(3,1fr)}}.a-task{display:grid;gap:var(--a-3);padding:var(--a-4);background:var(--a-surface);border-radius:var(--a-radius);box-shadow:var(--a-shadow-1);border-inline-start:5px solid var(--a-line)}.a-task-bad{border-inline-start-color:var(--a-bad)}.a-task-warn{border-inline-start-color:var(--a-warn)}.a-task-info{border-inline-start-color:var(--a-info)}.a-task-accent{border-inline-start-color:var(--a-brand)}.a-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--a-3)}.a-task-kind{font-size:var(--a-fs-xs);font-weight:700;color:var(--a-muted)}.a-task-title{font-size:var(--a-fs-lg);font-weight:800;line-height:1.4}.a-task-client{color:var(--a-accent-strong);font-weight:700;text-decoration:none}.a-task-note{padding:var(--a-2) var(--a-3);border-radius:var(--a-radius-sm);background:var(--a-surface-2);font-size:14px}.a-task-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--a-2)}.a-task-actions .a-btn-primary{grid-column:1 / -1}@media(min-width:720px){.a-task-actions{display:flex;flex-wrap:wrap}}.a-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--a-3)}@media(min-width:720px){.a-stats{grid-template-columns:repeat(4,1fr)}}.a-stat{display:flex;flex-direction:column;gap:2px;padding:var(--a-4);background:var(--a-surface);border-radius:var(--a-radius);box-shadow:var(--a-shadow-1);color:inherit;text-decoration:none}button.a-stat{border:none;font:inherit;text-align:start;cursor:pointer}.a-stat-value{font-size:var(--a-fs-2xl);font-weight:800;line-height:1.2}.a-stat-label{font-size:var(--a-fs-sm);color:var(--a-muted);font-weight:600}.a-stat-hint{font-size:var(--a-fs-xs);color:var(--a-muted)}.a-stat.a-tone-bad{background:var(--a-bad-bg);color:var(--a-bad);box-shadow:none}.a-stat.a-tone-warn{background:var(--a-warn-bg);color:var(--a-warn);box-shadow:none}.a-stat.a-tone-ok{background:var(--a-ok-bg);color:var(--a-ok);box-shadow:none}.a-stat.a-tone-info{background:var(--a-info-bg);color:var(--a-info);box-shadow:none}.a-stat.a-tone-bad .a-stat-label,.a-stat.a-tone-warn .a-stat-label,.a-stat.a-tone-ok .a-stat-label,.a-stat.a-tone-info .a-stat-label{color:inherit;opacity:.85}.a-search{position:relative}.a-search svg{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);color:var(--a-muted);font-size:18px;pointer-events:none}.a-search input{width:100%;min-height:48px;padding:10px 44px;border-radius:var(--a-radius);border:1px solid var(--a-line-strong);background:var(--a-surface);font:inherit;font-size:16px}.a-search input:focus{outline:none;border-color:var(--a-accent);box-shadow:0 0 0 3px #ff6b3526}.a-chips{display:flex;gap:var(--a-2);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--a-4));padding-inline:var(--a-4)}.a-chips::-webkit-scrollbar{display:none}.a-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--a-line);background:var(--a-surface);color:var(--a-text-2);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.a-chip[aria-pressed=true],.a-chip[aria-selected=true]{background:var(--a-text);border-color:var(--a-text);color:#fff}.a-chip .a-chip-count{padding:0 6px;border-radius:999px;background:#00000014;font-size:var(--a-fs-xs)}.a-chip[aria-pressed=true] .a-chip-count,.a-chip[aria-selected=true] .a-chip-count{background:#fff3}@media(min-width:1024px){.a-chips{margin-inline:0;padding-inline:0;flex-wrap:wrap}}.a-field{display:grid;gap:6px}.a-field-label{font-size:var(--a-fs-sm);font-weight:700;color:var(--a-text-2)}.a-field-hint{font-size:var(--a-fs-xs);color:var(--a-muted)}.a-field-error{font-size:var(--a-fs-xs);color:var(--a-bad);font-weight:600}.a-input{width:100%;min-height:var(--a-touch);padding:10px 12px;border-radius:var(--a-radius-sm);border:1px solid var(--a-line-strong);background:var(--a-surface);color:var(--a-text);font:inherit;font-size:16px}textarea.a-input{resize:vertical;min-height:90px}.a-input:focus{outline:none;border-color:var(--a-accent);box-shadow:0 0 0 3px #ff6b3526}.a-input[aria-invalid=true]{border-color:var(--a-bad)}.a-form,.a-form-row{display:grid;gap:var(--a-4)}@media(min-width:720px){.a-form-row{grid-template-columns:1fr 1fr}}.a-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--a-3);min-height:var(--a-touch);font-weight:700;cursor:pointer}.a-switch input{width:46px;height:26px;accent-color:var(--a-accent)}.a-upload{display:grid;place-items:center;gap:var(--a-2);min-height:140px;padding:var(--a-4);border:2px dashed var(--a-line);border-radius:var(--a-radius);background:var(--a-surface-2);color:var(--a-muted);text-align:center;cursor:pointer}.a-upload img{max-height:160px;max-width:100%;border-radius:var(--a-radius-sm);object-fit:cover}.a-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;background:#0f172a73;animation:a-fade .15s ease}.a-sheet{width:100%;max-height:92vh;overflow-y:auto;padding:var(--a-5) var(--a-4) calc(var(--a-5) + env(safe-area-inset-bottom));background:var(--a-surface);border-radius:var(--a-radius-lg) var(--a-radius-lg) 0 0;box-shadow:var(--a-shadow-3);animation:a-rise .2s ease}.a-sheet-wide{max-width:none}.a-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--a-3);margin-bottom:var(--a-4)}.a-sheet-title{font-size:var(--a-fs-lg);font-weight:800}.a-sheet-actions{display:grid;grid-template-columns:1fr 2fr;gap:var(--a-2);margin-top:var(--a-5)}@media(min-width:720px){.a-backdrop{align-items:center;padding:var(--a-6)}.a-sheet{width:520px;border-radius:var(--a-radius-lg)}.a-sheet-wide{width:760px}}@keyframes a-fade{0%{opacity:0}}@keyframes a-rise{0%{transform:translateY(24px);opacity:0}}.a-empty{display:grid;place-items:center;gap:var(--a-2);padding:var(--a-8) var(--a-4);text-align:center;color:var(--a-muted)}.a-empty-icon{font-size:40px}.a-empty-title{font-weight:800;color:var(--a-text)}.a-alert{padding:var(--a-3) var(--a-4);border-radius:var(--a-radius-sm);font-weight:600}.a-toast{position:fixed;inset-inline:var(--a-4);bottom:calc(var(--a-tabbar-h) + env(safe-area-inset-bottom) + var(--a-3));z-index:3000;max-width:440px;margin:0 auto;padding:14px 18px;border-radius:var(--a-radius);background:var(--a-text);color:#fff;font-weight:700;text-align:center;box-shadow:var(--a-shadow-3);animation:a-rise .2s ease}.a-toast.a-toast-error{background:var(--a-bad)}@media(min-width:1024px){.a-toast{bottom:var(--a-6)}}.a-skeleton{border-radius:var(--a-radius);background:linear-gradient(90deg,#eceff3 25%,#f6f7f9,#eceff3 75%);background-size:200% 100%;animation:a-shimmer 1.2s infinite}@keyframes a-shimmer{to{background-position:-200% 0}}.a-muted{color:var(--a-muted)}.a-text-bad{color:var(--a-bad)}.a-text-warn{color:var(--a-warn)}.a-text-ok{color:var(--a-ok)}.a-ltr{direction:ltr;unicode-bidi:isolate}.a-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.a-login{min-height:100vh;display:grid;place-items:center;padding:var(--a-4);background:radial-gradient(circle at top,#fff1ea 0%,var(--a-bg) 60%)}.a-login-card{width:100%;max-width:400px;padding:var(--a-8) var(--a-6);background:var(--a-surface);border-radius:var(--a-radius-lg);box-shadow:var(--a-shadow-2);display:grid;gap:var(--a-5)}.a-login-logo{display:grid;justify-items:center;gap:var(--a-2);text-align:center}.a-login-logo img{height:64px;width:auto}.a-client{display:flex;align-items:center;gap:var(--a-2);padding:var(--a-3);padding-inline-end:var(--a-2);background:var(--a-surface);border-radius:var(--a-radius);box-shadow:var(--a-shadow-1)}.a-client-link{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--a-3);color:inherit;text-decoration:none}.a-client:hover{box-shadow:var(--a-shadow-2)}.a-client-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.a-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--a-accent-soft);color:var(--a-accent-strong);font-weight:800;flex:none}.a-avatar-lg{width:72px;height:72px;border-radius:20px;background:var(--a-accent);color:#fff;font-size:26px}.a-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--a-2);list-style:none;margin:0;padding:0}.a-step{display:grid;gap:6px;font-size:var(--a-fs-xs);font-weight:700;color:var(--a-muted)}.a-step:before{content:"";height:5px;border-radius:999px;background:var(--a-line)}.a-step-done,.a-step-current{color:var(--a-text)}.a-step-done:before,.a-step-current:before{background:var(--a-accent)}.a-pick{display:grid;gap:var(--a-3);padding:var(--a-3);border:2px solid var(--a-line);border-radius:var(--a-radius);background:var(--a-surface)}.a-pick-on{border-color:var(--a-accent);background:#fffaf7}.a-pick-head{display:flex;align-items:center;gap:var(--a-3);cursor:pointer}.a-pick-head input{width:22px;height:22px;accent-color:var(--a-accent);flex:none}.a-pick-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--a-2)}@media(max-width:480px){.a-pick-fields{grid-template-columns:1fr 1fr}.a-pick-fields>:first-child{grid-column:1 / -1}}.a-sticky-actions{position:sticky;bottom:calc(var(--a-tabbar-h) + env(safe-area-inset-bottom));z-index:20;display:flex;gap:var(--a-2);padding:var(--a-3) 0;background:linear-gradient(to top,var(--a-bg) 70%,transparent)}.a-sticky-actions .a-btn{flex:1}@media(min-width:1024px){.a-sticky-actions{bottom:0}}.a-profile{display:grid;grid-template-columns:auto 1fr;gap:var(--a-4);background:linear-gradient(135deg,#fff,#fff7f2)}.a-profile-text{display:grid;gap:var(--a-2);min-width:0}.a-profile-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--a-2)}@media(min-width:720px){.a-profile-actions{display:flex;flex-wrap:wrap}}.a-span{grid-column:1 / -1}.a-progress{display:flex;height:8px;border-radius:999px;background:var(--a-surface-2);overflow:hidden}.a-progress-bar{display:block;height:100%;border-radius:999px}.a-progress-bar.a-tone-ok{background:var(--a-ok)}.a-progress-bar.a-tone-warn{background:var(--a-warn)}.a-progress-bar.a-tone-bad{background:var(--a-bad)}.a-progress-bar.a-tone-muted{background:var(--a-muted)}.a-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--a-2);margin:0}.a-facts div{padding:var(--a-2) var(--a-3);border-radius:var(--a-radius-sm);background:var(--a-surface-2)}.a-facts dt{font-size:var(--a-fs-xs);color:var(--a-muted)}.a-facts dd{margin:0;font-weight:700}.a-timeline{position:relative;list-style:none;margin:0;padding:0}.a-timeline:before{content:"";position:absolute;inset-block:10px;inset-inline-start:19px;width:2px;background:var(--a-line)}.a-tl-item{position:relative;display:grid;grid-template-columns:40px 1fr;gap:var(--a-3);padding:var(--a-2) 0}.a-tl-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:2px solid var(--a-line);background:var(--a-surface)}.a-thumb{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--a-surface-2);overflow:hidden;font-size:22px;flex:none}.a-thumb img{width:100%;height:100%;object-fit:cover}.a-reorder{display:inline-flex;flex-direction:column;gap:2px}.a-reorder .a-icon-btn{width:34px;height:30px;font-size:16px}.a-reorder .a-icon-btn:disabled{opacity:.3;cursor:default}.a-details{border:1px solid var(--a-line);border-radius:var(--a-radius);background:var(--a-surface)}.a-details>summary{padding:var(--a-3) var(--a-4);font-weight:700;cursor:pointer}.a-details>div{padding:0 var(--a-4) var(--a-4)}.a-bilingual{display:grid;gap:var(--a-3)}@media(min-width:720px){.a-bilingual{grid-template-columns:1fr 1fr}}.a-group-title{font-weight:800;margin-top:var(--a-2)}.a-plain-btn{border:none;background:none;padding:0;font:inherit;color:inherit;text-align:start;cursor:pointer}.a-lang-input{position:relative}.a-lang-tag{position:absolute;top:-8px;inset-inline-end:10px;z-index:1;padding:0 6px;border-radius:6px;background:var(--a-surface-2);border:1px solid var(--a-line);color:var(--a-muted);font-size:10px;font-weight:800;line-height:16px}.a-upload:focus-within{outline:3px solid var(--a-accent);outline-offset:2px}