@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Bebas+Neue&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-header-background);transition:all var(--transition-base);height:var(--header-height)}.header--scrolled{height:var(--header-height-scrolled);box-shadow:var(--shadow-lg)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px}.header__logo{display:flex;align-items:center}.header__logo img{height:50px;width:auto;transition:height var(--transition-base)}.header--scrolled .header__logo img{height:40px}.header__nav{display:flex;align-items:center}.header__menu{display:flex;align-items:center;gap:var(--spacing-xs)}.header__menu-item{position:relative}.header__menu-link{display:flex;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-textheader);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast);background:none;border:none;cursor:pointer}.header__menu-link:hover,.header__menu-link.active{color:var(--color-primary)}.dropdown-icon{transition:transform var(--transition-fast)}.header__menu-link.active .dropdown-icon{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:0;min-width:180px;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base)}.header__dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-textheader);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.header__dropdown-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.header__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0}.header__hamburger span{display:block;width:100%;height:3px;background-color:var(--color-textheader);border-radius:2px;transition:all var(--transition-base)}.header__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.header__hamburger.active span:nth-child(2){opacity:0}.header__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-7px)}@media(max-width:968px){.header__hamburger{display:flex}.header__nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-header-background);padding:var(--spacing-lg);transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto}.header--scrolled .header__nav{top:var(--header-height-scrolled)}.header__nav.active{transform:translate(0)}.header__menu{flex-direction:column;align-items:stretch;gap:0}.header__menu-item{border-bottom:1px solid rgba(255,255,255,.1)}.header__menu-link{width:100%;justify-content:space-between;padding:var(--spacing-md)}.header__dropdown{position:static;opacity:1;visibility:visible;transform:none;background-color:#0000001a;border-radius:0;box-shadow:none;max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.header__dropdown.active{max-height:500px}.header__dropdown-link{color:var(--color-white);padding-left:var(--spacing-xl)}.header__dropdown-link:hover{background-color:#ffffff1a;color:var(--color-accent)}}.footer{background-color:var(--color-primary);color:var(--color-white)}.footer__main{padding:var(--spacing-3xl) 0}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-2xl)}.footer__logo{height:60px;width:auto;margin-bottom:var(--spacing-md)}.footer__description{font-size:var(--font-size-sm);line-height:1.8;color:#fffc;margin-bottom:var(--spacing-lg)}.footer__social{display:flex;gap:var(--spacing-md)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:var(--radius-full);color:var(--color-white);transition:all var(--transition-fast)}.footer__social a:hover{background-color:var(--color-accent);color:var(--color-black)}.footer__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-accent)}.footer__links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__links a{font-size:var(--font-size-sm);color:#fffc;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-grey2)}.footer__contact{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer__contact li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:#fffc}.footer__contact li svg{flex-shrink:0;margin-top:2px}.footer__contact a:hover{color:var(--color-grey2)}.footer__hours{margin-top:var(--spacing-lg)}.footer__hours h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-accent)}.footer__hours p{font-size:var(--font-size-xs);color:#ffffffb3;margin-bottom:var(--spacing-xs)}.footer__bottom{background-color:#0003;padding:var(--spacing-md) 0;text-align:center}.footer__bottom p{font-size:var(--font-size-sm);color:#fff9}@media(max-width:1024px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer__grid{grid-template-columns:1fr;text-align:center}.footer__social,.footer__contact li{justify-content:center}}.whatsapp-button{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;box-shadow:0 4px 12px #25d36666;transition:all var(--transition-base)}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #25d36680}@media(max-width:768px){.whatsapp-button{width:50px;height:50px;bottom:15px;right:15px}.whatsapp-button svg{width:24px;height:24px}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1;margin-top:var(--header-height)}.admin-sidebar{width:250px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;position:sticky;top:0;height:100vh}.admin-sidebar__header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar__logo{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-primary, #e67e22)}.admin-sidebar__nav{flex:1;padding:.75rem 0;display:flex;flex-direction:column;gap:2px}.admin-sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:background .2s,color .2s;border:none;background:none;width:100%;cursor:pointer;text-align:left;font-family:inherit}.admin-sidebar__link:hover{background:#ffffff14;color:#fff}.admin-sidebar__link.active{background:#e67e2226;color:var(--color-primary, #e67e22);font-weight:600}.admin-sidebar__icon{font-size:1.1rem;width:1.5rem;text-align:center}.admin-sidebar__footer{border-top:1px solid rgba(255,255,255,.1);padding:.75rem 0}.admin-sidebar__logout:hover{background:#e74c3c26;color:#e74c3c}.admin-sidebar__overlay{display:none}@media(max-width:768px){.admin-sidebar{position:fixed;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform .3s ease}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}.admin-layout{display:flex;min-height:100vh;background-color:#f5f6fa}.admin-layout__main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-layout__content{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--color-text-light, #666)}.admin-loading__spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:var(--color-primary, #e67e22);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:10}.admin-topbar__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #333);margin:0}.admin-topbar__toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.admin-topbar__toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary, #333);border-radius:1px}@media(max-width:768px){.admin-topbar__toggle{display:flex}.admin-layout__content{padding:1rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__background{position:absolute;inset:0;z-index:-1}.hero__slider-track{display:flex;height:100%;transition:transform .8s ease-in-out}.hero__bg-image{min-width:100%;width:100%;height:100%;object-fit:cover;flex-shrink:0}.hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0009 0% 50%,#0009)}.hero__container{position:relative;z-index:1;padding:var(--spacing-3xl) var(--spacing-md)}.hero__content{max-width:700px;color:var(--color-white)}.hero__badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-accent);color:var(--color-black);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.hero__title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.hero__title--highlight{color:var(--color-accent)}.hero__subtitle{font-size:var(--font-size-xl);font-weight:500;margin-bottom:var(--spacing-md);opacity:.95}.hero__description{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-xl);opacity:.9}.hero__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero__buttons .btn-outline{border-color:var(--color-white);color:var(--color-white)}.hero__buttons .btn-outline:hover{background-color:var(--color-white);color:var(--color-primary)}.hero__pagination{display:flex;gap:10px;margin-top:var(--spacing-xl)}.hero__pagination-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-white);background:transparent;cursor:pointer;padding:0;transition:background-color var(--transition-base),transform var(--transition-base)}.hero__pagination-dot:hover{background-color:#ffffff80;transform:scale(1.2)}.hero__pagination-dot--active{background-color:var(--color-accent);border-color:var(--color-accent);transform:scale(1.2)}@media(max-width:768px){.hero{min-height:auto;padding-top:var(--header-height);padding-bottom:var(--spacing-2xl)}.hero__container{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-md)}.hero__title{font-size:var(--font-size-2xl)}.hero__subtitle{font-size:var(--font-size-lg)}.hero__description{font-size:var(--font-size-base)}.hero__buttons{flex-direction:column}.hero__buttons .btn{width:100%;justify-content:center}}.features{background-color:var(--color-gray-100)}.features__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.feature-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);width:calc(25% - var(--spacing-lg))}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card__icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.feature-card__description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}@media(max-width:1024px){.feature-card{width:calc(50% - var(--spacing-lg))}}@media(max-width:480px){.feature-card{width:100%}}.service-card{display:block;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.service-card__image-wrapper{position:relative;overflow:hidden;aspect-ratio:1/1}.service-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.service-card:hover .service-card__image{transform:scale(1.1)}.service-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--spacing-lg);opacity:0;transition:opacity var(--transition-base)}.service-card:hover .service-card__overlay{opacity:1}.service-card__cta{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full)}.service-card__content{padding:var(--spacing-lg);text-align:center}.service-card__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.service-card__description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}.portfolio-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.portfolio-card__image-wrapper{position:relative;aspect-ratio:1/1}.portfolio-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-card:hover .portfolio-card__image{transform:scale(1.1)}.portfolio-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(230,126,34,.9),transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--spacing-lg);opacity:0;transition:opacity var(--transition-base)}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card__category{font-size:var(--font-size-xs);font-weight:500;color:var(--color-accent);letter-spacing:1px;margin-bottom:var(--spacing-xs)}.portfolio-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-white);text-align:center}.pricing-table{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.pricing-table:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.pricing-table__header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);padding:var(--spacing-xl);text-align:center}.pricing-table__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.pricing-table__material{font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--spacing-md)}.pricing-table__features{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.pricing-table__features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.pricing-table__features svg{color:var(--color-accent)}.pricing-table__table{width:100%;border-collapse:collapse}.pricing-table__table th,.pricing-table__table td{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-gray-200)}.pricing-table__table th{background-color:var(--color-gray-100);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.pricing-table__table td{font-size:var(--font-size-sm);color:var(--color-text-light)}.pricing-table__table tr:last-child td{border-bottom:none}.pricing-table__table tr:hover td{background-color:var(--color-gray-100)}.portfolio-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:#000000e6;animation:fadeIn .2s ease}.portfolio-modal__content{position:relative;max-width:900px;max-height:90vh;width:100%;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-modal__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#00000080;border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast)}.portfolio-modal__close:hover{background-color:#000c}.portfolio-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#00000080;border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast)}.portfolio-modal__nav:hover{background-color:var(--color-primary)}.portfolio-modal__nav--prev{left:var(--spacing-md)}.portfolio-modal__nav--next{right:var(--spacing-md)}.portfolio-modal__image-wrapper{width:100%;max-height:60vh;overflow:hidden;background-color:var(--color-gray-100)}.portfolio-modal__image{width:100%;height:100%;object-fit:contain;max-height:60vh}.portfolio-modal__details{padding:var(--spacing-xl);text-align:center}.portfolio-modal__category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.portfolio-modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.portfolio-modal__description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6}@media(max-width:768px){.portfolio-modal{padding:0}.portfolio-modal__content{max-height:100vh;border-radius:0}.portfolio-modal__nav{width:40px;height:40px}.portfolio-modal__nav--prev{left:var(--spacing-sm)}.portfolio-modal__nav--next{right:var(--spacing-sm)}.portfolio-modal__nav svg{width:24px;height:24px}.portfolio-modal__details{padding:var(--spacing-lg)}}.gallery-modal{position:fixed;inset:0;background-color:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal__content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.gallery-modal__close{position:fixed;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:50%;transition:background-color var(--transition-fast);z-index:1001}.gallery-modal__close:hover{background:#fff3}.gallery-modal__nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:16px;border-radius:50%;transition:background-color var(--transition-fast);z-index:1001}.gallery-modal__nav:hover{background:#fff3}.gallery-modal__nav--prev{left:20px}.gallery-modal__nav--next{right:20px}.gallery-modal__image-wrapper{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(90vh - 60px)}.gallery-modal__image{max-width:100%;max-height:calc(90vh - 60px);object-fit:contain;border-radius:var(--radius-md)}.gallery-modal__counter{margin-top:16px;color:#fff;font-size:var(--font-size-sm);opacity:.8}@media(max-width:768px){.gallery-modal__nav{padding:12px}.gallery-modal__nav svg{width:24px;height:24px}.gallery-modal__close{top:10px;right:10px;padding:8px}.gallery-modal__nav--prev{left:10px}.gallery-modal__nav--next{right:10px}}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid;white-space:nowrap}.timeline{display:flex;flex-direction:column;gap:0;padding:.75rem 0}.timeline__step{display:flex;gap:1rem;min-height:72px}.timeline__step:last-child{min-height:auto}.timeline__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:36px}.timeline__dot{width:32px;height:32px;border-radius:50%;border:3px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease}.timeline__step--current .timeline__dot{box-shadow:0 0 0 5px #e67e2226;animation:tl-pulse 2s ease-in-out infinite}@keyframes tl-pulse{0%,to{box-shadow:0 0 0 5px #e67e2226}50%{box-shadow:0 0 0 10px #e67e220f}}.timeline__line{width:3px;flex:1;background:#e8e8e8;margin:4px 0;border-radius:2px;transition:background .4s ease}.timeline__content{flex:1;padding-bottom:1.25rem;min-width:0}.timeline__label{margin:0;font-size:.9rem;font-weight:600;color:#bbb;line-height:32px;transition:color .3s}.timeline__step--completed .timeline__label{color:var(--color-text, #333)}.timeline__entry{margin-top:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:10px;border-left:3px solid #e8e8e8}.timeline__step--completed .timeline__entry{border-left-color:var(--color-primary, #e67e22);background:#fdf6ef}.timeline__entry--cancelled{border-left-color:#e74c3c!important;background:#fdf0ed!important}.timeline__entry-header{display:flex;align-items:center;gap:.35rem}.timeline__entry-icon{color:#bbb;flex-shrink:0}.timeline__step--completed .timeline__entry-icon{color:var(--color-primary, #e67e22)}.timeline__date{font-size:.75rem;color:#999;font-weight:500}.timeline__note{margin:.4rem 0 0;font-size:.85rem;color:var(--color-text-light, #666);line-height:1.6}.timeline__photo-btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-top:.6rem;padding:0;border:none;background:none;cursor:pointer;font-family:inherit}.timeline__photo-wrapper{position:relative;width:160px;height:120px;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;border:2px solid #fff}.timeline__photo-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.timeline__photo-btn:hover .timeline__photo-wrapper img{transform:scale(1.08)}.timeline__photo-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .3s ease;border-radius:10px}.timeline__photo-overlay svg{opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.timeline__photo-btn:hover .timeline__photo-overlay{background:#00000059}.timeline__photo-btn:hover .timeline__photo-overlay svg{opacity:1;transform:scale(1)}.timeline__photo-caption{font-size:.7rem;color:var(--color-primary, #e67e22);font-weight:500;letter-spacing:.2px}.timeline__photo-btn:hover .timeline__photo-caption{text-decoration:underline}.timeline-lightbox{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem;animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.timeline-lightbox__close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s;z-index:1}.timeline-lightbox__close:hover{background:#ffffff4d}.timeline-lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 40px #0006;animation:lightbox-zoom-in .25s ease}@keyframes lightbox-zoom-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.timeline__step{gap:.75rem;min-height:64px}.timeline__indicator{width:30px}.timeline__dot{width:28px;height:28px}.timeline__label{font-size:.85rem;line-height:28px}.timeline__entry{padding:.6rem .75rem}.timeline__photo-wrapper{width:130px;height:97px}.timeline-lightbox{padding:1rem}.timeline-lightbox__close{top:.5rem;right:.5rem;width:38px;height:38px}.timeline-lightbox__img{max-width:95vw;max-height:80vh;border-radius:8px}}.services-section__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.services-section__cta{text-align:center}@media(max-width:1024px){.services-section__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.services-section__grid{grid-template-columns:1fr}}.portfolio-section{background-color:var(--color-gray-100)}.portfolio-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.portfolio-section__cta{text-align:center}@media(max-width:1024px){.portfolio-section__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.portfolio-section__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.portfolio-section__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.cta-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:var(--spacing-3xl) 0}.cta-section__content{text-align:center;color:var(--color-white)}.cta-section__title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md)}.cta-section__description{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-xl)}.cta-section__buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:640px){.cta-section__buttons{flex-direction:column;align-items:center}.cta-section__buttons .btn{width:100%;max-width:300px}}.stats-section{background:linear-gradient(135deg,#e67e22,#d35400);padding:var(--spacing-3xl) 0;color:var(--color-white)}.stats-section__header{text-align:center;margin-bottom:var(--spacing-2xl)}.stats-section__hashtag{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-black);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.stats-section__title{font-size:var(--font-size-2xl);font-weight:600;max-width:700px;margin:0 auto;line-height:1.5}.stats-section__title span{color:var(--color-white)}.stats-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.stat-card{text-align:center;padding:var(--spacing-xl);background-color:#ffffff1a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-base),background-color var(--transition-base)}.stat-card:hover{transform:translateY(-5px);background-color:#ffffff26}.stat-card__number{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-xs)}.stat-card__label{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.stat-card__description{font-size:var(--font-size-sm);opacity:.8}@media(max-width:1024px){.stats-section__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-section__grid{grid-template-columns:1fr}.stats-section__title{font-size:var(--font-size-xl)}}.customers-section{background-color:var(--color-white);overflow:hidden}.customers-section__marquee{width:100%;overflow:hidden;margin-top:var(--spacing-xl);padding:var(--spacing-md) 0}.customers-section__track{display:flex;gap:var(--spacing-lg);width:max-content;animation:marquee 30s linear infinite}.customers-section__marquee:hover .customers-section__track{animation-play-state:paused}.customer-logo{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);height:80px;min-width:160px;transition:all var(--transition-base)}.customer-logo:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.customer-logo img{max-width:100%;max-height:50px;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all var(--transition-base)}.customer-logo:hover img{filter:grayscale(0%);opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:480px){.customer-logo{height:60px;min-width:120px}.customer-logo img{max-height:35px}}.order-steps-section{background-color:var(--color-gray-100)}.order-steps-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);position:relative}.step-card{position:relative;text-align:center;padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.step-card__icon{width:80px;height:80px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center}.step-card__icon img{width:100%;height:100%;object-fit:contain}.step-card__number{position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full)}.step-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.step-card__description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}.step-card__arrow{display:none;position:absolute;top:50%;right:-30px;transform:translateY(-50%);color:var(--color-primary);z-index:1}@media(min-width:1025px){.step-card__arrow{display:block}}@media(max-width:1024px){.order-steps-section__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.order-steps-section__grid{grid-template-columns:1fr}.step-card{display:flex;flex-direction:column;align-items:center}}.faq-section{background-color:var(--color-white)}.faq-section__list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.faq-item:hover{border-color:var(--color-primary)}.faq-item.active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-item__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border:none;cursor:pointer;text-align:left;font-size:var(--font-size-base);font-weight:600;color:var(--color-text);transition:background-color var(--transition-fast)}.faq-item__question:hover{background-color:var(--color-gray-100)}.faq-item.active .faq-item__question{background-color:var(--color-primary);color:var(--color-white)}.faq-item__icon{flex-shrink:0;transition:transform var(--transition-base)}.faq-item.active .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base),padding var(--transition-base)}.faq-item.active .faq-item__answer{max-height:500px}.faq-item__answer p{padding:var(--spacing-lg);color:var(--color-text-light);line-height:1.8;background-color:var(--color-gray-100)}@media(max-width:640px){.faq-item__question{font-size:var(--font-size-sm);padding:var(--spacing-md)}.faq-item__answer p{padding:var(--spacing-md);font-size:var(--font-size-sm)}}.page-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);padding:var(--spacing-3xl) 0;text-align:center}.page-header__title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-sm)}.page-header__subtitle{font-size:var(--font-size-lg);opacity:.9}.tentang-section__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl);align-items:center}.tentang-section__image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.tentang-section__content h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.tentang-section__content p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-text-light)}.visi-misi-section{background-color:var(--color-gray-100)}.visi-misi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.visi-misi-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.visi-misi-card h3{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.visi-misi-card p,.visi-misi-card li{color:var(--color-text-light);line-height:1.8}.visi-misi-card ul{padding-left:var(--spacing-lg)}.visi-misi-card li{position:relative;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}.visi-misi-card li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.keunggulan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.keunggulan-card{text-align:center;padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.keunggulan-card:hover{transform:translateY(-5px)}.keunggulan-card__icon{font-size:3rem;margin-bottom:var(--spacing-md)}.keunggulan-card h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.keunggulan-card p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}@media(max-width:1024px){.keunggulan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tentang-section__grid,.visi-misi-grid,.keunggulan-grid{grid-template-columns:1fr}.page-header__title{font-size:var(--font-size-2xl)}}.layanan-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.layanan-gallery__item{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-md);cursor:pointer}.layanan-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.layanan-gallery__item:hover img{transform:scale(1.1)}.layanan-gallery__overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);color:#fff}.layanan-gallery__item:hover .layanan-gallery__overlay{opacity:1}.layanan-list{background-color:var(--color-gray-100)}.layanan-item{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl);align-items:center;padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--color-gray-200)}.layanan-item:last-child{border-bottom:none}.layanan-item--reverse{grid-template-columns:1.5fr 1fr}.layanan-item--reverse .layanan-item__image{order:2}.layanan-item--reverse .layanan-item__content{order:1}.layanan-item__image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.layanan-item__content h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.layanan-item__content p{color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-lg)}.layanan-item__features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.layanan-item__features li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-sm)}.layanan-item__features svg{color:var(--color-primary);flex-shrink:0}.layanan-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.benefit-card{text-align:center;padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.benefit-card:hover{transform:translateY(-5px)}.benefit-card__icon{font-size:3rem;margin-bottom:var(--spacing-md)}.benefit-card h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.benefit-card p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}@media(max-width:1024px){.layanan-gallery__grid{grid-template-columns:repeat(3,1fr)}.layanan-benefits__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.layanan-gallery__grid{grid-template-columns:repeat(2,1fr)}.layanan-item,.layanan-item--reverse{grid-template-columns:1fr}.layanan-item--reverse .layanan-item__image,.layanan-item--reverse .layanan-item__content{order:unset}.layanan-item__features,.layanan-benefits__grid{grid-template-columns:1fr}}.portofolio-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.portofolio-filter__btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);background-color:var(--color-gray-100);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.portofolio-filter__btn:hover{background-color:var(--color-gray-200)}.portofolio-filter__btn.active{background-color:var(--color-primary);color:var(--color-white)}.portofolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.portofolio-empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-light)}.portofolio-description{background-color:var(--color-gray-100)}.portofolio-description__content{max-width:800px;margin:0 auto;text-align:center}.portofolio-description__content h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.portofolio-description__content p{color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-md)}@media(max-width:1024px){.portofolio-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.portofolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.portofolio-filter{gap:var(--spacing-xs)}.portofolio-filter__btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}}.harga-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.timeline-section{background-color:var(--color-gray-100)}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:800px;margin:0 auto}.timeline-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.timeline-card__quantity{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.timeline-card__duration{font-size:var(--font-size-sm);color:var(--color-text-light)}.notes-content{max-width:800px;margin:0 auto;background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--color-accent)}.notes-content h2{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.notes-content ul{padding-left:var(--spacing-lg)}.notes-content li{position:relative;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);color:var(--color-text-light);line-height:1.6}.notes-content li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}@media(max-width:1024px){.harga-grid{grid-template-columns:1fr}}@media(max-width:768px){.timeline-grid{grid-template-columns:1fr}}.kontak-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl)}.kontak-info{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg)}.kontak-info__header{margin-bottom:var(--spacing-xl)}.kontak-info__header img{height:60px;margin-bottom:var(--spacing-md)}.kontak-info__header h2{font-size:var(--font-size-lg);font-weight:600}.kontak-info__items{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.kontak-info__item{display:flex;gap:var(--spacing-md)}.kontak-info__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:var(--radius-full)}.kontak-info__item h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-accent)}.kontak-info__item p{font-size:var(--font-size-sm);opacity:.9;line-height:1.5}.kontak-info__item a{color:var(--color-white);transition:color var(--transition-fast)}.kontak-info__item a:hover{color:var(--color-accent)}.kontak-info__social h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-accent)}.kontak-info__social-links{display:flex;gap:var(--spacing-md)}.kontak-info__social-links a{padding:var(--spacing-xs) var(--spacing-md);background-color:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.kontak-info__social-links a:hover{background-color:var(--color-accent);color:var(--color-black)}.kontak-form{background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.kontak-form h2{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1066e51a}.form-group textarea{resize:vertical}.kontak-form .btn{width:100%}.kontak-map{margin-top:var(--spacing-3xl)}.kontak-map iframe{display:block}@media(max-width:1024px){.kontak-grid{grid-template-columns:1fr}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.kontak-info__social-links{flex-wrap:wrap}}.maintenance-section{min-height:60vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100)}.maintenance-card{text-align:center;max-width:600px;margin:0 auto;padding:var(--spacing-3xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.maintenance-card__icon{color:var(--color-primary);margin-bottom:var(--spacing-xl)}.maintenance-card__icon svg{animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-card__title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--spacing-md)}.maintenance-card__description{color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-xl)}.maintenance-card__info{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-gray-100);border-radius:var(--radius-md)}.maintenance-card__info-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}.maintenance-card__info-icon{font-size:1.25rem}.maintenance-card__coming-soon{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);font-weight:600;font-size:var(--font-size-lg);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:2px}@media(max-width:768px){.maintenance-card{padding:var(--spacing-xl);margin:0 var(--spacing-md)}.maintenance-card__title{font-size:var(--font-size-xl)}.maintenance-card__info{flex-direction:column;gap:var(--spacing-md)}.maintenance-card__icon svg{width:60px;height:60px}}.page-header--ai{background:linear-gradient(135deg,#667eea,#764ba2)}.ai-studio-page .maintenance-section{min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8f9ff,#e8ebff)}.maintenance-card--ai{text-align:center;max-width:800px;margin:0 auto;padding:var(--spacing-3xl);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #667eea26;position:relative;overflow:hidden}.maintenance-card--ai:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradient-flow 3s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.maintenance-card__badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-full);margin-bottom:var(--spacing-xl)}.maintenance-card--ai .maintenance-card__icon{color:#667eea;margin-bottom:var(--spacing-xl);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.maintenance-card--ai .maintenance-card__title{font-size:var(--font-size-2xl);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.maintenance-card--ai .maintenance-card__description{color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.ai-features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.ai-features__item{padding:var(--spacing-lg);background:linear-gradient(180deg,#f8f9ff,#fff);border-radius:var(--radius-lg);border:1px solid rgba(102,126,234,.1);transition:transform var(--transition-base),box-shadow var(--transition-base)}.ai-features__item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea1a}.ai-features__icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.ai-features__item h3{font-size:var(--font-size-sm);color:#667eea;margin-bottom:var(--spacing-xs)}.ai-features__item p{font-size:var(--font-size-xs);color:var(--color-text-light);line-height:1.5}.maintenance-card__powered{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.maintenance-card__powered strong{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@media(max-width:1024px){.ai-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.maintenance-card--ai{padding:var(--spacing-xl);margin:0 var(--spacing-md)}.maintenance-card--ai .maintenance-card__title{font-size:var(--font-size-xl)}.ai-features{grid-template-columns:1fr;gap:var(--spacing-md)}.maintenance-card--ai .maintenance-card__icon svg{width:70px;height:70px}}.customers-page__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.customers-page__filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-gray-300);border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.customers-page__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.customers-page__filter-btn--active,.customers-page__filter-btn--active:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.customers-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.customers-page__card{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);height:120px;transition:all var(--transition-base)}.customers-page__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.customers-page__card img{max-width:100%;max-height:80px;object-fit:contain}@media(max-width:1024px){.customers-page__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.customers-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.customers-page__grid{grid-template-columns:repeat(2,1fr)}.customers-page__card{height:80px;padding:var(--spacing-md)}.customers-page__card img{max-height:50px}}.tracking{min-height:60vh;padding:var(--spacing-xl, 2rem) var(--spacing-md, 1rem);background:linear-gradient(180deg,#fdf6ef,#fff 40%)}.tracking__hero{max-width:560px;margin:3rem auto 4rem;text-align:center}.tracking__hero-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #e67e22),#f5a623);color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 24px #e67e2240}.tracking__hero h1{font-size:var(--font-size-3xl, 1.875rem);margin:0 0 .5rem;color:var(--color-text, #333);font-weight:700}.tracking__hero p{color:var(--color-text-light, #666);margin:0 0 2rem;font-size:var(--font-size-base, 1rem);line-height:1.6}.tracking__hero-hint{font-size:var(--font-size-sm, .875rem)!important;color:var(--color-text-muted, #a8a8a8)!important;margin-top:1rem!important}.tracking__search{display:flex;gap:.5rem;margin-bottom:1.5rem}.tracking__search-wrapper{flex:1;position:relative}.tracking__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted, #a8a8a8);pointer-events:none}.tracking__input{width:100%;padding:.85rem 1rem .85rem 2.75rem;border:2px solid #e8e8e8;border-radius:var(--radius-lg, 12px);font-size:var(--font-size-base, 1rem);font-family:inherit;background:#fff;transition:border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s)}.tracking__input:focus{outline:none;border-color:var(--color-primary, #e67e22);box-shadow:0 0 0 4px #e67e221a}.tracking__input::placeholder{color:var(--color-text-muted, #a8a8a8);font-weight:400}.tracking__submit{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--color-primary, #e67e22),#f5a623);color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:var(--font-size-base, 1rem);font-weight:600;cursor:pointer;transition:transform var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s);font-family:inherit;white-space:nowrap}.tracking__submit:hover{transform:translateY(-1px);box-shadow:0 4px 14px #e67e2259}.tracking__submit:active{transform:translateY(0)}.tracking__search--mini .tracking__input{padding-top:.7rem;padding-bottom:.7rem;font-size:var(--font-size-sm, .875rem)}.tracking__search--mini .tracking__submit{padding:.7rem 1.25rem;font-size:var(--font-size-sm, .875rem)}.tracking__container{max-width:720px;margin:0 auto}.tracking__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0}.tracking__loading p{color:var(--color-text-light, #666);margin:0}.tracking__spinner{width:36px;height:36px;border:3px solid #eee;border-top-color:var(--color-primary, #e67e22);border-radius:50%;animation:tracking-spin .8s linear infinite}@keyframes tracking-spin{to{transform:rotate(360deg)}}.tracking__not-found{background:#fff;border-radius:var(--radius-lg, 12px);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-md, 0 4px 6px rgba(0,0,0,.1))}.tracking__not-found-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fdf0ed;color:#e74c3c;margin-bottom:1.25rem}.tracking__not-found h3{color:var(--color-text, #333);margin:0 0 .5rem;font-size:var(--font-size-xl, 1.25rem)}.tracking__not-found p{color:var(--color-text-light, #666);margin:0;line-height:1.6}.tracking__not-found-hint{margin-top:.75rem!important;font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #a8a8a8)!important}.tracking__result{background:#fff;border-radius:var(--radius-xl, 16px);box-shadow:0 4px 24px #00000012;overflow:hidden}.tracking__result-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.tracking__result-header-left{display:flex;flex-direction:column;gap:.15rem}.tracking__label{font-size:var(--font-size-xs, .75rem);text-transform:uppercase;letter-spacing:1px;opacity:.7}.tracking__tracking-id{font-family:Courier New,monospace;font-size:var(--font-size-xl, 1.25rem);font-weight:700;letter-spacing:1px}.tracking__status-pill{padding:.4rem 1rem;border-radius:var(--radius-full, 9999px);color:#fff;font-size:var(--font-size-sm, .875rem);font-weight:600;white-space:nowrap}.tracking__stepper{padding:1.75rem 1.5rem 1.25rem;position:relative}.tracking__stepper-bar{position:absolute;top:calc(1.75rem + 16px);left:calc(1.5rem + 16px);right:calc(1.5rem + 16px);height:4px;background:#e8e8e8;border-radius:2px}.tracking__stepper-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #e67e22),#f5a623);border-radius:2px;transition:width .6s ease}.tracking__stepper-steps{display:flex;justify-content:space-between;position:relative}.tracking__stepper-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.tracking__stepper-dot{width:34px;height:34px;border-radius:50%;border:3px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base, .3s);z-index:1}.tracking__stepper-step--current .tracking__stepper-dot{box-shadow:0 0 0 5px #e67e2226;animation:stepper-pulse 2s ease-in-out infinite}@keyframes stepper-pulse{0%,to{box-shadow:0 0 0 5px #e67e2226}50%{box-shadow:0 0 0 10px #e67e2214}}.tracking__stepper-label{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #a8a8a8);font-weight:500;text-align:center;transition:color var(--transition-base, .3s)}.tracking__stepper-step--done .tracking__stepper-label{color:var(--color-text, #333);font-weight:600}.tracking__stepper-step--current .tracking__stepper-label{color:var(--color-primary, #e67e22);font-weight:700}.tracking__cancelled-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem;background:#fdf0ed;color:#e74c3c;font-weight:600;font-size:var(--font-size-sm, .875rem)}.tracking__info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid #f0f0f0}.tracking__info-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;transition:background var(--transition-fast, .15s)}.tracking__info-card:nth-child(odd){border-right:1px solid #f0f0f0}.tracking__info-card:hover{background:#fafafa}.tracking__info-card>svg{flex-shrink:0;margin-top:2px}.tracking__info-card-label{display:block;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #a8a8a8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.1rem}.tracking__info-card-value{display:block;font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text, #333)}.tracking__info-card-value--lunas{color:#27ae60}.tracking__info-card-value--dp{color:#f39c12}.tracking__timeline-section{padding:1.5rem;border-top:1px solid #f0f0f0}.tracking__timeline-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:var(--font-size-base, 1rem);color:var(--color-text, #333);font-weight:600}@media(max-width:768px){.tracking__hero{margin:2rem auto 3rem}.tracking__hero h1{font-size:var(--font-size-2xl, 1.5rem)}.tracking__hero-icon{width:68px;height:68px}.tracking__hero-icon svg{width:36px;height:36px}.tracking__stepper-label{font-size:.65rem}.tracking__stepper-dot{width:30px;height:30px}.tracking__stepper-dot svg{width:13px;height:13px}}@media(max-width:480px){.tracking{padding:var(--spacing-md, 1rem) var(--spacing-sm, .5rem)}.tracking__hero{margin:1.5rem auto 2rem;padding:0 .5rem}.tracking__hero h1{font-size:1.4rem}.tracking__hero p{font-size:var(--font-size-sm, .875rem);margin-bottom:1.5rem}.tracking__search{flex-direction:column}.tracking__submit{justify-content:center}.tracking__result-header{padding:1rem 1.25rem}.tracking__tracking-id{font-size:var(--font-size-lg, 1.125rem)}.tracking__status-pill{font-size:var(--font-size-xs, .75rem);padding:.3rem .75rem}.tracking__stepper{padding:1.25rem 1rem .75rem}.tracking__stepper-bar{left:calc(1rem + 13px);right:calc(1rem + 13px);top:calc(1.25rem + 13px)}.tracking__stepper-dot{width:28px;height:28px}.tracking__stepper-dot svg{width:12px;height:12px}.tracking__stepper-label{font-size:.6rem;max-width:56px;word-wrap:break-word}.tracking__info-cards{grid-template-columns:1fr}.tracking__info-card:nth-child(odd){border-right:none}.tracking__info-card{padding:.85rem 1.25rem}.tracking__timeline-section{padding:1.25rem}.tracking__not-found{padding:2rem 1.25rem}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f6fa;padding:1rem}.login-card{background:#fff;border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.login-card__title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--color-primary, #e67e22);text-align:center}.login-card__subtitle{margin:0 0 1.5rem;color:#888;text-align:center;font-size:.9rem}.login-card__error{background:#fdf0ed;color:#e74c3c;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;text-align:center}.login-card__form{display:flex;flex-direction:column;gap:1rem}.login-card__field{display:flex;flex-direction:column;gap:.35rem}.login-card__field label{font-size:.85rem;font-weight:500;color:#555}.login-card__field input{padding:.7rem .9rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:border-color .2s;font-family:inherit}.login-card__field input:focus{outline:none;border-color:var(--color-primary, #e67e22);box-shadow:0 0 0 3px #e67e221a}.login-card__submit{margin-top:.5rem;padding:.75rem;background:var(--color-primary, #e67e22);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.login-card__submit:hover:not(:disabled){background:#cf6d17}.login-card__submit:disabled{opacity:.6;cursor:not-allowed}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem}.dashboard__header h2{margin:0;font-size:1.6rem;color:var(--color-text, #333);font-weight:700}.dashboard__subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--color-text-light, #888)}.dashboard__add-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.35rem;background:linear-gradient(135deg,var(--color-primary, #e67e22),#f5a623);color:#fff;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #e67e2240;white-space:nowrap}.dashboard__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e67e2259}.dashboard__add-btn:active{transform:translateY(0)}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem}.stat-card{background:#fff;border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon--total{background:#ebf5fb;color:#3498db}.stat-card__icon--waiting{background:#fef5e7;color:#f39c12}.stat-card__icon--progress{background:#f4ecf7;color:#9b59b6}.stat-card__icon--completed{background:#eafaf1;color:#27ae60}.stat-card__info{display:flex;flex-direction:column}.stat-card__number{font-size:1.75rem;font-weight:700;color:var(--color-text, #333);line-height:1.2}.stat-card__label{font-size:.8rem;color:var(--color-text-light, #888);font-weight:500}.dashboard__recent{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000d;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard__recent-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0}.dashboard__recent-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text, #333);display:flex;align-items:center;gap:.5rem}.dashboard__view-all{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--color-primary, #e67e22);text-decoration:none;transition:gap .2s}.dashboard__view-all:hover{gap:.5rem}.dashboard__table-wrapper{overflow-x:auto}.dashboard__table{width:100%;border-collapse:collapse;min-width:520px}.dashboard__table th,.dashboard__table td{text-align:left;padding:.8rem 1.5rem;font-size:.9rem;white-space:nowrap}.dashboard__table th{font-weight:600;color:var(--color-text-light, #999);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-bottom:1px solid #f0f0f0}.dashboard__table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .15s}.dashboard__table tbody tr:hover{background:#fdf6ef}.dashboard__table tbody tr:last-child{border-bottom:none}.dashboard__link{color:var(--color-primary, #e67e22);text-decoration:none;font-weight:600;font-family:Courier New,monospace;font-size:.85rem}.dashboard__link:hover{text-decoration:underline}.dashboard__cell-name{font-weight:500;color:var(--color-text, #333)}.dashboard__payment{display:inline-block;padding:.2rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600}.dashboard__payment--lunas{background:#eafaf1;color:#27ae60}.dashboard__payment--dp{background:#fef5e7;color:#f39c12}.dashboard__loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0}.dashboard__loading p{color:var(--color-text-light, #888);margin:0;font-size:.9rem}.dashboard__spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:var(--color-primary, #e67e22);border-radius:50%;animation:dash-spin .7s linear infinite}@keyframes dash-spin{to{transform:rotate(360deg)}}.dashboard__empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--color-text-light, #888)}.dashboard__empty p{margin:0;font-size:.95rem}.dashboard__empty-cta{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1.25rem;background:var(--color-primary, #e67e22);color:#fff;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s}.dashboard__empty-cta:hover{background:#cf6d17}@media(max-width:1024px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard__header{flex-direction:column;gap:.75rem;align-items:stretch;margin-bottom:1.25rem}.dashboard__header h2{font-size:1.35rem}.dashboard__subtitle{font-size:.82rem}.dashboard__add-btn{justify-content:center;padding:.6rem 1rem;font-size:.85rem}.dashboard__stats{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1.25rem}.stat-card{flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.85rem .5rem;border-radius:12px}.stat-card__icon{width:40px;height:40px;border-radius:10px}.stat-card__icon svg{width:20px;height:20px}.stat-card__info{align-items:center}.stat-card__number{font-size:1.5rem}.stat-card__label{font-size:.72rem}.dashboard__recent-header{padding:.85rem 1rem}.dashboard__recent-header h3{font-size:.95rem;gap:.35rem}.dashboard__recent-header h3 svg{width:17px;height:17px}.dashboard__view-all{font-size:.78rem}.dashboard__table th,.dashboard__table td{padding:.65rem .85rem;font-size:.82rem}.dashboard__table th{font-size:.68rem}.dashboard__link{font-size:.78rem}}@media(max-width:380px){.stat-card{padding:.75rem .35rem}.stat-card__number{font-size:1.3rem}.dashboard__table th,.dashboard__table td{padding:.55rem .65rem;font-size:.78rem}}.preorders-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.preorders-page__header h2{margin:0;font-size:1.6rem;color:var(--color-text, #333);font-weight:700}.preorders-page__subtitle{margin:.2rem 0 0;font-size:.85rem;color:var(--color-text-light, #888)}.preorders-page__add-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.35rem;background:linear-gradient(135deg,var(--color-primary, #e67e22),#f5a623);color:#fff;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #e67e2240;white-space:nowrap}.preorders-page__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e67e2259}.preorders-page__add-btn:active{transform:translateY(0)}.preorders-page__filters{display:flex;gap:.75rem;margin-bottom:1rem}.preorders-page__search-wrapper{flex:1;position:relative}.preorders-page__search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#bbb;pointer-events:none}.preorders-page__search{width:100%;padding:.7rem 1rem .7rem 2.6rem;border:2px solid #e8e8e8;border-radius:10px;font-size:.9rem;font-family:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}.preorders-page__search:focus{outline:none;border-color:var(--color-primary, #e67e22);box-shadow:0 0 0 3px #e67e221a}.preorders-page__search::placeholder{color:#bbb}.preorders-page__select{padding:.7rem 1rem;border:2px solid #e8e8e8;border-radius:10px;font-size:.9rem;background:#fff;font-family:inherit;cursor:pointer;color:var(--color-text, #333);transition:border-color .15s;min-width:160px}.preorders-page__select:focus{outline:none;border-color:var(--color-primary, #e67e22)}.preorders-page__count{font-size:.82rem;color:var(--color-text-light, #888);margin-bottom:.75rem;padding-left:.25rem}.preorders-page__table-wrapper{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000d;overflow-x:auto;-webkit-overflow-scrolling:touch}.preorders-page__table{width:100%;border-collapse:collapse;min-width:680px}.preorders-page__table th,.preorders-page__table td{text-align:left;padding:.8rem 1.25rem;font-size:.9rem;white-space:nowrap}.preorders-page__table th{font-weight:600;color:var(--color-text-light, #999);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-bottom:1px solid #f0f0f0}.preorders-page__table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .15s}.preorders-page__table tbody tr:hover{background:#fdf6ef}.preorders-page__table tbody tr:last-child{border-bottom:none}.preorders-page__link{color:var(--color-primary, #e67e22);text-decoration:none;font-weight:600;font-family:Courier New,monospace;font-size:.85rem}.preorders-page__link:hover{text-decoration:underline}.preorders-page__cell-name{font-weight:500;color:var(--color-text, #333)}.preorders-page__cell-qty{font-weight:600;text-align:center}.preorders-page__cell-date{color:var(--color-text-light, #888);font-size:.85rem}.preorders-page__payment{display:inline-block;padding:.2rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600}.preorders-page__payment--lunas{background:#eafaf1;color:#27ae60}.preorders-page__payment--dp{background:#fef5e7;color:#f39c12}.preorders-page__loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 0}.preorders-page__loading p{color:var(--color-text-light, #888);margin:0;font-size:.9rem}.preorders-page__spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:var(--color-primary, #e67e22);border-radius:50%;animation:po-spin .7s linear infinite}@keyframes po-spin{to{transform:rotate(360deg)}}.preorders-page__empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 0;color:var(--color-text-light, #888)}.preorders-page__empty p{margin:0;font-size:.95rem}.preorders-page__empty-cta{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1.25rem;background:var(--color-primary, #e67e22);color:#fff;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s}.preorders-page__empty-cta:hover{background:#cf6d17}@media(max-width:768px){.preorders-page__header{flex-direction:column;gap:1rem;align-items:flex-start}.preorders-page__add-btn{width:100%;justify-content:center}.preorders-page__filters{flex-direction:column}.preorders-page__select{min-width:unset}.preorders-page__table th,.preorders-page__table td{padding:.7rem 1rem}}@media(max-width:480px){.preorders-page__table th,.preorders-page__table td{padding:.6rem .75rem;font-size:.82rem}}.preorder-form{max-width:800px}.preorder-form__error{display:flex;align-items:center;gap:.5rem;background:#fdf0ed;color:#e74c3c;padding:.85rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;margin-bottom:1.25rem;border:1px solid #f5c6cb}.preorder-form__section{border:2px solid #f0f0f0;border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;background:#fff;transition:border-color .2s}.preorder-form__section:focus-within{border-color:#e67e2240}.preorder-form__section legend{font-weight:700;font-size:.9rem;color:var(--color-text, #333);padding:0 .5rem;display:flex;align-items:center;gap:.4rem}.preorder-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preorder-form__row--3{grid-template-columns:1fr 1fr 1fr}.preorder-form__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.preorder-form__field label{font-size:.82rem;font-weight:600;color:#666;letter-spacing:.2px}.preorder-form__field input,.preorder-form__field select,.preorder-form__field textarea{padding:.7rem .9rem;border:2px solid #e8e8e8;border-radius:10px;font-size:.9rem;font-family:inherit;background:#fafafa;transition:border-color .2s,background .2s,box-shadow .2s;color:var(--color-text, #333)}.preorder-form__field input:focus,.preorder-form__field select:focus,.preorder-form__field textarea:focus{outline:none;border-color:var(--color-primary, #e67e22);box-shadow:0 0 0 3px #e67e221a;background:#fff}.preorder-form__field input::placeholder,.preorder-form__field textarea::placeholder{color:#bbb}.preorder-form__field textarea{resize:vertical;min-height:80px}.preorder-form__field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.25rem}.preorder-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 2.25rem;background:linear-gradient(135deg,var(--color-primary, #e67e22),#f5a623);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit;box-shadow:0 2px 8px #e67e2240}.preorder-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #e67e2259}.preorder-form__submit:active:not(:disabled){transform:translateY(0)}.preorder-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.preorder-form__row,.preorder-form__row--3{grid-template-columns:1fr}.preorder-form__section{padding:1rem 1.15rem;border-radius:12px}.preorder-form__field input,.preorder-form__field select,.preorder-form__field textarea{padding:.65rem .8rem;font-size:.88rem}.preorder-form__submit{width:100%;padding:.75rem}}.preorder-create__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.preorder-create__header h2{margin:.5rem 0 0;font-size:1.5rem;color:var(--color-text, #333);font-weight:700}.preorder-create__subtitle{margin:0;font-size:.88rem;color:var(--color-text-light, #888)}.preorder-create__back{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--color-text-light, #888);text-decoration:none;transition:color .15s}.preorder-create__back:hover{color:var(--color-primary, #e67e22)}@media(max-width:640px){.preorder-create__header h2{font-size:1.3rem}}.preorder-edit__header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.preorder-edit__header h2{margin:0;font-size:1.5rem;color:var(--color-text, #333);font-weight:700}.preorder-edit__tracking-id{font-family:Courier New,monospace;font-size:.85rem;color:var(--color-primary, #e67e22);font-weight:600;background:#fef5e7;padding:.2rem .6rem;border-radius:6px;display:inline-block;margin-top:.25rem}.preorder-edit__back{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--color-text-light, #888);text-decoration:none;transition:color .15s}.preorder-edit__back:hover{color:var(--color-primary, #e67e22)}.preorder-edit__loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 0}.preorder-edit__loading p{color:var(--color-text-light, #888);margin:0;font-size:.9rem}.preorder-edit__spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:var(--color-primary, #e67e22);border-radius:50%;animation:edit-spin .7s linear infinite}@keyframes edit-spin{to{transform:rotate(360deg)}}.preorder-edit__error-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;text-align:center;background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000d}.preorder-edit__error-card h3{margin:0;font-size:1.15rem;color:var(--color-text, #333)}.preorder-edit__error-card p{margin:0;color:var(--color-text-light, #888);font-size:.9rem}.preorder-edit__back-link{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1.25rem;background:var(--color-primary, #e67e22);color:#fff;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;margin-top:.5rem;transition:background .2s}.preorder-edit__back-link:hover{background:#cf6d17}@media(max-width:640px){.preorder-edit__header h2{font-size:1.3rem}}.status-update-form{background:#fff;border:2px dashed #e8e8e8;border-radius:12px;padding:1.25rem}.status-update-form__title{margin:0 0 1rem;font-size:1rem;color:var(--color-text-primary, #333)}.status-update-form__error{background:#fdf0ed;color:#e74c3c;padding:.6rem .85rem;border-radius:8px;font-size:.85rem;margin-bottom:.75rem}.status-update-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-update-form__field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.status-update-form__field label{font-size:.85rem;font-weight:500;color:#555}.status-update-form__field select,.status-update-form__field textarea,.status-update-form__field input[type=file]{padding:.55rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit}.status-update-form__field select:focus,.status-update-form__field textarea:focus{outline:none;border-color:var(--color-primary, #e67e22);box-shadow:0 0 0 3px #e67e221a}.status-update-form__field textarea{resize:vertical}.status-update-form__submit{padding:.6rem 1.5rem;background:var(--color-primary, #e67e22);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.status-update-form__submit:hover:not(:disabled){background:#cf6d17}.status-update-form__submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.status-update-form__row{grid-template-columns:1fr}}.photo-upload-form{background:#fff;border:2px solid #f0f0f0;border-radius:14px;padding:1.25rem}.photo-upload-form__header{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:1rem}.photo-upload-form__header>svg{flex-shrink:0;color:var(--color-primary, #e67e22);margin-top:1px}.photo-upload-form__header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text, #333)}.photo-upload-form__hint{font-size:.78rem;color:var(--color-text-light, #888)}.photo-upload-form__alert{padding:.6rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;margin-bottom:.75rem}.photo-upload-form__alert--error{background:#fdf0ed;color:#e74c3c;border:1px solid #f5c6cb}.photo-upload-form__alert--success{background:#eafaf1;color:#27ae60;border:1px solid #a3d9a5}.photo-upload-form__dropzone{border:2px dashed #ddd;border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:.85rem}.photo-upload-form__dropzone:hover,.photo-upload-form__dropzone--drag{border-color:var(--color-primary, #e67e22);background:#fef9f4}.photo-upload-form__dropzone--has-file{cursor:default;border-style:solid;border-color:#e8e8e8;padding:.5rem}.photo-upload-form__dropzone--has-file:hover{background:transparent;border-color:#e8e8e8}.photo-upload-form__file-input{display:none}.photo-upload-form__placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 0;color:#bbb}.photo-upload-form__placeholder span{font-size:.85rem;font-weight:500;color:#999}.photo-upload-form__formats{font-size:.72rem!important;color:#ccc!important}.photo-upload-form__preview{position:relative;display:inline-block}.photo-upload-form__preview img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;display:block}.photo-upload-form__remove{position:absolute;top:.35rem;right:.35rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .15s}.photo-upload-form__remove:hover{background:#e74c3cd9}.photo-upload-form__field{margin-bottom:.85rem}.photo-upload-form__field label{display:block;font-size:.82rem;font-weight:600;color:#666;margin-bottom:.3rem}.photo-upload-form__field input{width:100%;padding:.6rem .85rem;border:2px solid #e8e8e8;border-radius:10px;font-size:.88rem;font-family:inherit;background:#fafafa;transition:border-color .2s,background .2s;color:var(--color-text, #333)}.photo-upload-form__field input:focus{outline:none;border-color:var(--color-primary, #e67e22);box-shadow:0 0 0 3px #e67e221a;background:#fff}.photo-upload-form__field input::placeholder{color:#bbb}.photo-upload-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.35rem;background:linear-gradient(135deg,#3498db,#5dade2);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;font-family:inherit;box-shadow:0 2px 8px #3498db40}.photo-upload-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #3498db59}.photo-upload-form__submit:active:not(:disabled){transform:translateY(0)}.photo-upload-form__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.photo-upload-form__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:photo-spin .6s linear infinite}@keyframes photo-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.photo-upload-form{padding:1rem}.photo-upload-form__submit{width:100%}}.preorder-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.preorder-detail__header h2{margin:0 0 .5rem;font-size:1.5rem;font-family:monospace;color:var(--color-text-primary, #333)}.preorder-detail__overdue{margin-left:.5rem;background:#fdf0ed;color:#e74c3c;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.preorder-detail__actions{display:flex;gap:.5rem;flex-wrap:wrap}.preorder-detail__btn{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid;text-decoration:none;font-family:inherit;transition:background .2s}.preorder-detail__btn--copy{background:#3498db;color:#fff;border-color:#3498db}.preorder-detail__btn--copy:hover{background:#2980b9}.preorder-detail__btn--edit{background:#fff;color:var(--color-primary, #e67e22);border-color:var(--color-primary, #e67e22)}.preorder-detail__btn--edit:hover{background:#fdf0e6}.preorder-detail__btn--delete{background:#fff;color:#e74c3c;border-color:#e74c3c}.preorder-detail__btn--delete:hover{background:#fdf0ed}.preorder-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.preorder-detail__info,.preorder-detail__timeline-section{display:flex;flex-direction:column;gap:1rem}.preorder-detail__card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 4px #0000000f}.preorder-detail__card h3{margin:0 0 .75rem;font-size:1rem;color:var(--color-text-primary, #333);padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.preorder-detail__card dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.preorder-detail__card dt{font-size:.85rem;color:var(--color-text-light, #666)}.preorder-detail__card dd{margin:0;font-size:.9rem;font-weight:500}.preorder-detail__card dd a{color:var(--color-primary, #e67e22)}.preorder-detail__payment{font-weight:600;color:#f39c12}.preorder-detail__payment--lunas{color:#27ae60}.preorder-detail__tracking-url{font-family:monospace;font-size:.85rem;color:var(--color-primary, #e67e22);word-break:break-all;margin:0}.preorder-detail__loading,.preorder-detail__error{text-align:center;color:var(--color-text-light, #666);padding:3rem 0}@media(max-width:768px){.preorder-detail__grid{grid-template-columns:1fr}}:root{--color-primary: #e67e22;--color-primary-dark: #e67e22;--color-secondary: #ffffff;--color-accent: #e67e22;--color-accent-light: #e67e22;--color-grey1:#bdc3c7;--color-grey2:#95a5a6;--color-header-background: #ffffff;--color-textheader: #7f8c8d;--color-textheader-active: #e67e22;--color-white: #ffffff;--color-black: #000000;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text: #333333;--color-text-light: #666666;--color-text-muted: #a8a8a8;--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Bebas Neue", "Poppins", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width: 1080px;--header-height: 80px;--header-height-scrolled: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{background-color:#d32f2f}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.btn-accent:hover{background-color:var(--color-accent-light)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-whatsapp{background-color:#25d366;color:var(--color-white)}.btn-whatsapp:hover{background-color:#128c7e}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-image{width:100%;aspect-ratio:4/3;object-fit:cover}.card-content{padding:var(--spacing-lg)}.card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.card-description{color:var(--color-text-light);font-size:var(--font-size-sm)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.container{padding:0 var(--spacing-lg)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-2xl)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}