@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@500&family=DM+Serif+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Playfair+Display:ital,wght@0,900;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;600;700&display=swap);@import url(https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=JetBrains+Mono:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Poppins:wght@300;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700;800;900&display=swap);#root,body,html{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;position:static!important}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.geephiyo-toast{animation:slideInRight .3s ease;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:350px;padding:16px 20px;right:20px;top:20px}.geephiyo-toast-content{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem}.geephiyo-toast-success .geephiyo-toast-content{color:#10b981}.geephiyo-toast-error .geephiyo-toast-content{color:#ef4444}.geephiyo-header-location{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:100px;box-shadow:0 4px 15px #0000000d;display:flex;gap:8px;left:20px;padding:10px 18px;position:absolute;top:20px;z-index:10}.geephiyo-loc-dot{background:#e87a5d;background:var(--accent-coral);border-radius:50%;flex-shrink:0;height:8px;width:8px}.geephiyo-loc-input{background:#0000;border:none;color:#c65d42;color:var(--accent-terracotta);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.75rem;font-weight:800;letter-spacing:.1em;max-width:150px;min-width:80px;outline:none;text-transform:uppercase;width:auto}.geephiyo-loc-input::placeholder{color:#8c8681;color:var(--text-secondary);opacity:.5}.geephiyo-loc-comma{color:#c65d42;color:var(--accent-terracotta);font-size:.75rem;font-weight:800;margin:0 2px}.geephiyo-loc-detect-btn{align-items:center;background:#0000;border:none;color:#e87a5d;color:var(--accent-coral);cursor:pointer;display:flex;justify-content:center;margin-left:4px;padding:4px;transition:transform .2s ease}.geephiyo-loc-detect-btn:hover{transform:scale(1.1)}.geephiyo-loc-detect-btn:disabled{cursor:not-allowed;opacity:.5}.geephiyo-hero-new{align-items:center;background-color:#fcf9f6;background-color:var(--bg-cream);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:140px 20px 60px;position:relative;text-align:center}.geephiyo-brand-logo{color:#2d2926;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:900;letter-spacing:.5em;margin-bottom:15px;margin-top:-40px;opacity:.9;text-transform:uppercase}.geephiyo-hero-title-new{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",serif;font-family:var(--font-heading);font-size:clamp(3.2rem,14vw,6.5rem);letter-spacing:-.04em;line-height:.85;margin-bottom:24px}.geephiyo-hero-title-new em{color:#e87a5d;color:var(--accent-coral);font-style:italic}.geephiyo-search-wrapper-new{margin-bottom:40px;max-width:580px;position:relative;width:100%}.geephiyo-search-wrap{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 10px 40px #0000000a;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0;padding:8px;position:relative;width:100%}.geephiyo-search-input-new{background:#0000;border:none;color:#2d2926;color:var(--text-primary);flex:1 1 auto;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:1.05rem;min-width:0;outline:none;padding:12px 18px}.geephiyo-search-clear-new,.geephiyo-search-input-new::placeholder{color:#8c8681;color:var(--text-secondary)}.geephiyo-search-clear-new{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:4px;padding:8px;transition:color .2s ease}.geephiyo-search-clear-new:hover{color:#2d2926;color:var(--text-primary)}.geephiyo-search-btn-new{background:#2d2926;background:var(--text-primary);border:none;border-radius:14px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-family:var(--font-body);font-weight:700;margin-left:auto;padding:14px 28px;transition:background .3s ease,transform .2s ease;white-space:nowrap}.geephiyo-search-btn-new:hover{background:#1a1715;transform:translateY(-1px)}.geephiyo-search-dropdown-new{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 40px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.geephiyo-search-loading{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem;justify-content:center;padding:24px}.geephiyo-spinner{border:2px solid #0000001a;border-top:2px solid var(--accent-coral)}.geephiyo-search-suggestion{border-bottom:1px solid #00000008;font-family:Inter,sans-serif;font-family:var(--font-body);padding:14px 18px;transition:background .2s ease}.geephiyo-search-suggestion:hover{background:#e87a5d0d}.geephiyo-suggestion-text{font-size:.95rem}.geephiyo-suggestion-badge{border-radius:100px;font-size:.7rem}.geephiyo-suggestion-remove{padding:4px;transition:color .2s ease}.geephiyo-suggestion-remove:hover{color:#2d2926;color:var(--text-primary)}.geephiyo-search-no-results{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.geephiyo-search-no-results div{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem}.geephiyo-stats-bar{border-top:1px solid #0000000d;display:flex;gap:clamp(1.2rem,8vw,4rem);justify-content:center;margin-bottom:70px;max-width:700px;padding-top:30px;width:100%}.geephiyo-stat-item{text-align:center}.geephiyo-stat-v{color:#2d2926;color:var(--text-primary);display:block;font-family:"DM Serif Display",serif;font-family:var(--font-heading);font-size:clamp(1.8rem,6vw,2.6rem);line-height:1}.geephiyo-stat-l{color:#8c8681;color:var(--text-secondary);display:block;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.6rem;font-weight:800;letter-spacing:.1em;margin-top:5px;text-transform:uppercase}.geephiyo-store-promo{border-radius:32px;box-shadow:0 25px 60px #0000001f;cursor:pointer;height:380px;max-width:700px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.165,.84,.44,1);width:100%}.geephiyo-store-promo:hover{transform:scale(1.015)}.geephiyo-promo-img{background-image:url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-size:cover;height:100%;width:100%}.geephiyo-promo-overlay{background:linear-gradient(0deg,#000000d9,#0000 70%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:40px;position:absolute;text-align:left}.geephiyo-glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:100px;color:#fff;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.65rem;font-weight:800;letter-spacing:.05em;margin-bottom:12px;padding:6px 14px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.geephiyo-promo-overlay h3{color:#fff;font-family:"DM Serif Display",serif;font-family:var(--font-heading);font-size:2.2rem;line-height:1.1;margin-bottom:10px}.geephiyo-promo-overlay p{color:#ffffffbf;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:1rem;line-height:1.5;max-width:480px}@media (max-width:600px){.geephiyo-header-location{left:15px;padding:8px 14px;top:15px}.geephiyo-loc-input{font-size:.65rem;max-width:100px;min-width:60px}.geephiyo-loc-detect-btn{padding:2px}.geephiyo-hero-new{padding-bottom:40px;padding-top:130px}.geephiyo-brand-logo{font-size:.75rem;letter-spacing:.3em;margin-bottom:12px;margin-top:-30px}.geephiyo-hero-title-new{font-size:3.4rem;margin-bottom:20px}.geephiyo-search-wrapper-new{margin-bottom:30px}.geephiyo-search-input-new{font-size:.85rem;padding:10px 12px}.geephiyo-search-btn-new{font-size:.75rem;padding:10px 14px}.geephiyo-search-wrap{gap:0;padding:6px}.geephiyo-search-clear-new{padding:4px}.geephiyo-stats-bar{gap:1rem;margin-bottom:50px;padding-top:20px}.geephiyo-stat-v{font-size:1.6rem}.geephiyo-stat-l{font-size:.55rem}.geephiyo-store-promo{border-radius:24px;height:420px}.geephiyo-promo-overlay{padding:25px}.geephiyo-promo-overlay h3{font-size:1.8rem}.geephiyo-promo-overlay p{font-size:.9rem}.geephiyo-search-dropdown-new{max-height:300px}}@media (max-width:400px){.geephiyo-header-location{left:12px;padding:6px 12px;top:12px}.geephiyo-loc-input{font-size:.6rem;max-width:80px;min-width:50px}.geephiyo-loc-dot{height:6px;width:6px}.geephiyo-hero-title-new{font-size:2.8rem}.geephiyo-search-input-new{font-size:.8rem;padding:9px 10px}.geephiyo-search-btn-new{font-size:.7rem;padding:9px 12px}.geephiyo-search-wrap{gap:0;padding:5px}.geephiyo-search-clear-new{padding:3px}.geephiyo-promo-overlay h3{font-size:1.5rem}.geephiyo-promo-overlay p{font-size:.85rem}}.geephiyo-home-pills-container{display:flex;gap:10px;overflow-x:auto;padding:15px 0 30px;scrollbar-width:none}.geephiyo-home-pills-container::-webkit-scrollbar{display:none}.geephiyo-home-pill{background:#fff;border:1px solid #eee;border-radius:50px;color:#666;cursor:pointer;font-size:12px;font-weight:700;padding:8px 20px;white-space:nowrap}.geephiyo-home-pill-active{background:#2d2926;border-color:#2d2926;color:#fff}.geephiyo-home-brand-break h2{color:#2d2926}@media (max-width:768px){.geephiyo-home-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.geephiyo-home-brand-break{display:block}}.geephiyo-home-big-statement{color:#000}.geephiyo-home-feature-box p{color:#1a1a1a}.geephiyo-home-big-statement em{color:#e87a5d}.geephiyo-home-feature-box p{color:#444}@media (max-width:600px){.geephiyo-home-feature-row{grid-template-columns:1fr}.geephiyo-home-big-statement{font-size:32px}.geephiyo-home-title{font-size:11px}}.geephiyo-home-wrapper{background-color:#fcf9f6;margin:0 auto;max-width:1200px;padding:10px}.text-orange{color:#e87a5d}.text-black{color:#000}.geephiyo-home-header-area{padding:40px 0 30px;text-align:center}.geephiyo-home-main-heading{font-family:"DM Serif Display",serif;font-size:3rem;letter-spacing:-1px}.geephiyo-home-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.geephiyo-home-brand-break{display:none;grid-column:span 3;padding:40px 0;text-align:center}.geephiyo-home-brand-break p{color:#e87a5d;font-size:10px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.geephiyo-home-brand-break h2{font-family:"DM Serif Display",serif;font-size:28px}@media (max-width:768px){.geephiyo-home-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.geephiyo-home-brand-break{display:block}.geephiyo-home-main-heading{font-size:2.5rem}}.geephiyo-home-card{aspect-ratio:2/3;background:#ddd;border-radius:15px;cursor:pointer;overflow:hidden;position:relative}.geephiyo-home-img{display:block;height:100%;object-fit:cover;width:100%}.geephiyo-home-overlay{background:linear-gradient(0deg,#000c 0,#0000 60%);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:12px;position:absolute}.geephiyo-home-cat{color:#e87a5d;font-size:8px;font-weight:900;margin-bottom:2px;text-transform:uppercase}.geephiyo-home-title{font-family:"DM Serif Display",serif;font-size:14px;line-height:1.1}.geephiyo-home-marketing{margin-top:80px;padding:0 10px}.geephiyo-home-big-statement{color:#eb8342;font-family:"DM Serif Display",serif;font-size:42px;line-height:1;margin-bottom:40px}.geephiyo-home-big-statement em{color:#000;font-style:italic}.geephiyo-home-feature-row{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.geephiyo-home-feature-box h4{color:#e87a5d;font-size:12px;margin-bottom:15px;text-transform:uppercase}.geephiyo-home-feature-box p{color:#000;font-size:16px;line-height:1.6;opacity:.8}.geephiyo-registry{margin:80px auto;max-width:1600px;padding:0 12px}.geephiyo-section-header{margin-bottom:40px}.geephiyo-section-label{font-family:Inter,sans-serif;font-size:.7rem;letter-spacing:.15em;margin-bottom:12px}.geephiyo-section-title{font-family:"DM Serif Display",serif;font-size:clamp(2rem,8vw,3.5rem);line-height:1.1;margin-bottom:15px}.geephiyo-section-description{font-family:Inter,sans-serif;font-size:1rem;max-width:600px}.geephiyo-categories-wrapper{margin-bottom:40px;overflow:hidden;padding:20px 0}.geephiyo-categories-track{animation:fadeInCategories .5s ease;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes fadeInCategories{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.geephiyo-category-pill{background:#fcf9f6;border:1px solid #2d29261a;border-radius:100px;color:#2d2926;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.geephiyo-category-pill:hover{background:#e87a5d;border-color:#e87a5d;color:#fff;transform:translateY(-2px)}.geephiyo-pin-grid{column-count:2;column-gap:12px}@media (min-width:768px){.geephiyo-pin-grid{column-count:3;column-gap:16px}.geephiyo-registry{padding:0 20px}}@media (min-width:1024px){.geephiyo-pin-grid{column-count:4;column-gap:20px}}.geephiyo-pin{animation:fadeInUp .5s ease backwards;break-inside:avoid;margin-bottom:25px;page-break-inside:avoid;position:relative}.geephiyo-img-box{background:#f0f0f0;border-radius:18px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.geephiyo-img-box:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.geephiyo-img-box img{display:block;height:100%;object-fit:cover;width:100%}.geephiyo-store-overlay{background:linear-gradient(180deg,#0009 0,#0000);color:#fff;left:0;padding:15px 12px;position:absolute;right:0;top:0;z-index:2}.geephiyo-store-overlay h4{font-family:Inter,sans-serif;font-size:.85rem;font-weight:900;letter-spacing:-.2px;line-height:1.2;text-transform:uppercase}@media (min-width:768px){.geephiyo-store-overlay h4{font-size:1.1rem}.geephiyo-store-overlay{padding:20px}}.geephiyo-badge-small{background:#e87a5d;border-radius:3px;color:#fff;display:inline-block;font-size:7px;font-weight:800;margin-bottom:4px;padding:2px 6px;text-transform:uppercase}.geephiyo-ribbon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;display:flex;height:44px;margin:-15px auto 0;overflow:hidden;position:relative;width:85%;z-index:3}.geephiyo-track{animation:scroll 15s linear infinite;display:flex;gap:8px;padding:0 8px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.geephiyo-p-item{background:#f4f4f5;border-radius:6px;flex-shrink:0;height:30px;overflow:hidden;width:30px}.geephiyo-p-item img{height:100%;object-fit:cover;width:100%}.geephiyo-loading{padding:60px 20px}.geephiyo-loading p{font-family:Inter,sans-serif;font-size:1rem}.geephiyo-spinner{border:3px solid #e87a5d33}.geephiyo-create-store-wrapper{align-items:center;display:flex;justify-content:center;padding:40px 20px}.geephiyo-create-card{border-radius:30px;box-shadow:0 20px 40px #00000026;cursor:pointer;height:600px;max-width:500px;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.geephiyo-create-card:hover{transform:scale(1.02)}.geephiyo-card-bg{background-image:url(https://images.unsplash.com/photo-1556740758-90de374c12ad?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-size:cover;height:100%;width:100%}.geephiyo-card-overlay{background:linear-gradient(0deg,#000c 10%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:40px 30px;position:absolute}.geephiyo-content-box{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;padding:25px;text-align:center}.geephiyo-content-box h2{font-family:Inter,sans-serif;font-size:2rem;font-weight:900;line-height:1.1;margin-bottom:10px}.geephiyo-content-box p{font-family:Inter,sans-serif;font-size:1rem;margin-bottom:20px;opacity:.9}.geephiyo-create-btn{background:#e87a5d;border:none;border-radius:50px;box-shadow:0 10px 20px #e87a5d66;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.geephiyo-create-btn:hover{background:#d66a4d;box-shadow:0 15px 30px #e87a5d80;transform:translateY(-2px)}.geephiyo-badge-join{background:#fff;border-radius:50px;color:#000;font-family:Inter,sans-serif;font-size:.7rem;font-weight:900;padding:8px 15px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:10}@media (max-width:600px){.geephiyo-registry{margin:50px auto}.geephiyo-categories-wrapper,.geephiyo-section-header{margin-bottom:30px}.geephiyo-category-pill{font-size:.75rem;padding:8px 16px}.geephiyo-create-card{height:500px}.geephiyo-content-box h2{font-size:1.5rem}.geephiyo-content-box p{font-size:.9rem}.geephiyo-create-btn{font-size:.75rem;padding:12px 24px}}@media (max-width:400px){.geephiyo-pin-grid{column-gap:10px}.geephiyo-pin{margin-bottom:20px}.geephiyo-ribbon{height:40px}.geephiyo-p-item{height:26px;width:26px}.geephiyo-store-overlay h4{font-size:.75rem}}:root{--foundry-warm-bg:#1a0f08;--foundry-accent:#f59e0b;--footer-bg:#0a0604;--footer-text:#000;--footer-text-secondary:#1a1a1a;--footer-border:#2a2a2a}.geephiyo-foundry{background:#1a0f08;background:var(--foundry-warm-bg);overflow:hidden;padding:8rem 2rem;position:relative}.foundry-mesh-bg{background:radial-gradient(at 0 0,#451a03 0,#0000 50%),radial-gradient(at 100% 100%,#7c2d12 0,#0000 50%);filter:blur(60px);inset:0;opacity:.6;position:absolute;z-index:0}.foundry-promo-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;position:relative;z-index:2}@media (min-width:1024px){.foundry-promo-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}}.foundry-column{display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.foundry-column{gap:2rem}.col-1{transform:translateY(40px)}.col-3{transform:translateY(-30px)}.col-4{transform:translateY(60px)}}.foundry-promo-card{background:#111;border:1px solid #f59e0b1a;border-radius:16px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.foundry-promo-card:hover{border-color:#f59e0b;border-color:var(--foundry-accent);box-shadow:0 20px 40px #0006;transform:scale(1.02)}.kinetic-letter{align-items:center;color:#fff;display:flex;font-size:clamp(5rem,15vw,12rem);font-weight:900;inset:0;justify-content:center;mix-blend-mode:overlay;pointer-events:none;position:absolute;z-index:5}.carousel-stack{height:100%;position:relative;width:100%}.carousel-item{filter:sepia(.4) brightness(.6);height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity 1.5s ease-in-out;width:100%}.carousel-item.active{opacity:1}.foundry-promo-card:hover .carousel-item{filter:sepia(0) brightness(1)}.foundry-sidebar{aspect-ratio:9/16}.foundry-in-feed{aspect-ratio:1/1}.foundry-banner{aspect-ratio:16/7}.geephiyo-section-header{margin-bottom:4rem;position:relative;z-index:2}.geephiyo-section-title{color:#f59e0b;color:var(--foundry-accent);font-size:3rem;font-weight:900;letter-spacing:-2px;text-transform:uppercase}.geephiyo-section-description{color:#000;font-size:1.125rem;margin-top:.5rem}.geephiyo-footer{background:linear-gradient(180deg,#0a0604,#000);background:linear-gradient(to bottom,var(--footer-bg),#000);border-top:1px solid #2a2a2a;border-top:1px solid var(--footer-border);color:#000;color:var(--footer-text);padding:4rem 2rem 2rem}.footer-container{margin:0 auto;max-width:1200px}.footer-brand{margin-bottom:3rem;text-align:center}.footer-logo{color:#f59e0b;color:var(--foundry-accent);font-size:2rem;font-weight:900;letter-spacing:2px;margin-bottom:.5rem}.footer-tagline{color:#000;font-size:1rem;font-weight:300}.footer-links-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}@media (min-width:768px){.footer-links-grid{grid-template-columns:repeat(4,1fr)}}.footer-column-title{color:#f59e0b;color:var(--foundry-accent);font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#000;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#f59e0b;color:var(--foundry-accent);transform:translateX(4px)}.footer-bottom{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--footer-border);display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-social{display:flex;gap:1.5rem}.footer-social a{align-items:center;color:#000;display:flex;justify-content:center;transition:all .3s ease}.footer-social a:hover{color:#f59e0b;color:var(--foundry-accent);transform:translateY(-2px)}.footer-social svg{height:24px;width:24px}.footer-copyright{color:#000;font-size:.9rem;margin:0;text-align:center}@media (max-width:768px){.geephiyo-foundry{padding:4rem 1rem}.geephiyo-section-title{font-size:2rem}.footer-brand{margin-bottom:2rem}.footer-logo{font-size:1.5rem}}:root{--primary-hover:#2563eb;--text-main:#1f2937;--text-muted:#6b7280;--glass-bg:#fffffff2;--glass-border:#e5e7eb80;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 25px -5px #0000001a;--radius:12px}.geephiyo-hero{background-color:#f9fafb;min-height:600px;padding:80px 20px}.geephiyo-hero-gradient{background:radial-gradient(circle at top right,#dbeafe 0,#0000 40%),radial-gradient(circle at bottom left,#fef3c7 0,#0000 40%);opacity:.6}.geephiyo-hero-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%239C92AC' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.geephiyo-hero-content{max-width:800px;width:100%;z-index:10}.geephiyo-hero-title{color:#1f2937;color:var(--text-main);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem}.geephiyo-hero-subtitle{color:#6b7280;color:var(--text-muted);font-size:1.125rem;margin:0 auto 2.5rem;max-width:600px}.geephiyo-search-wrapper{margin:0 auto 2rem;max-width:650px}.geephiyo-search-bar{border:1px solid #e5e7eb80;border:1px solid var(--glass-border);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transition:transform .2s ease}.geephiyo-search-bar:focus-within{border-color:#3b82f6;border-color:var(--primary)}.geephiyo-search-icon{color:#6b7280;color:var(--text-muted)}.geephiyo-search-input{font-size:1rem;padding:10px 0}.geephiyo-search-clear{background:none;color:#6b7280;color:var(--text-muted)}.geephiyo-search-btn{background:#1f2937;background:var(--text-main);font-weight:600;padding:12px 28px;transition:background .2s}.geephiyo-search-btn:hover{background:#000}.geephiyo-search-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:1px solid #e5e7eb80;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;text-align:left;top:calc(100% + 12px);z-index:50}.geephiyo-search-suggestion{padding:12px 20px;transition:background .2s}.geephiyo-search-suggestion:hover{background:#00000008}.geephiyo-suggestion-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.geephiyo-search-loading{color:#6b7280;color:var(--text-muted)}.geephiyo-location-selector{background:#fff;border:1px solid #e5e7eb80;border:1px solid var(--glass-border);border-radius:100px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-sm);display:inline-flex;gap:8px;padding:8px 16px}.geephiyo-location-icon{color:#3b82f6;color:var(--primary)}.geephiyo-location-input{border:none;color:#1f2937;color:var(--text-main);font-size:.9rem;font-weight:500;outline:none;width:100px}.geephiyo-location-divider{color:#d1d5db}.geephiyo-location-detect{background:#eff6ff;border:none;border-radius:50%;color:#3b82f6;color:var(--primary);height:32px;transition:all .2s;width:32px}.geephiyo-location-detect:hover{background:#3b82f6;background:var(--primary);color:#fff}.geephiyo-hero-stats{grid-gap:20px;border-top:1px solid #0000000d;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:4rem;padding-top:2rem}.geephiyo-stat{gap:15px;text-align:left}.geephiyo-stat svg{color:#3b82f6;color:var(--primary)}.geephiyo-stat-value{color:#1f2937;color:var(--text-main);font-size:1.25rem;font-weight:700}.geephiyo-stat-label{color:#6b7280;color:var(--text-muted);font-size:.85rem}.geephiyo-toast{animation:slideIn .3s ease-out;z-index:100}.geephiyo-toast-content{background:#fff;border-left:4px solid #3b82f6;border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:12px 20px}.geephiyo-toast-success .geephiyo-toast-content{border-left-color:#10b981}.geephiyo-toast-error .geephiyo-toast-content{border-left-color:#ef4444}.geephiyo-spinner{border:2px solid #e5e7eb;border-top:2px solid var(--primary);height:18px;width:18px}@media (max-width:640px){.geephiyo-hero-stats{gap:15px;grid-template-columns:1fr}.geephiyo-search-btn{display:none}.geephiyo-search-bar{padding-right:15px}}body{overflow-x:hidden!important;overflow-y:auto!important}.geephiyo-home{background:#fcf9f6;background:var(--bg-cream);min-height:100vh;position:relative}.geephiyo-toast{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;max-width:360px;padding:18px 24px;position:fixed;right:24px;top:24px;z-index:10000}.geephiyo-toast-content{align-items:center;color:#2d2926;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:12px}.geephiyo-toast-success{border-left:4px solid #10b981}.geephiyo-toast-error{border-left:4px solid #ef4444}.geephiyo-toast-info{border-left:4px solid #3b82f6}.geephiyo-hero{align-items:center;display:flex;justify-content:center;min-height:85vh;overflow:hidden;padding:clamp(80px,15vh,140px) 5% clamp(60px,10vh,100px);position:relative}.geephiyo-hero-bg{inset:0;position:absolute;z-index:0}.geephiyo-hero-gradient{background:linear-gradient(135deg,#fff9f0,#fcf9f6 30%,#fff5eb 60%,#fcf9f6);inset:0;position:absolute}.geephiyo-hero-pattern{background-image:radial-gradient(circle at 20% 30%,#e87a5d08 0,#0000 50%),radial-gradient(circle at 80% 70%,#e87a5d0a 0,#0000 50%),radial-gradient(circle at 50% 50%,#e87a5d05 0,#0000 70%);inset:0;opacity:.8;position:absolute}.geephiyo-hero-content{margin:0 auto;max-width:920px;position:relative;text-align:center;z-index:1}.geephiyo-hero-title{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.8rem,10vw,5.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:clamp(1.2rem,3vh,2rem)}.geephiyo-hero-subtitle{color:#8c8681;color:var(--text-secondary);font-size:clamp(1.05rem,2.5vw,1.3rem);font-weight:400;line-height:1.7;margin-bottom:clamp(2.5rem,6vh,4rem);margin-left:auto;margin-right:auto;max-width:680px}.geephiyo-search-wrapper{margin:0 auto clamp(2rem,5vh,3rem);max-width:640px;position:relative;z-index:100}.geephiyo-search-bar{align-items:center;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:100px;box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);display:flex;padding:8px 8px 8px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.geephiyo-search-bar:focus-within{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.geephiyo-search-icon{color:#8c8681;color:var(--text-secondary);flex-shrink:0;margin-right:12px}.geephiyo-search-input{background:#0000;border:none;color:#2d2926;color:var(--text-primary);flex:1 1;font-size:clamp(1rem,2vw,1.1rem);font-weight:500;outline:none;padding:0}.geephiyo-search-input::placeholder{color:#6b7280;color:var(--text-muted)}.geephiyo-search-clear{align-items:center;background:#0000;border:none;border-radius:50%;color:#8c8681;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.geephiyo-search-clear:hover{background:#e87a5d1a;color:#e87a5d;color:var(--accent-coral)}.geephiyo-search-btn{background:#e87a5d;background:var(--accent-coral);border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;letter-spacing:.01em;padding:clamp(12px,2.5vw,16px) clamp(24px,5vw,36px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.geephiyo-search-btn:hover{background:#d66a4d;background:var(--accent-coral-dark);box-shadow:0 8px 20px #e87a5d4d;transform:translateY(-1px)}.geephiyo-search-dropdown{animation:fadeInDown .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);left:0;max-height:420px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.geephiyo-search-loading{align-items:center;color:#8c8681;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:20px}.geephiyo-spinner{animation:spin .6s linear infinite;border:2px solid #8c868126;border:2px solid var(--border-subtle);height:20px;width:20px}.geephiyo-search-suggestion{align-items:center;border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:all .2s ease}.geephiyo-search-suggestion:last-child{border-bottom:none}.geephiyo-search-suggestion:hover{background:#fff9f0;background:var(--bg-warm-white);padding-left:24px}.geephiyo-suggestion-text{color:#2d2926;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:500}.geephiyo-suggestion-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.geephiyo-suggestion-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#8c8681;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.geephiyo-suggestion-remove:hover{background:#ef44441a;color:#ef4444}.geephiyo-search-no-results{color:#8c8681;color:var(--text-secondary);padding:40px 20px;text-align:center}.geephiyo-search-no-results svg{color:#6b7280;color:var(--text-muted);margin-bottom:12px}.geephiyo-location-selector{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto clamp(2rem,4vh,3rem);max-width:560px}.geephiyo-location-icon{color:#e87a5d;color:var(--accent-coral);flex-shrink:0}.geephiyo-location-input{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:12px;color:#2d2926;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;max-width:180px;min-width:0;padding:12px 18px;transition:all .3s ease}.geephiyo-location-input:focus{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 0 0 3px #e87a5d1a;outline:none}.geephiyo-location-input::placeholder{color:#6b7280;color:var(--text-muted)}.geephiyo-location-divider{color:#8c8681;color:var(--text-secondary);flex-shrink:0}.geephiyo-location-detect{align-items:center;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:12px;color:#e87a5d;color:var(--accent-coral);cursor:pointer;display:flex;justify-content:center;padding:12px 14px;transition:all .3s ease}.geephiyo-location-detect:hover:not(:disabled){background:#e87a5d;background:var(--accent-coral);box-shadow:0 6px 20px #e87a5d4d;color:#fff;transform:translateY(-2px)}.geephiyo-location-detect:disabled{cursor:not-allowed;opacity:.5}.geephiyo-hero-stats{grid-gap:clamp(1rem,3vw,2rem);display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.geephiyo-stat{align-items:center;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.geephiyo-stat:hover{box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.geephiyo-stat svg{color:#e87a5d;color:var(--accent-coral);flex-shrink:0}.geephiyo-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:clamp(60px,12vh,100px) 20px}.geephiyo-loading p{color:#8c8681;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);font-weight:500}.geephiyo-spinner{animation:spin .8s linear infinite;border:3px solid #8c868126;border-top-color:#e87a5d;border:3px solid var(--border-subtle);border-radius:50%;border-top-color:var(--accent-coral);height:40px;width:40px}.geephiyo-search-loading .geephiyo-spinner{border-width:2px;height:20px;width:20px}.geephiyo-location-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.geephiyo-location-input:focus{transform:translateY(-1px)}.geephiyo-location-selector{min-height:52px}.geephiyo-empty-state{padding:clamp(60px,12vh,100px) 20px;text-align:center}.geephiyo-empty-state svg{color:#6b7280;color:var(--text-muted);margin-bottom:20px}.geephiyo-empty-state h3{color:#2d2926;color:var(--text-primary);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;margin-bottom:10px}.geephiyo-empty-state p{color:#8c8681;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.05rem);margin:0 auto;max-width:500px}.geephiyo-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fff9f0,#e87a5d14 50%,#fff9f0);background:linear-gradient(90deg,var(--bg-warm-white) 0,#e87a5d14 50%,var(--bg-warm-white) 100%);background-size:200% 100%;border-radius:12px}.geephiyo-skeleton-card{border-radius:clamp(16px,3vw,28px);height:300px;width:100%}.geephiyo-skeleton-text{height:20px;margin-bottom:10px;width:100%}.geephiyo-skeleton-text-short{width:60%}.geephiyo-stat-value{color:#2d2926;color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;line-height:1;margin-bottom:4px}.geephiyo-stat-label{color:#8c8681;color:var(--text-secondary);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500}.geephiyo-category-pills{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin-bottom:clamp(30px,6vh,50px);overflow-x:auto;padding:20px 5%;scrollbar-width:none}.geephiyo-category-pills::-webkit-scrollbar{display:none}.geephiyo-pill{background:#fff;border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:100px;color:#2d2926;color:var(--text-primary);cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;letter-spacing:.01em;padding:clamp(10px,2vw,14px) clamp(20px,4vw,32px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.geephiyo-pill:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 6px 16px #e87a5d26;color:#e87a5d;color:var(--accent-coral);transform:translateY(-2px)}.geephiyo-pill-active,.geephiyo-pill-active:hover{background:#2d2926;background:var(--text-primary);border-color:#2d2926;border-color:var(--text-primary);color:#fff}.geephiyo-stories{background:linear-gradient(180deg,#fcf9f6,#fff9f0);background:linear-gradient(180deg,var(--bg-cream) 0,var(--bg-warm-white) 100%);padding:0 5% clamp(60px,12vh,100px)}.geephiyo-masonry{column-count:2;column-gap:clamp(12px,3vw,28px)}@media (min-width:640px){.geephiyo-masonry{column-count:3}}@media (min-width:1024px){.geephiyo-masonry{column-count:4}}.geephiyo-story-pin{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,28px);break-inside:avoid;cursor:pointer;margin-bottom:clamp(12px,3vw,28px);overflow:hidden;page-break-inside:avoid;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.geephiyo-story-pin:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);transform:translateY(-6px)}.geephiyo-story-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:100px;box-shadow:0 4px 16px #0000001a;color:#e87a5d;color:var(--accent-coral);font-size:clamp(.7rem,1.5vw,.85rem);font-weight:700;left:clamp(10px,2.5vw,18px);letter-spacing:.3px;padding:clamp(5px,1.2vw,8px) clamp(12px,2.5vw,16px);position:absolute;top:clamp(10px,2.5vw,18px);z-index:10}.geephiyo-story-image{display:block;filter:grayscale(20%) brightness(.98);transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.geephiyo-story-pin:hover .geephiyo-story-image{filter:grayscale(0) brightness(1);transform:scale(1.04)}.geephiyo-story-info{background:#fff;padding:clamp(14px,3vw,22px)}.geephiyo-story-info h3{color:#2d2926;color:var(--text-primary);font-size:clamp(.95rem,2vw,1.2rem);font-weight:700;line-height:1.3;margin-bottom:6px}.geephiyo-story-info p{color:#8c8681;color:var(--text-secondary);font-size:clamp(.8rem,1.6vw,.9rem);font-weight:500;line-height:1.5}.geephiyo-section-header{margin-bottom:clamp(50px,10vh,90px);padding:0 5%;text-align:center}.geephiyo-section-label{color:#e87a5d;color:var(--accent-coral);font-size:clamp(.7rem,1.6vw,.8rem);font-weight:800;letter-spacing:.25em;margin-bottom:clamp(.8rem,2vh,1.2rem);text-transform:uppercase}.geephiyo-section-title{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:clamp(.8rem,2vh,1.2rem)}.geephiyo-section-description{color:#8c8681;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.15rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:680px}.geephiyo-registry{background:#fff;border-top:2px solid #8c868126;border-top:2px solid var(--border-subtle);padding:clamp(60px,15vh,120px) 5%}.geephiyo-registry-grid{grid-gap:clamp(1.5rem,4vw,3rem);display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:repeat(1,1fr);margin:0 auto;max-width:1400px}@media (min-width:768px){.geephiyo-registry-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.geephiyo-registry-grid{grid-template-columns:repeat(3,1fr)}}.geephiyo-registry-column{display:flex;flex-direction:column;gap:clamp(2rem,5vw,4rem);will-change:transform}@media (min-width:1200px){.geephiyo-registry-column:nth-child(2){margin-top:70px}.geephiyo-registry-column:nth-child(3){margin-top:35px}}.geephiyo-store-wrapper{animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) backwards}.geephiyo-store-card{aspect-ratio:4/3;background:#fffbf7;background:var(--bg-paper);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,28px);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.geephiyo-store-card:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);transform:translateY(-8px)}.geephiyo-store-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-radius:100px;box-shadow:0 6px 20px #0000001f;color:#e87a5d;color:var(--accent-coral);font-size:clamp(.7rem,1.5vw,.85rem);font-weight:700;left:clamp(12px,2.5vw,20px);letter-spacing:.4px;padding:clamp(6px,1.5vw,10px) clamp(14px,2.5vw,18px);position:absolute;top:clamp(12px,2.5vw,20px);z-index:10}.geephiyo-store-image{filter:grayscale(30%) brightness(.96);height:100%;object-fit:cover;transition:all .7s cubic-bezier(.4,0,.2,1);width:100%}.geephiyo-store-card:hover .geephiyo-store-image{filter:grayscale(0) brightness(1);transform:scale(1.06)}.geephiyo-product-ribbon{align-items:center;background:linear-gradient(135deg,#fcf9f6f2,#fff9f0f2);border-top:1px solid #8c868126;border-top:1px solid var(--border-subtle);display:flex;height:clamp(55px,11vw,80px);overflow:hidden;position:relative;width:100%}.geephiyo-product-track{animation:scrollProductsSmooth 20s linear infinite;display:flex;gap:clamp(8px,1.8vw,14px);padding:0 10px}@keyframes scrollProductsSmooth{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.geephiyo-product-item{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(8px,1.8vw,12px);box-shadow:0 3px 10px #0000000f;flex-shrink:0;height:clamp(45px,9vw,65px);overflow:hidden;transition:transform .3s ease;width:clamp(45px,9vw,65px)}.geephiyo-product-item:hover{transform:scale(1.08)}.geephiyo-product-item img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.geephiyo-product-item:hover img{transform:scale(1.12)}.geephiyo-store-name{background:#fff;border-top:1px solid #8c868126;border-top:1px solid var(--border-subtle);color:#2d2926;color:var(--text-primary);font-size:clamp(.95rem,2vw,1.15rem);font-weight:700;letter-spacing:.01em;padding:clamp(14px,3vw,20px)}.geephiyo-foundry{background:linear-gradient(180deg,#fcf9f6,#fff9f0);background:linear-gradient(180deg,var(--bg-cream) 0,var(--bg-warm-white) 100%);border-top:2px solid #8c868126;border-top:2px solid var(--border-subtle);padding:clamp(60px,15vh,120px) 5%}.geephiyo-foundry-grid{grid-gap:clamp(10px,2.5vw,22px);display:grid;gap:clamp(10px,2.5vw,22px);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px}@media (min-width:768px){.geephiyo-foundry-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.geephiyo-foundry-grid{gap:clamp(16px,3vw,28px);grid-template-columns:repeat(4,1fr)}}.geephiyo-foundry-column{display:flex;flex-direction:column;gap:clamp(10px,2.5vw,22px);will-change:transform}.geephiyo-promo-card{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) backwards;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(12px,2.5vw,20px);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.geephiyo-promo-card:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.geephiyo-promo-tag{background:#e87a5d;background:var(--accent-coral);border-radius:clamp(5px,1vw,8px);box-shadow:0 3px 12px #0000002e;color:#fff;font-size:clamp(.65rem,1.3vw,.75rem);font-weight:700;left:clamp(8px,1.5vw,12px);letter-spacing:.4px;padding:clamp(4px,.8vw,6px) clamp(10px,1.8vw,14px);position:absolute;top:clamp(8px,1.5vw,12px);z-index:10}.geephiyo-promo-image{filter:grayscale(25%);height:100%;object-fit:cover;transition:filter .5s ease;width:100%}.geephiyo-promo-card:hover .geephiyo-promo-image{filter:grayscale(0)}.geephiyo-cta{background:#fff;border-top:2px solid #8c868126;border-top:2px solid var(--border-subtle);padding:clamp(70px,15vh,130px) 5%;text-align:center}.geephiyo-cta-title{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:clamp(1rem,3vh,1.8rem)}.geephiyo-cta-description{color:#8c8681;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.15rem);font-weight:400;line-height:1.7;margin:0 auto clamp(2.5rem,5vh,3.5rem);max-width:620px}.geephiyo-cta-buttons{display:flex;flex-wrap:wrap;gap:clamp(.8rem,2.5vw,1.4rem);justify-content:center}.geephiyo-btn-primary,.geephiyo-btn-secondary{border:none;border-radius:100px;cursor:pointer;font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;letter-spacing:.02em;padding:clamp(14px,3vw,18px) clamp(28px,6vw,42px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.geephiyo-btn-primary{background:#e87a5d;background:var(--accent-coral);color:#fff}.geephiyo-btn-primary:hover{background:#d66a4d;background:var(--accent-coral-dark);box-shadow:0 14px 35px #e87a5d59;transform:translateY(-3px)}.geephiyo-btn-secondary{background:#fff;border:2px solid #2d2926;border:2px solid var(--text-primary);color:#2d2926;color:var(--text-primary)}.geephiyo-btn-secondary:hover{background:#2d2926;background:var(--text-primary);box-shadow:0 14px 35px #2d29264d;color:#fff;transform:translateY(-3px)}.geephiyo-footer{background:#fcf9f6;background:var(--bg-cream);border-top:1px solid #8c868126;border-top:1px solid var(--border-subtle);padding:clamp(35px,7vh,55px) 5%;text-align:center}.geephiyo-footer p{color:#8c8681;color:var(--text-secondary);font-size:clamp(.8rem,1.6vw,.95rem);font-weight:500}@media (max-width:768px){.geephiyo-hero-title br{display:none}.geephiyo-search-bar{border-radius:20px;flex-direction:column;gap:10px;padding:16px}.geephiyo-search-input{padding:8px 0;width:100%}.geephiyo-search-btn{border-radius:14px;padding:14px 24px;width:100%}.geephiyo-location-selector{align-items:stretch;flex-direction:column}.geephiyo-location-input{max-width:none}}@media (max-width:480px){.geephiyo-masonry{column-count:2}.geephiyo-hero-stats{grid-template-columns:1fr}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-coral)}@media print{.geephiyo-category-pills,.geephiyo-cta,.geephiyo-footer,.geephiyo-search-wrapper{display:none}.geephiyo-promo-card,.geephiyo-store-wrapper,.geephiyo-story-pin{break-inside:avoid;page-break-inside:avoid}}:root{--create-website-bg:#f9fafb;--create-website-surface:#fff;--create-website-primary:#000;--create-website-border:#0000000f;--create-website-text-main:#111827;--create-website-text-muted:#6b7280;--create-website-accent:#6366f1;--create-website-success:#10b981;--create-website-warning:#f59e0b;--create-website-danger:#ef4444;--create-website-radius:20px}.create-website-app-container{background-color:#f9fafb;background-color:var(--create-website-bg);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;width:100%}.create-website-app-container *{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.create-website-auth-required,.create-website-loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh;padding:20px;text-align:center}.create-website-auth-required p,.create-website-loading-screen p{color:#6b7280;color:var(--create-website-text-muted);font-size:14px;font-weight:600}.create-website-auth-required h2{color:#000;font-size:24px;font-weight:800;margin-bottom:12px}.create-website-app-header{background:#fff;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--create-website-border);box-shadow:0 2px 8px #00000005;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.create-website-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.create-website-header-content h1{align-items:center;color:#000;display:flex;font-size:20px;font-weight:800;gap:8px;letter-spacing:-.5px}.create-website-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.create-website-draft-badge,.create-website-products-badge,.create-website-store-badge,.create-website-user-info{align-items:center;border-radius:100px;display:flex;font-size:11px;font-weight:700;gap:6px;padding:6px 12px}.create-website-user-info{background:#f9fafb;background:var(--create-website-bg);color:#6b7280;color:var(--create-website-text-muted);font-size:13px;font-weight:600}.create-website-store-badge{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.create-website-products-badge{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.create-website-draft-badge{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.create-website-btn-sm{font-size:13px;padding:8px 16px}.create-website-app-body{display:flex;flex:1 1;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;padding:20px;width:100%}.create-website-step-nav{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.create-website-step-nav::-webkit-scrollbar{display:none}.create-website-nav-btn{align-items:center;background:#eee;border:none;border-radius:100px;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.create-website-nav-btn:hover:not(:disabled){background:#e0e0e0;transform:translateY(-2px)}.create-website-nav-btn.create-website-active{background:#000;background:var(--create-website-primary);box-shadow:0 4px 12px #00000026;color:#fff}.create-website-nav-btn:disabled{cursor:not-allowed;opacity:.5}.create-website-main-content{flex:1 1;width:100%}.create-website-section{animation:create-website-slideUp .4s ease;display:block!important;width:100%}@keyframes create-website-slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.create-website-card{background:#fff;background:var(--create-website-surface);border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:20px;border-radius:var(--create-website-radius);box-shadow:0 4px 20px #00000005;margin-bottom:20px;padding:24px;width:100%}.create-website-card h2{color:#000;font-size:20px;font-weight:800;margin-bottom:6px}.create-website-card h3{color:#000;font-size:16px;font-weight:700;margin-bottom:16px}.create-website-card h4{color:#000;font-size:14px;font-weight:700;margin-bottom:12px}.create-website-sub{color:#6b7280;color:var(--create-website-text-muted);display:block;font-size:13px;margin-bottom:20px}.create-website-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.create-website-input-group{display:block;margin-bottom:16px;width:100%}.create-website-input-group label{color:#000;display:block;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.create-website-input-group input,.create-website-input-group select,.create-website-input-group textarea{background:#fafafa;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:12px;color:#000;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.create-website-input-group input:focus,.create-website-input-group select:focus,.create-website-input-group textarea:focus{background:#fff;border-color:#6366f1;border-color:var(--create-website-accent);box-shadow:0 0 0 4px #6366f11a;outline:none}.create-website-input-group textarea{min-height:100px;resize:vertical}.create-website-error-message{color:#ef4444;color:var(--create-website-danger);display:block;font-size:12px;font-weight:600;margin-top:6px}.create-website-has-error input,.create-website-has-error select,.create-website-has-error textarea{background:#fef2f2!important;border-color:#ef4444!important;border-color:var(--create-website-danger)!important}.create-website-business-hours-grid{display:flex;flex-direction:column;gap:12px;width:100%}.create-website-business-hour-item{grid-gap:16px;align-items:center;background:#f9fafb;background:var(--create-website-bg);border-radius:12px;display:grid;gap:16px;grid-template-columns:100px 1fr;padding:12px}.create-website-day-label{color:#111827;color:var(--create-website-text-main);font-size:14px;font-weight:700}.create-website-hour-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.create-website-time-inputs{align-items:center;display:flex;gap:8px}.create-website-time-input{background:#fafafa;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:12px;color:#000;font-size:14px;padding:8px 12px;width:100px}.create-website-checkbox-label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px}.create-website-checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.create-website-template-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.create-website-tpl-card{background:#f9fafb;background:var(--create-website-bg);border:2px solid #0000;border-radius:16px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.create-website-tpl-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.create-website-tpl-card.create-website-selected{background:#f5f5ff;border-color:#6366f1;border-color:var(--create-website-accent)}.create-website-tpl-preview{align-items:center;background-position:50%;background-size:cover;border-radius:12px;display:flex;height:120px;justify-content:center;margin-bottom:12px;overflow:hidden}.create-website-tpl-name{color:#111827;color:var(--create-website-text-main);font-size:14px;font-weight:700;margin-top:8px}.create-website-product-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.create-website-stat-card{background:#f9fafb;background:var(--create-website-bg);border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:16px;padding:20px}.create-website-stat-card.create-website-stat-success{background:#ecfdf5;border-color:#d1fae5}.create-website-stat-card.create-website-stat-warning{background:#fffbeb;border-color:#fde68a}.create-website-stat-card.create-website-stat-info{background:#eff6ff;border-color:#dbeafe}.create-website-stat-icon{margin-bottom:8px}.create-website-stat-content h4{color:#6b7280;color:var(--create-website-text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.create-website-stat-value{color:#111827;color:var(--create-website-text-main);font-size:24px;font-weight:800}.create-website-product-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%}.create-website-product-search{position:relative;width:100%}.create-website-search-input{background:#fafafa;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:12px;color:#000;font-size:15px;padding:14px 16px 14px 44px;width:100%}.create-website-search-icon{color:#6b7280;color:var(--create-website-text-muted);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.create-website-product-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;width:100%}.create-website-filter-select{background:#fafafa;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:12px;color:#000;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;min-width:150px;padding:12px 16px}.create-website-view-toggle{background:#f9fafb;background:var(--create-website-bg);border-radius:12px;display:flex;gap:6px;padding:4px}.create-website-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--create-website-text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:all .2s}.create-website-view-btn.create-website-active{background:#fff;box-shadow:0 2px 8px #0000000f;color:#111827;color:var(--create-website-text-main)}.create-website-products-display{grid-gap:20px;display:grid;gap:20px;margin-top:20px;width:100%}.create-website-products-display.create-website-grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.create-website-products-display.create-website-list-view{grid-template-columns:1fr}.create-website-product-display-card{background:#fff;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:16px;overflow:hidden;transition:all .2s ease}.create-website-product-display-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.create-website-list-view .create-website-product-display-card{display:grid;grid-template-columns:200px 1fr}.create-website-product-image-container{background:#f9fafb;background:var(--create-website-bg);height:200px;overflow:hidden;position:relative;width:100%}.create-website-list-view .create-website-product-image-container{height:100%}.create-website-product-image{height:100%;object-fit:cover;width:100%}.create-website-product-placeholder{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);color:#6b7280;color:var(--create-website-text-muted);display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;width:100%}.create-website-low-stock-badge,.create-website-out-of-stock-badge{border-radius:100px;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;position:absolute;right:12px;top:12px}.create-website-out-of-stock-badge{background:#ef4444;background:var(--create-website-danger)}.create-website-low-stock-badge{background:#f59e0b;background:var(--create-website-warning)}.create-website-product-details{padding:16px}.create-website-product-name{color:#111827;color:var(--create-website-text-main);font-size:16px;font-weight:700;margin-bottom:8px}.create-website-product-description{color:#6b7280;color:var(--create-website-text-muted);font-size:13px;line-height:1.5;margin-bottom:12px}.create-website-product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.create-website-product-category-badge{background:#f9fafb;background:var(--create-website-bg);border-radius:100px;color:#111827;color:var(--create-website-text-main);font-size:11px;font-weight:700;padding:4px 10px}.create-website-product-tags{display:flex;flex-wrap:wrap;gap:6px}.create-website-product-tag{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:10px;font-weight:600;padding:3px 8px}.create-website-product-footer{align-items:center;border-top:1px solid #0000000f;border-top:1px solid var(--create-website-border);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.create-website-product-pricing{display:flex;flex-direction:column;gap:4px}.create-website-product-price{color:#000;color:var(--create-website-primary);font-size:18px;font-weight:800}.create-website-product-stock{font-weight:600}.create-website-product-features-preview,.create-website-product-stock{color:#6b7280;color:var(--create-website-text-muted);font-size:12px}.create-website-product-sku{color:#6b7280;color:var(--create-website-text-muted);font-size:11px;margin-top:8px}.create-website-empty-state{padding:60px 20px;text-align:center;width:100%}.create-website-empty-icon{align-items:center;color:#6b7280;color:var(--create-website-text-muted);display:flex;justify-content:center;margin-bottom:16px}.create-website-empty-state h3{color:#000;font-size:18px;margin-bottom:8px}.create-website-empty-state .create-website-sub{margin-bottom:24px}.create-website-add-more-products{padding-top:2rem;text-align:center;width:100%}.create-website-subdomain-section{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #e9d5ff;border-radius:16px;margin:24px 0;padding:24px;width:100%}.create-website-subdomain-section h4{color:#111827;color:var(--create-website-text-main);font-size:16px;font-weight:700;margin-bottom:8px}.create-website-subdomain-help{color:#6b7280;color:var(--create-website-text-muted);font-size:13px;line-height:1.5;margin-bottom:16px}.create-website-subdomain-input-wrapper{align-items:center;display:flex;gap:0;margin-bottom:12px}.create-website-subdomain-input{background:#fafafa;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:12px 0 0 12px!important;border-right:none!important;color:#000;flex:1 1;font-size:15px;padding:14px 16px}.create-website-subdomain-input.create-website-available{border-color:#10b981!important;border-color:var(--create-website-success)!important}.create-website-subdomain-input.create-website-unavailable{border-color:#ef4444!important;border-color:var(--create-website-danger)!important}.create-website-subdomain-suffix{background:#fafafa;border:1px solid #0000000f;border:1px solid var(--create-website-border);border-left:none;border-radius:0 12px 12px 0;color:#000;font-size:15px;font-weight:600;padding:14px 16px;white-space:nowrap}.create-website-subdomain-status{margin-bottom:12px;min-height:30px}.create-website-subdomain-status span{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 12px}.create-website-subdomain-status .create-website-available{background:#ecfdf5;color:#10b981;color:var(--create-website-success)}.create-website-subdomain-status .create-website-unavailable{background:#fef2f2;color:#ef4444;color:var(--create-website-danger)}.create-website-subdomain-status .create-website-checking{background:#f9fafb;background:var(--create-website-bg);color:#6b7280;color:var(--create-website-text-muted)}.create-website-subdomain-preview-box{background:#fff;border:1px solid #e9d5ff;border-radius:12px;margin-bottom:12px;padding:16px}.create-website-preview-label{color:#6b7280;color:var(--create-website-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.create-website-preview-url{color:#6366f1;color:var(--create-website-accent);font-size:15px;font-weight:700;word-break:break-all}.create-website-subdomain-note{color:#6b7280;color:var(--create-website-text-muted);font-size:12px;line-height:1.6}.create-website-subdomain-note p{margin-bottom:4px}.create-website-subdomain-note strong{color:#111827;color:var(--create-website-text-main);font-weight:700}.create-website-subdomain-note code{background:#fff;border:1px solid #e9d5ff;border-radius:4px;color:#6366f1;color:var(--create-website-accent);font-family:monospace;font-size:11px;padding:2px 6px}.create-website-preview-container{background:#f9fafb;background:var(--create-website-bg);border:2px dashed #0000000f;border:2px dashed var(--create-website-border);border-radius:16px;margin-top:20px;min-height:400px;padding:20px;width:100%}.create-website-preview-iframe{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #00000014;height:600px;width:100%}.create-website-empty-preview{padding:80px 20px;text-align:center}.create-website-empty-preview .create-website-empty-icon{margin-bottom:20px}.create-website-empty-preview h3{color:#000;font-size:20px;margin-bottom:12px}.create-website-preview-note{color:#6b7280;color:var(--create-website-text-muted);font-size:13px;margin-bottom:24px;margin-top:12px}.create-website-btn{align-items:center;background:#0000;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.create-website-btn:disabled{cursor:not-allowed;opacity:.5}.create-website-btn-primary{background:#000;background:var(--create-website-primary);color:#fff}.create-website-btn-primary:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.create-website-btn-secondary{background:#6b7280;background:var(--create-website-text-muted);color:#fff}.create-website-btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-2px)}.create-website-btn-outline{background:#0000;border:2px solid #0000000f;border:2px solid var(--create-website-border);color:#000}.create-website-btn-outline:hover:not(:disabled){background:#f9fafb;background:var(--create-website-bg);border-color:#000;border-color:var(--create-website-primary);transform:translateY(-2px)}.create-website-btn-success{background:#10b981;background:var(--create-website-success);color:#fff}.create-website-btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.create-website-btn.create-website-loading{color:#0000;pointer-events:none;position:relative}.create-website-btn.create-website-loading:after{animation:create-website-spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes create-website-spin{to{transform:rotate(1turn)}}.create-website-app-footer{background:#fff;border-top:1px solid #0000000f;border-top:1px solid var(--create-website-border);box-shadow:0 -4px 20px #0000000d;margin-top:auto;padding:16px 20px}.create-website-step-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px}.create-website-final-actions{display:flex;flex-wrap:wrap;gap:12px}.create-website-notification{align-items:center;animation:create-website-slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:2000}.create-website-notification:not(.create-website-show){display:none}@keyframes create-website-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.create-website-notification.create-website-show{display:flex}.create-website-notification.success{border-left:4px solid #10b981;border-left:4px solid var(--create-website-success)}.create-website-notification.error{border-left:4px solid #ef4444;border-left:4px solid var(--create-website-danger)}.create-website-notification.info{border-left:4px solid #6366f1;border-left:4px solid var(--create-website-accent)}.create-website-notification span{color:#111827;color:var(--create-website-text-main);flex:1 1;font-size:14px;font-weight:600}.create-website-notification-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--create-website-text-muted);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:auto;padding:0;transition:all .2s;width:24px}.create-website-notification-close:hover{background:#f9fafb;background:var(--create-website-bg);color:#111827;color:var(--create-website-text-main)}.create-website-loading-overlay{align-items:center;animation:create-website-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes create-website-fadeIn{0%{opacity:0}to{opacity:1}}.create-website-loading-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;text-align:center}.create-website-loading-content p{color:#6b7280;color:var(--create-website-text-muted);font-size:14px;font-weight:600;margin-top:16px}.create-website-spinner{animation:create-website-spin .8s linear infinite;border:3px solid #f9fafb;border-top-color:#6366f1;border:3px solid var(--create-website-bg);border-radius:50%;border-top-color:var(--create-website-accent);height:40px;margin:0 auto;width:40px}.create-website-spinner-large{border-width:4px;height:48px;width:48px}@media (max-width:768px){.create-website-app-body{padding:16px}.create-website-header-content{align-items:flex-start;flex-direction:column}.create-website-header-content h1{font-size:18px}.create-website-header-actions{width:100%}.create-website-form-grid{grid-template-columns:1fr}.create-website-product-stats-grid,.create-website-template-grid{grid-template-columns:1fr 1fr}.create-website-business-hour-item{gap:12px;grid-template-columns:1fr}.create-website-hour-inputs{align-items:flex-start;flex-direction:column;width:100%}.create-website-time-inputs{width:100%}.create-website-time-input{flex:1 1}.create-website-product-filters{flex-direction:column}.create-website-filter-select{width:100%}.create-website-view-toggle{justify-content:center;width:100%}.create-website-list-view .create-website-product-display-card,.create-website-products-display.create-website-grid-view{grid-template-columns:1fr}.create-website-card h2{font-size:18px}.create-website-subdomain-input-wrapper{flex-direction:column;gap:8px}.create-website-subdomain-input{border-radius:12px!important;border-right:1px solid #0000000f!important;border-right:1px solid var(--create-website-border)!important}.create-website-subdomain-suffix{border:1px solid #0000000f;border-left:1px solid #0000000f;border:1px solid var(--create-website-border);border-radius:12px;text-align:center;width:100%}.create-website-preview-iframe{height:400px}.create-website-step-controls{justify-content:stretch}.create-website-step-controls .create-website-btn{flex:1 1}.create-website-notification{left:10px;max-width:calc(100% - 20px);right:10px}.create-website-card{padding:20px}}@media (max-width:500px){.create-website-app-header{padding:12px 16px}.create-website-header-content h1{font-size:16px}.create-website-draft-badge,.create-website-products-badge,.create-website-store-badge{font-size:10px;padding:4px 8px}.create-website-nav-btn{font-size:12px;padding:10px 18px}.create-website-card{border-radius:16px;padding:16px}.create-website-card h2{font-size:16px}.create-website-card h3{font-size:14px}.create-website-stat-value{font-size:20px}.create-website-product-stats-grid{gap:12px;grid-template-columns:1fr}.create-website-stat-card{padding:16px}.create-website-template-grid{grid-template-columns:1fr}.create-website-tpl-preview{height:160px}.create-website-products-display{gap:16px}.create-website-product-image-container{height:180px}.create-website-btn{font-size:13px;padding:10px 20px}.create-website-empty-state{padding:40px 16px}.create-website-preview-iframe{height:300px}.create-website-empty-preview{padding:60px 16px}.create-website-subdomain-section{padding:16px}.create-website-subdomain-note{font-size:11px}}@media (max-width:375px){.create-website-app-body{padding:12px}.create-website-nav-btn{font-size:11px;padding:8px 14px}.create-website-nav-btn span{display:none}.create-website-card{padding:14px}.create-website-stat-card{padding:12px}.create-website-stat-value{font-size:18px}}.create-website-btn:focus-visible,.create-website-input-group input:focus-visible,.create-website-input-group select:focus-visible,.create-website-input-group textarea:focus-visible,.create-website-nav-btn:focus-visible{outline:3px solid #6366f1;outline:3px solid var(--create-website-accent);outline-offset:2px}.create-website-app-container ::selection{background:#6366f1;background:var(--create-website-accent);color:#fff}.create-website-app-container ::-moz-selection{background:#6366f1;background:var(--create-website-accent);color:#fff}@media (prefers-reduced-motion:reduce){.create-website-app-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-container{background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px}.notification{animation:slideIn .3s ease;background:#1a1a1a;border:1px solid #333;box-shadow:0 10px 40px #ffffff1a;color:#fff;font-weight:500}.notification-icon{color:#667eea;font-size:1.2em}.tour-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.tour-modal{animation:scaleIn .3s ease;background:#1a1a1a;border:1px solid #333;border-radius:20px;box-shadow:0 20px 60px #000c;max-width:500px;padding:40px;width:90%}.tour-header{margin-bottom:30px;text-align:center}.tour-icon{color:#667eea;font-size:3em;margin-bottom:15px}.tour-header h2{color:#fff;font-size:1.8em;margin:0}.tour-content{margin-bottom:30px}.tour-content p{color:#aaa;font-size:1.1em;margin-bottom:20px}.tour-content ul{list-style:none;padding:0}.tour-content li{background:#0a0a0a;border:1px solid #222;border-radius:8px;color:#ddd;font-size:1em;margin:8px 0;padding:12px}.tour-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:16px;transition:transform .2s,box-shadow .2s;width:100%}.tour-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.dashboard-header{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:20px;box-shadow:0 10px 40px #00000080;margin-bottom:30px;padding:30px}.header-content{align-items:flex-start;flex-wrap:wrap}.header-left{min-width:300px}.welcome-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.9em;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 16px}.badge-icon{font-size:1.1em}.header-title{color:#fff;font-size:2.5em;font-weight:800;margin:10px 0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.header-subtitle{color:#888;font-size:1.1em;margin-bottom:20px}.user-level-badge{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:inline-flex;gap:12px;margin-top:15px;padding:12px 20px}.level-icon{color:gold;font-size:1.5em}.level-info{display:flex;flex-direction:column;gap:5px}.level-text{color:#fff;font-size:.95em;font-weight:700}.xp-bar{background:#333;border-radius:3px;height:6px;overflow:hidden;width:150px}.xp-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.xp-text{color:#888;font-size:.85em}.streak-counter{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;color:#fff;display:inline-flex;font-size:.9em;font-weight:600;gap:8px;margin-top:10px;padding:8px 16px}.icon-btn,.streak-icon{font-size:1.1em}.icon-btn{background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fff;height:45px;position:relative;width:45px}.icon-btn:hover{background:#2a2a2a;box-shadow:0 5px 15px #667eea4d}.notification-badge{background:#ff4757;border-radius:10px;color:#fff;font-size:.7em;font-weight:700;padding:2px 6px;right:-5px;top:-5px}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;color:#fff;font-weight:600;padding:12px 24px;transition:all .3s}.logout-btn:hover{box-shadow:0 8px 20px #ee5a6f66}.quick-actions{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.quick-action-btn{align-items:center;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s}.quick-action-btn:hover{border-color:#333;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5em;height:50px;justify-content:center;width:50px}.action-primary .action-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.action-secondary .action-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.action-success .action-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-warning .action-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.action-tertiary .action-icon{background:linear-gradient(135deg,#30cfd0,#330867)}.action-quaternary .action-icon{background:linear-gradient(135deg,#a8edea,#fed6e3)}.action-content{text-align:left}.action-title{color:#fff;display:block;font-size:1.05em;font-weight:700;margin-bottom:4px}.action-subtitle{color:#888;display:block;font-size:.85em}.stats-grid{margin-bottom:30px}.stat-card{background:#0a0a0a;border:1px solid #1a1a1a;box-shadow:0 5px 20px #0000004d;padding:25px}.stat-card-1:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card-2:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.stat-card-3:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.stat-card-4:before{background:linear-gradient(90deg,#fa709a,#fee140)}.stat-card-5:before{background:linear-gradient(90deg,#30cfd0,#330867)}.stat-card-6:before{background:linear-gradient(90deg,#a8edea,#fed6e3)}.stat-card-7:before{background:linear-gradient(90deg,#ff9a9e,#fecfef)}.stat-card-8:before{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.stat-card:hover{border-color:#333;box-shadow:0 15px 40px #667eea33}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stat-icon{background:#1a1a1a;border:1px solid #333;color:#667eea;font-size:1.5em;height:50px;width:50px}.stat-trend{align-items:center;border-radius:8px;display:flex;font-size:.85em;gap:5px;padding:5px 10px}.trend-up{background:#2ed5731a;color:#2ed573}.trend-down{background:#ff47571a;color:#ff4757}.trend-neutral{background:#ffb8001a;color:#ffb800}.trend-success{background:#4facfe1a;color:#4facfe}.trend-info{background:#667eea1a;color:#667eea}.stat-content{margin-bottom:12px}.stat-value{color:#fff;font-size:2.2em;font-weight:800;line-height:1.2}.stat-label{color:#888;font-size:.95em}.stat-footer{border-top:1px solid #1a1a1a;padding-top:12px}.stat-change{color:#888;font-size:.85em;font-weight:500}.stat-change.positive{color:#2ed573}.stat-change.negative{color:#ff4757}.status-indicator{align-items:center;border-radius:8px;display:flex;font-size:.85em;font-weight:600;gap:6px;padding:5px 12px}.status-active{background:#2ed5731a;color:#2ed573}.status-inactive{background:#ff47571a;color:#ff4757}.status-pulse{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.achievements-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;margin-bottom:30px;padding:25px}.section-header h3{color:#fff;font-size:1.5em;font-weight:700;gap:10px}.view-all-btn{background:#0000;border:1px solid #333;border-radius:8px;color:#667eea;cursor:pointer;font-size:.9em;font-weight:600;padding:8px 16px;transition:all .3s}.view-all-btn:hover{background:#667eea;color:#fff}.achievements-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievement-card{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s}.achievement-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-3px)}.achievement-icon{font-size:2.5em}.achievement-content h4{color:#fff;font-size:1em;font-weight:700;margin:0 0 5px}.achievement-content p{color:#888;font-size:.85em;margin:0}.activity-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;margin-bottom:30px;padding:25px}.activity-list{gap:12px}.activity-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;gap:15px;padding:15px;transition:all .3s}.activity-item:hover{border-color:#667eea;transform:translateX(5px)}.activity-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1.2em;height:40px;justify-content:center;width:40px}.activity-success .activity-icon{background:linear-gradient(135deg,#2ed573,#27ae60)}.activity-info .activity-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-primary .activity-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.activity-text{color:#fff;font-size:.95em;font-weight:600;margin:0 0 4px}.activity-time{color:#888;font-size:.85em}.main-content{gap:30px}.featured-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:20px;box-shadow:0 10px 40px #0000004d;overflow:hidden;padding:40px;position:relative}.featured-glow{animation:rotate 10s linear infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);bottom:-50%;left:-50%;position:absolute;right:-50%;top:-50%}.featured-content{align-items:flex-start;display:flex;gap:30px;position:relative;z-index:1}.featured-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;flex-shrink:0;font-size:2.5em;height:80px;justify-content:center;width:80px}.featured-text{flex:1 1}.featured-title{color:#fff;font-size:2em;font-weight:800;margin:0 0 15px}.featured-description{color:#888;font-size:1.1em;line-height:1.6;margin-bottom:20px}.url-display{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:20px;padding:15px 20px;transition:all .3s}.url-display:hover{border-color:#667eea;box-shadow:0 5px 20px #667eea33}.url-icon{color:#667eea;font-size:1.2em}.url-text{color:#fff;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-copy{color:#888;font-size:1.1em;transition:color .3s}.url-display:hover .url-copy{color:#667eea}.featured-actions{display:flex;flex-wrap:wrap;gap:12px}.featured-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s}.featured-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.featured-btn.primary:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.featured-btn.secondary{background:#1a1a1a;border:1px solid #333;color:#fff}.featured-btn.secondary:hover{background:#2a2a2a;border-color:#667eea}.featured-btn.tertiary{background:#0000;border:1px solid #333;color:#888;padding:14px 20px}.featured-btn.tertiary:hover{border-color:#667eea;color:#667eea}.section-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;padding:25px}.products-grid-mini{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mini-product-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.mini-product-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.mini-product-image{align-items:center;background:#0a0a0a;display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.mini-product-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;color:#666;display:flex;font-size:2em;height:100%;justify-content:center;width:100%}.mini-product-info{padding:15px}.mini-product-info h4{color:#fff;font-size:1em;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-product-price{color:#667eea;font-size:1.1em;font-weight:700;margin:0}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#0a0a0a;border:1px solid #1a1a1a;box-shadow:0 5px 20px #0000004d;flex-direction:column;padding:30px;transition:all .3s}.info-card:hover{border-color:#333;box-shadow:0 15px 40px #667eea33;transform:translateY(-5px)}.card-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:1.8em;height:60px;margin-bottom:20px;width:60px}.coupon-card .card-icon-wrapper{background:linear-gradient(135deg,#fa709a,#fee140)}.analytics-card .card-icon-wrapper{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-title{font-size:1.4em;margin:0 0 10px}.card-description{color:#888;font-size:.95em;line-height:1.6;margin-bottom:20px}.profile-details{background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:15px}.profile-item{align-items:center;display:flex;justify-content:space-between}.profile-label{color:#888;font-size:.9em;font-weight:500}.profile-value{color:#fff;font-size:.95em;font-weight:600}.progress-ring{height:120px;margin:20px auto;position:relative;width:120px}.progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.progress-ring circle{fill:none;stroke-width:8}.progress-ring circle:first-child{stroke:#1a1a1a}.progress-ring circle:last-child{stroke:#667eea;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-value{color:#fff;display:block;font-size:2em;font-weight:800}.progress-label{color:#888;display:block;font-size:.85em}.keyword-highlights{display:flex;gap:15px;margin-bottom:20px}.keyword-stat{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex:1 1;gap:12px;padding:15px}.keyword-icon{color:#667eea;font-size:1.5em}.keyword-stat-content{display:flex;flex-direction:column}.keyword-stat-value{color:#fff;font-size:1.3em;font-weight:700}.keyword-stat-label{color:#888;font-size:.85em}.store-stats{grid-gap:15px;gap:15px;margin-bottom:20px}.store-stat-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:15px;text-align:center}.store-stat-value{color:#fff;display:block;font-size:1.8em;font-weight:800;margin-bottom:5px}.store-stat-label{color:#888;display:block;font-size:.85em}.coupon-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.coupon-stat-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;gap:12px;padding:12px 15px}.coupon-stat-icon{color:#fa709a;font-size:1.5em}.coupon-stat-content{display:flex;flex-direction:column}.coupon-stat-value{color:#fff;font-size:1.3em;font-weight:700}.coupon-stat-label{color:#888;font-size:.85em}.coupon-badge{align-items:center;background:linear-gradient(135deg,#fa709a,#fee140);border-radius:20px;color:#fff;display:flex;font-size:.9em;font-weight:600;gap:8px;padding:8px 16px}.analytics-preview{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.analytics-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fff;display:flex;font-size:.95em;gap:12px;padding:12px 15px}.analytics-item svg{color:#4facfe;font-size:1.2em}.card-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;margin-top:auto;padding:14px;transition:all .3s;width:100%}.card-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.challenges-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;padding:25px}.progress-badge{background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#667eea;font-size:.9em;font-weight:600;padding:6px 14px}.challenges-list{display:flex;flex-direction:column;gap:12px}.challenge-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;gap:15px;opacity:.6;padding:15px 20px;transition:all .3s}.challenge-item.completed{border-color:#2ed573;opacity:1}.challenge-item:hover{border-color:#667eea;opacity:1}.challenge-icon{color:#666;font-size:1.5em}.challenge-item.completed .challenge-icon{color:#2ed573}.challenge-content{flex:1 1}.challenge-content h4{color:#fff;font-size:1em;font-weight:600;margin:0 0 8px}.challenge-progress{background:#0a0a0a;border-radius:3px;height:6px;overflow:hidden;width:100%}.challenge-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .5s ease}.challenge-xp{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.85em;font-weight:700;padding:6px 12px}.tips-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;padding:25px}.tips-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s}.tip-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-3px)}.tip-icon{font-size:2.5em;margin-bottom:12px}.tip-card h4{color:#fff;font-size:1.1em;font-weight:700;margin:0 0 8px}.tip-card p{color:#888;font-size:.9em;line-height:1.5;margin:0}.fab-container{bottom:30px;position:fixed;right:30px;z-index:100}.fab-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:60px;justify-content:center;transition:all .3s;width:60px}.fab-button:hover{box-shadow:0 15px 40px #667eea99;transform:scale(1.1) rotate(90deg)}.fab-button.active{transform:rotate(45deg)}.fab-menu{animation:fadeIn .3s ease;bottom:80px;display:flex;flex-direction:column;gap:12px;position:absolute;right:0}.fab-menu-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 5px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s;white-space:nowrap}.fab-menu-item:hover{background:#667eea;border-color:#667eea;transform:translateX(-5px)}.loading-state{color:#888;padding:60px 20px}.spinner{border:4px solid #1a1a1a;border-top-color:#667eea;margin-bottom:20px}.loading-state p{font-size:1.1em}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-header{padding:20px}.header-content{flex-direction:column}.header-title{font-size:2em}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-grid{grid-template-columns:1fr}.featured-content{flex-direction:column}.featured-title{font-size:1.5em}.achievements-grid,.cards-grid,.tips-grid{grid-template-columns:1fr}.fab-container{bottom:20px;right:20px}.fab-button{font-size:1.3em;height:50px;width:50px}}@media (max-width:480px){.header-title{font-size:1.6em}.quick-actions{grid-template-columns:1fr}.featured-card{padding:25px}.featured-actions{flex-direction:column}.featured-btn{justify-content:center;width:100%}}:root{--loginsignup-cream:#f9f7f2;--loginsignup-black:#1a1a1a;--loginsignup-coral:#e87a5d;--loginsignup-gray:#e0e0e0;--loginsignup-white:#fff;--loginsignup-radius-lg:32px;--loginsignup-radius-md:14px;--loginsignup-success-green:#10b981;--loginsignup-error-red:#ef4444}.loginsignup-password-toggle{-webkit-font-smoothing:antialiased!important;align-items:center!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:none!important;border:none!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;padding:5px!important;position:absolute!important;right:15px!important;top:50%!important;transition:color .2s ease!important;width:28px!important;will-change:color!important}.loginsignup-password-toggle,.loginsignup-password-toggle:hover{transform:translateY(-50%)!important}.loginsignup-password-toggle svg{display:block!important;flex-shrink:0!important;height:18px!important;width:18px!important}.loginsignup-input-wrapper{min-height:52px!important;position:relative!important;width:100%!important}.loginsignup-input-wrapper .loginsignup-input{box-sizing:border-box!important;padding-right:50px!important}.loginsignup-container{align-items:center;background-color:#f9f7f2!important;background-color:var(--loginsignup-cream)!important;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:20px}.loginsignup-card{animation:loginsignup-fadeIn .5s ease;background:#fff!important;background:var(--loginsignup-white)!important;border:1px solid #0000000d;border-radius:32px;border-radius:var(--loginsignup-radius-lg);box-shadow:0 20px 60px #0000000d;max-width:440px;padding:50px 40px;width:100%}@keyframes loginsignup-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loginsignup-logo-area{margin-bottom:40px;text-align:center}.loginsignup-logo-title{color:#1a1a1a!important;color:var(--loginsignup-black)!important;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:8px}.loginsignup-logo-subtitle{color:#e87a5d!important;color:var(--loginsignup-coral)!important;font-size:.9rem;font-weight:800;letter-spacing:1.5px;margin:0;text-transform:uppercase}.loginsignup-header{margin-bottom:30px;text-align:center}.loginsignup-title{color:#1a1a1a!important;color:var(--loginsignup-black)!important;font-size:1.75rem;font-weight:700;margin-bottom:8px}.loginsignup-description{color:#6b7280!important;font-size:.95rem;line-height:1.5;margin:0}.loginsignup-social-btn{align-items:center;background:#fff!important;border:1.5px solid #e0e0e0;border:1.5px solid var(--loginsignup-gray);border-radius:100px;color:#1a1a1a!important;color:var(--loginsignup-black)!important;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:25px;padding:14px;transition:all .3s ease;width:100%}.loginsignup-social-btn:hover:not(:disabled){background:#f9f7f2!important;background:var(--loginsignup-cream)!important;border-color:#1a1a1a;border-color:var(--loginsignup-black);box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.loginsignup-social-btn:disabled{cursor:not-allowed;opacity:.6}.loginsignup-divider{align-items:center;display:flex;gap:15px;margin-bottom:25px;opacity:.3}.loginsignup-divider span{background:#1a1a1a!important;background:var(--loginsignup-black)!important;flex:1 1;height:1px}.loginsignup-divider p{color:#1a1a1a!important;color:var(--loginsignup-black)!important;font-size:.7rem;font-weight:800;margin:0;text-transform:uppercase}.loginsignup-form{display:flex;flex-direction:column;gap:20px}.loginsignup-form-group{text-align:left}.loginsignup-label{color:#1a1a1a!important;color:var(--loginsignup-black)!important;display:block;font-size:.7rem;font-weight:800;margin-bottom:8px;opacity:.6;padding-left:5px;text-transform:uppercase}.loginsignup-input-wrapper{position:relative}.loginsignup-input{background:#f9f7f2!important;background:var(--loginsignup-cream)!important;border:1.5px solid #e0e0e0;border:1.5px solid var(--loginsignup-gray);border-radius:14px;border-radius:var(--loginsignup-radius-md);box-sizing:border-box;color:#1a1a1a!important;color:var(--loginsignup-black)!important;font-family:inherit;font-size:1rem;outline:none;padding:16px 20px;transition:all .2s ease;width:100%}.loginsignup-input::placeholder{color:#9ca3af!important}.loginsignup-input:focus{background:#fff!important;border-color:#1a1a1a;border-color:var(--loginsignup-black);box-shadow:0 5px 15px #0000000d}.loginsignup-input-wrapper .loginsignup-input{padding-right:50px}.loginsignup-password-toggle{align-items:center;background:none;border:none;color:#6b7280!important;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .2s ease}.loginsignup-password-toggle:hover{color:#1a1a1a!important;color:var(--loginsignup-black)!important}.loginsignup-password-toggle svg{height:18px;width:18px}.loginsignup-forgot-password{margin-bottom:-5px;margin-top:-10px;text-align:right}.loginsignup-btn-submit{align-items:center;background:#1a1a1a!important;background:var(--loginsignup-black)!important;border:none;border-radius:100px;color:#fff!important;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:800;gap:10px;justify-content:center;padding:18px;transition:all .3s ease;width:100%}.loginsignup-btn-submit:hover:not(:disabled){background:#e87a5d!important;background:var(--loginsignup-coral)!important;box-shadow:0 10px 25px #e87a5d4d;transform:translateY(-2px)}.loginsignup-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.loginsignup-spinner{animation:loginsignup-spin 1s linear infinite}@keyframes loginsignup-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loginsignup-link-button{align-items:center;background:none;border:none;color:#1a1a1a!important;color:var(--loginsignup-black)!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:800;gap:8px;padding:5px;transition:color .2s ease}.loginsignup-link-button:hover:not(:disabled){color:#e87a5d!important;color:var(--loginsignup-coral)!important}.loginsignup-link-button:disabled{cursor:not-allowed;opacity:.5}.loginsignup-footer-links{color:#1a1a1a!important;color:var(--loginsignup-black)!important;font-size:.85rem;font-weight:600;margin-top:30px;opacity:.6;text-align:center}.loginsignup-error-message,.loginsignup-success-message{animation:loginsignup-slideIn .3s ease;border-radius:14px;border-radius:var(--loginsignup-radius-md);font-size:.9rem;font-weight:600;padding:12px 16px;text-align:center}@keyframes loginsignup-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loginsignup-error-message{background:#fee2e2!important;border:1px solid #fecaca;color:#ef4444!important;color:var(--loginsignup-error-red)!important}.loginsignup-success-message{background:#d1fae5!important;border:1px solid #a7f3d0;color:#10b981!important;color:var(--loginsignup-success-green)!important}.loginsignup-otp-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.loginsignup-otp-input{background:#f9f7f2!important;background:var(--loginsignup-cream)!important;border:1.5px solid #e0e0e0;border:1.5px solid var(--loginsignup-gray);border-radius:14px;border-radius:var(--loginsignup-radius-md);color:#1a1a1a!important;color:var(--loginsignup-black)!important;font-family:inherit;font-size:1.5rem;font-weight:700;height:60px;outline:none;text-align:center;transition:all .2s ease;width:50px}.loginsignup-otp-input:focus{background:#fff!important;border-color:#1a1a1a;border-color:var(--loginsignup-black);box-shadow:0 5px 15px #0000000d;transform:scale(1.05)}@media (max-width:480px){.loginsignup-card{padding:40px 30px}.loginsignup-logo-title{font-size:2rem}.loginsignup-title{font-size:1.5rem}.loginsignup-otp-container{gap:8px}.loginsignup-otp-input{font-size:1.3rem;height:55px;width:45px}}@media (max-width:360px){.loginsignup-card{padding:30px 20px}.loginsignup-logo-title{font-size:1.75rem}.loginsignup-otp-container{gap:6px}.loginsignup-otp-input{font-size:1.2rem;height:50px;width:40px}}.loginsignup-btn-submit:focus-visible,.loginsignup-input:focus-visible,.loginsignup-link-button:focus-visible,.loginsignup-otp-input:focus-visible,.loginsignup-password-toggle:focus-visible,.loginsignup-social-btn:focus-visible{outline:2px solid #e87a5d;outline:2px solid var(--loginsignup-coral);outline-offset:2px}.loginsignup-card *{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media print{.loginsignup-container{display:none}}.loginsignup-btn-submit:disabled .loginsignup-spinner{margin-right:5px}.loginsignup-btn-submit,.loginsignup-link-button,.loginsignup-password-toggle,.loginsignup-social-btn{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.loginsignup-input:-webkit-autofill,.loginsignup-input:-webkit-autofill:focus,.loginsignup-input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a;-webkit-text-fill-color:var(--loginsignup-black);-webkit-box-shadow:inset 0 0 0 1000px #f9f7f2;-webkit-box-shadow:0 0 0 1000px var(--loginsignup-cream) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.loginsignup-form:before{color:#10b981!important;color:var(--loginsignup-success-green)!important;content:" Secure Connection";display:block;font-size:.7rem;font-weight:600;margin-bottom:15px;opacity:.7;text-align:center}:root{--white:#fff;--glass:#ffffff1a;--text-glow:0 0 5px #ffffff4d;--main-blue:oklab(0% 0 0);--light-blue:#0e2868}.form-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff1a;background-color:var(--glass);border-radius:16px;box-shadow:0 10px 40px #0003;color:#fff;color:var(--white);font-family:Poppins,sans-serif;margin:3rem auto;max-width:600px;padding:2.5rem 2rem}.form-container h2{background:linear-gradient(90deg,#fff,#d0e1ff);background:linear-gradient(to right,var(--white),#d0e1ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 5px #ffffff4d;text-shadow:var(--text-glow)}form{gap:1.4rem}form,label{display:flex;flex-direction:column}label{color:#fff;color:var(--white);text-shadow:0 0 5px #ffffff4d;text-shadow:var(--text-glow)}input,label,textarea{font-size:1.1rem;font-weight:600}input,textarea{background-color:#fff;background-color:var(--white);border:2px solid oklab(0 0 0);border:2px solid var(--main-blue);border-radius:12px;box-shadow:0 6px 15px #0000001a;color:oklab(0 0 0);color:var(--main-blue);margin-top:6px;padding:14px 16px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus{border-color:#0e2868;border-color:var(--light-blue);box-shadow:0 0 12px #0e2868;box-shadow:0 0 12px var(--light-blue);outline:none}.submit-button{background:oklab(0 0 0);background:var(--main-blue);border:none;border-radius:14px;box-shadow:0 10px 25px #0003;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:10px;padding:16px 0;transition:background .3s ease,transform .2s ease}.submit-button:hover{background:#0e2868;background:var(--light-blue);box-shadow:0 14px 30px #0000004d;transform:translateY(-3px)}@media (max-width:650px){.form-container{margin:2rem 1rem;padding:2rem 1.2rem}input,textarea{font-size:1rem;padding:12px 14px}.submit-button{font-size:1.1rem;padding:14px 0}}.account-settings-page{background-color:#f9f7f2;font-family:Inter,sans-serif;min-height:100vh;padding:40px 20px}.account-settings-container{animation:slideUp .6s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000005;border-radius:40px;box-shadow:0 30px 60px #1a1a1a14;margin:60px auto;max-width:700px;padding:50px;position:relative}.account-settings-container h1{color:#1a1a1a;font-family:Playfair Display,serif;font-size:3.2rem;letter-spacing:-3px;line-height:1;margin-bottom:40px}.account-settings-section{margin-bottom:45px;position:relative}.account-settings-section h2{align-items:center;color:#e87a5d;display:flex;font-size:.75rem;font-weight:900;gap:10px;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase}.account-settings-section h2:after{background:#eee;content:"";flex:1 1;height:1px}.account-settings-group{margin-bottom:25px}.account-settings-group label{color:#1a1a1a;display:block;font-size:.7rem;font-weight:800;margin-bottom:10px;opacity:.5;text-transform:uppercase}.account-settings-required{color:#e87a5d}.account-settings-input,.account-settings-textarea{background:#fafafa;border:2px solid #f0f0f0;border-radius:16px;color:#1a1a1a;font-family:Inter,sans-serif;font-size:1rem;outline:none;padding:16px 20px;transition:all .25s ease;width:100%}.account-settings-input:focus,.account-settings-textarea:focus{background:#fff;border-color:#e87a5d;box-shadow:0 10px 20px #e87a5d1a;transform:translateY(-2px)}.account-settings-hint{color:#888;display:block;font-size:.75rem;margin-top:8px}.account-settings-button-group{display:flex;gap:15px;margin-top:20px}.account-settings-btn{border:none;border-radius:100px;cursor:pointer;font-size:.9rem;font-weight:800;padding:18px 35px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.account-settings-btn-primary{background:#1a1a1a;color:#fff}.account-settings-btn-primary:hover:not(:disabled){background:#e87a5d;box-shadow:0 15px 30px #e87a5d4d;transform:scale(1.05)}.account-settings-btn-secondary{background:#f0f0f0;color:#1a1a1a}.account-settings-btn-secondary:hover:not(:disabled){background:#e5e5e5}.account-settings-danger-zone{background:#fff9f8;border:1px solid #ffebe8;border-radius:25px;margin-top:60px;padding:35px}.account-settings-danger-zone h3{color:#d32f2f;font-size:1.1rem;font-weight:800;margin-bottom:10px}.account-settings-danger-zone p{color:#666;font-size:.85rem;line-height:1.5;margin-bottom:25px}.account-settings-btn-danger{align-items:center;background:#0000;border:2px solid #d32f2f;border-radius:100px;color:#d32f2f;cursor:pointer;display:flex;font-size:.8rem;font-weight:800;gap:10px;padding:12px 25px;transition:.3s}.account-settings-btn-danger:hover{background:#d32f2f;color:#fff}.account-settings-message{align-items:center;border-radius:18px;display:flex;font-weight:600;gap:12px;margin-top:25px;padding:20px}.account-settings-message-success{background:#e8f5e9;color:#2e7d32}.account-settings-message-error{background:#ffebee;color:#c62828}.account-settings-message-warning{background:#fff3e0;color:#ef6c00}.account-settings-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#e87a5d;height:40px;margin:0 auto;width:40px}@media (max-width:600px){.account-settings-page{padding:20px 10px}.account-settings-container{margin:20px auto;padding:30px 20px}.account-settings-container h1{font-size:2.5rem}.account-settings-button-group{flex-direction:column}.account-settings-btn{width:100%}}.analytics-view-advanced{background:#000;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px}.analytics-header-advanced{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000080;flex-wrap:wrap;justify-content:space-between;padding:28px 32px}.analytics-header-advanced,.analytics-title-group{align-items:center;display:flex;gap:20px}.analytics-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 4px 15px #3b82f666;display:flex;height:60px;justify-content:center;width:60px}.analytics-icon-wrapper svg{color:#fff}.analytics-title-group h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:4px}.analytics-title-group p{color:#888;font-size:15px}.analytics-actions-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.time-range-select-advanced{background:#151515;border:1px solid #2a2a2a;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:12px 20px;transition:all .3s}.time-range-select-advanced:hover{background:#1a1a1a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.compare-btn{align-items:center;background:#151515;border:1px solid #2a2a2a;border-radius:10px;color:#888;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s}.compare-btn.active,.compare-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.refresh-btn-advanced{align-items:center;background:#151515;border:1px solid #2a2a2a;border-radius:10px;color:#888;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s}.refresh-btn-advanced:hover{background:#1a1a1a;border-color:#3b82f6;color:#fff}.export-dropdown{position:relative}.export-btn-advanced{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.export-btn-advanced:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.export-menu{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;box-shadow:0 10px 40px #000c;margin-top:8px;min-width:150px;opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transition:all .3s;z-index:100}.export-dropdown:hover .export-menu{opacity:1;pointer-events:auto}.export-menu button{background:none;border:none;color:#e0e0e0;cursor:pointer;display:block;font-size:14px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.export-menu button:hover{background:#151515;color:#3b82f6}.export-menu button:first-child{border-radius:10px 10px 0 0}.export-menu button:last-child{border-radius:0 0 10px 10px}.analytics-loading-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;flex-direction:column;gap:20px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner-large{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-spinner-large svg{color:#3b82f6}.analytics-loading-overlay p{color:#888;font-size:16px;font-weight:500}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.kpi-card{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.kpi-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card:hover{border-color:currentColor;box-shadow:0 12px 40px #0009;transform:translateY(-4px)}.kpi-card.primary{color:#3b82f6}.kpi-card.success{color:#10b981}.kpi-card.info{color:#6366f1}.kpi-card.purple{color:#8b5cf6}.kpi-card.cyan{color:#06b6d4}.kpi-card.pink{color:#ec4899}.kpi-card.orange{color:#f59e0b}.kpi-card.blue{color:#3b82f6}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.kpi-icon-container{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.kpi-icon-container.revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-icon-container.orders{background:linear-gradient(135deg,#10b981,#059669)}.kpi-icon-container.visitors{background:linear-gradient(135deg,#6366f1,#4f46e5)}.kpi-icon-container.conversion{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.kpi-trend{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px}.kpi-trend.positive{background:#10b98126;color:#10b981}.kpi-trend.negative{background:#ef444426;color:#ef4444}.kpi-value{color:#fff;font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.kpi-label{color:#888;font-size:14px;font-weight:500;margin-bottom:12px}.kpi-comparison{color:#666;font-size:12px;margin-bottom:12px}.kpi-chart-mini{height:60px;margin:16px -24px -24px}.kpi-card-small{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.kpi-card-small:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card-small:hover{box-shadow:0 8px 30px #00000080;transform:translateY(-2px)}.kpi-icon-small{align-items:center;background:#3b82f61a;border-radius:10px;color:#3b82f6;display:flex;height:40px;justify-content:center;width:40px}.kpi-value-small{color:#fff;font-size:24px;font-weight:700}.kpi-label-small{color:#888;font-size:13px;font-weight:500}.kpi-trend-small{font-size:12px;font-weight:600;margin-top:4px}.kpi-trend-small.positive{color:#10b981}.kpi-trend-small.negative{color:#ef4444}.kpi-trend-small.neutral{color:#888}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.charts-row:has(.chart-container.large:only-child){grid-template-columns:1fr}.charts-row:has(.chart-container.medium+.chart-container.medium){grid-template-columns:1fr 1fr}.chart-container{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;padding:24px;transition:all .3s ease}.chart-container:hover{border-color:#2a2a2a;box-shadow:0 8px 30px #0009}.chart-header-advanced{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.chart-title-group{align-items:center;display:flex;gap:12px}.chart-title-group svg{color:#3b82f6}.chart-title-group h3{color:#fff;font-size:18px;font-weight:600}.chart-legend{gap:16px}.chart-legend,.legend-item{align-items:center;display:flex}.legend-item{color:#888;font-size:13px;gap:6px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.revenue{background:#f59e0b}.legend-dot.orders{background:#10b981}.legend-dot.visitors{background:#6366f1}.custom-tooltip{background:#0a0a0afa;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 4px 20px #000c;padding:12px 16px}.tooltip-label{color:#888;font-size:12px;font-weight:500;margin-bottom:8px}.tooltip-value{color:#fff;font-size:14px;font-weight:600;margin:4px 0}.performers-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.performers-card{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;padding:24px;transition:all .3s ease}.performers-card:hover{border-color:#2a2a2a;box-shadow:0 8px 30px #0009}.performers-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.performers-header svg{color:#3b82f6}.performers-header h3{color:#fff;font-size:18px;font-weight:600}.performers-list{display:flex;flex-direction:column;gap:12px}.performer-item{align-items:center;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s}.performer-item:hover{background:#151515;border-color:#2a2a2a;transform:translateX(4px)}.performer-rank{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.performer-info{flex:1 1;min-width:0}.performer-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performer-stats{color:#666;display:flex;font-size:12px;gap:8px}.performer-value{color:#10b981;flex-shrink:0;font-size:16px;font-weight:700}.insights-section{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;padding:28px}.insights-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.insights-header svg{color:#f59e0b}.insights-header h3{color:#fff;font-size:20px;font-weight:600}.insights-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.insight-card{background:#0d0d0d;border:1px solid #1a1a1a;border-left:4px solid;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.insight-card:hover{background:#151515;transform:translateX(4px)}.insight-card.success{border-left-color:#10b981}.insight-card.warning{border-left-color:#f59e0b}.insight-card.danger{border-left-color:#ef4444}.insight-card.info{border-left-color:#3b82f6}.insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.insight-card.success .insight-icon{background:#10b98126;color:#10b981}.insight-card.warning .insight-icon{background:#f59e0b26;color:#f59e0b}.insight-card.danger .insight-icon{background:#ef444426;color:#ef4444}.insight-card.info .insight-icon{background:#3b82f626;color:#3b82f6}.insight-content h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:8px}.insight-content p{color:#888;font-size:13px;line-height:1.6}.metrics-table-section{background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;padding:28px}.metrics-table-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.metrics-table-header h3{color:#fff;font-size:20px;font-weight:600}.export-table-btn{align-items:center;background:#151515;border:1px solid #2a2a2a;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.export-table-btn:hover{background:#1a1a1a;border-color:#3b82f6;color:#fff}.metrics-table-container{overflow-x:auto}.metrics-table{border-collapse:collapse;width:100%}.metrics-table thead tr{border-bottom:2px solid #1a1a1a}.metrics-table th{color:#888;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.metrics-table tbody tr{border-bottom:1px solid #1a1a1a;transition:background .2s}.metrics-table tbody tr:hover{background:#0d0d0d}.metrics-table td{color:#e0e0e0;font-size:14px;padding:16px}.metric-cell{align-items:center;color:#fff;display:flex;font-weight:500;gap:10px}.metric-cell svg{color:#3b82f6}.growth-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px}.growth-badge.positive{background:#10b98126;color:#10b981}.growth-badge.negative{background:#ef444426;color:#ef4444}.growth-badge.neutral{background:#88888826;color:#888}.status-badge{border-radius:14px;font-size:12px}.status-badge.success{background:#10b98126;color:#10b981}.status-badge.warning{background:#f59e0b26;color:#f59e0b}.status-badge.danger{background:#ef444426;color:#ef4444}.status-badge.info{background:#3b82f626;color:#3b82f6}.analytics-footer{align-items:center;background:linear-gradient(135deg,#0a0a0a,#0d0d0d);border:1px solid #1a1a1a;border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:24px 28px}.footer-stats{display:flex;flex-wrap:wrap;gap:32px}.footer-stat{align-items:center;display:flex;gap:12px}.footer-stat svg{color:#3b82f6}.footer-value{color:#fff;font-size:24px;font-weight:700}.footer-label{color:#888;font-size:13px}.footer-info{display:flex;flex-direction:column;gap:4px;text-align:right}.footer-info p{color:#666;font-size:12px}@media (max-width:1400px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.charts-row,.performers-row{grid-template-columns:1fr}}@media (max-width:1024px){.analytics-header-advanced{align-items:flex-start;flex-direction:column}.analytics-actions-group{width:100%}.compare-btn,.export-btn-advanced,.refresh-btn-advanced,.time-range-select-advanced{flex:1 1}}@media (max-width:768px){.analytics-view-advanced{padding:16px}.analytics-header-advanced{padding:20px}.analytics-title-group h1{font-size:24px}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}.chart-container{padding:16px}.insights-grid{grid-template-columns:1fr}.footer-stats{justify-content:space-between;width:100%}.footer-info{text-align:left;width:100%}}@media (max-width:640px){.analytics-icon-wrapper{height:48px;width:48px}.analytics-icon-wrapper svg{height:28px;width:28px}.kpi-icon-container{height:48px;width:48px}.kpi-value{font-size:24px}.kpi-label{font-size:12px}.chart-header-advanced{align-items:flex-start;flex-direction:column;gap:12px}.chart-legend{justify-content:flex-start;width:100%}.performer-item{align-items:flex-start;flex-direction:column}.performer-value{align-self:flex-end}.metrics-table-container{border:1px solid #1a1a1a;border-radius:8px}.metrics-table{font-size:12px}.metrics-table td,.metrics-table th{padding:10px}}@media (max-width:480px){.footer-stats{gap:16px}.analytics-actions-group,.footer-stats{flex-direction:column}.compare-btn,.export-btn-advanced,.refresh-btn-advanced,.time-range-select-advanced{width:100%}}@media print{.analytics-header-advanced,.compare-btn,.export-dropdown,.refresh-btn-advanced{display:none}.analytics-view-advanced{background:#fff;color:#000}.chart-container,.insights-section,.kpi-card,.metrics-table-section,.performers-card{border:1px solid #ccc;page-break-inside:avoid}}.settings-view{display:flex;flex-direction:column;gap:24px}.settings-message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px}.settings-message-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.settings-message-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.settings-message-info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.settings-message button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;margin-left:auto;opacity:.7;padding:4px;transition:opacity .2s}.settings-message button:hover{opacity:1}.settings-header{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px}.settings-title{align-items:center;display:flex;gap:16px}.settings-title svg{color:#3b82f6}.settings-title h1{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.settings-title p{color:#888;font-size:14px}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:250px 1fr}.settings-sidebar{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;height:-webkit-fit-content;height:fit-content;padding:16px;position:-webkit-sticky;position:sticky;top:100px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.settings-nav-item:hover{background:#151515;color:#fff}.settings-nav-item.active{background:#3b82f61a;color:#3b82f6;font-weight:600}.settings-content{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;min-height:500px}.settings-section{padding:32px}.section-header{border-bottom:1px solid #1a1a1a;gap:16px;margin-bottom:32px;padding-bottom:20px}.section-header svg{color:#3b82f6}.section-header h2{color:#fff;margin-bottom:4px}.section-header p{color:#888;font-size:14px}.settings-form{gap:24px;max-width:600px}.form-group label{color:#e0e0e0;font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#151515;border:1px solid #2a2a2a;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#1a1a1a}.form-group input.disabled-input{background:#0d0d0d;color:#666;cursor:not-allowed}.form-group small{color:#666;font-size:12px}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:#fff}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#151515;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;transition:all .2s}.btn-secondary:hover{border-color:#3a3a3a}.btn-danger{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:15px;font-weight:600;transition:all .2s}.btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef44444d}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{align-items:center;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.toggle-item:hover{background:#151515;border-color:#2a2a2a}.toggle-info h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.toggle-info p{color:#888;font-size:13px}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2a2a2a;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translateX(24px)}.account-actions{display:flex;flex-direction:column;gap:16px;max-width:600px}.action-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;gap:16px;padding:20px;transition:all .2s}.action-card:hover{background:#151515;border-color:#2a2a2a}.action-card.danger{border-color:#ef444433}.action-card.danger:hover{background:#ef44440d;border-color:#ef44444d}.action-card svg{color:#3b82f6;flex-shrink:0}.action-card.danger svg{color:#ef4444}.action-card h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.action-card p{color:#888;font-size:13px}.action-card button{margin-left:auto}@media (max-width:1024px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;overflow-x:auto;padding:12px;position:static}.settings-nav-item{white-space:nowrap}}@media (max-width:768px){.settings-section{padding:20px}.account-actions,.settings-form{max-width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.settings-title h1{font-size:22px}.section-header h2{font-size:18px}.action-card,.toggle-item{align-items:flex-start;flex-direction:column;gap:12px}.action-card button{margin-left:0;width:100%}}:root{--sellproducts-cream:#f9f7f2;--sellproducts-black:#1a1a1a;--sellproducts-coral:#e87a5d;--sellproducts-gray:#e0e0e0;--sellproducts-white:#fff;--sellproducts-radius-lg:24px;--sellproducts-radius-md:12px;--sellproducts-max-width:1100px}.sellproducts-wrapper{background-color:#f9f7f2;background-color:var(--sellproducts-cream);color:#1a1a1a;color:var(--sellproducts-black);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;min-height:100vh;padding:20px}.sellproducts-container{margin:0 auto;max-width:1100px;max-width:var(--sellproducts-max-width)}.sellproducts-header{display:flex;flex-direction:column;gap:15px;margin-bottom:40px;padding:20px 0}@media (min-width:768px){.sellproducts-header{align-items:flex-end;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--sellproducts-gray);flex-direction:row;justify-content:space-between;padding-bottom:30px}}.sellproducts-header h1{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);letter-spacing:-1.5px;margin-top:5px}.sellproducts-header-label{color:#e87a5d;color:var(--sellproducts-coral);font-size:.8rem;font-weight:800;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.sellproducts-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.sellproducts-store-badge{align-items:center;background:#fff;background:var(--sellproducts-white);border:1px solid #e0e0e0;border:1px solid var(--sellproducts-gray);border-radius:100px;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;padding:8px 16px}.sellproducts-message{align-items:center;border-radius:12px;border-radius:var(--sellproducts-radius-md);display:flex;font-weight:500;gap:12px;margin-bottom:30px;padding:16px 20px}.sellproducts-message.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.sellproducts-message.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.sellproducts-studio-card{background:#fff;background:var(--sellproducts-white);border:1px solid #0000000d;border-radius:24px;border-radius:var(--sellproducts-radius-lg);box-shadow:0 10px 40px #00000008;padding:clamp(20px,5vw,50px)}.sellproducts-product-section{border-bottom:1px solid #f9f7f2;border-bottom:1px solid var(--sellproducts-cream);margin-bottom:40px;padding-bottom:40px;position:relative}.sellproducts-product-section:last-child{border-bottom:none;margin-bottom:0}.sellproducts-remove-btn{align-items:center;background:#e87a5d;background:var(--sellproducts-coral);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:0;transition:all .2s;width:36px}.sellproducts-remove-btn:hover{background:#1a1a1a;background:var(--sellproducts-black);transform:rotate(90deg)}.sellproducts-studio-card h2{border-bottom:1px solid #f9f7f2;border-bottom:1px solid var(--sellproducts-cream);color:#1a1a1a!important;color:var(--sellproducts-black)!important;font-size:.7rem;font-weight:900;letter-spacing:2px;margin-bottom:30px;margin-top:30px;padding-bottom:10px;text-transform:uppercase}.sellproducts-studio-card h2:first-child{margin-top:0}.sellproducts-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.sellproducts-form-grid{grid-template-columns:repeat(12,1fr)}.sellproducts-col-full{grid-column:span 12}.sellproducts-col-half{grid-column:span 6}.sellproducts-col-third{grid-column:span 4}}.sellproducts-form-group{margin-bottom:10px}.sellproducts-form-group label{color:#1a1a1a!important;color:var(--sellproducts-black)!important;display:block;font-size:.75rem;font-weight:800;margin-bottom:8px;opacity:1!important;text-transform:uppercase}.sellproducts-form-group input,.sellproducts-form-group select,.sellproducts-form-group textarea{background:#fafafa;border:1.5px solid #e0e0e0;border:1.5px solid var(--sellproducts-gray);border-radius:12px;border-radius:var(--sellproducts-radius-md);color:#1a1a1a!important;color:var(--sellproducts-black)!important;font-family:inherit;font-size:1rem;outline:none;padding:16px;transition:all .2s;width:100%}.sellproducts-form-group input:focus,.sellproducts-form-group textarea:focus{background:#fff;border-color:#1a1a1a;border-color:var(--sellproducts-black);box-shadow:0 5px 15px #0000000d}.sellproducts-form-group textarea{min-height:100px;resize:vertical}.sellproducts-images-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.sellproducts-images-container{grid-template-columns:repeat(4,1fr)}}.sellproducts-single-upload{aspect-ratio:1;width:100%}.sellproducts-single-upload-zone{align-items:center;background:#f9f7f2;background:var(--sellproducts-cream);border:2px dashed #e0e0e0;border:2px dashed var(--sellproducts-gray);border-radius:12px;border-radius:var(--sellproducts-radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;transition:.2s;width:100%}.sellproducts-single-upload-zone:hover{background:#fff;background:var(--sellproducts-white);border-color:#e87a5d;border-color:var(--sellproducts-coral)}.sellproducts-single-upload-zone svg{color:#e87a5d;color:var(--sellproducts-coral)}.sellproducts-single-upload-zone p{color:#1a1a1a!important;color:var(--sellproducts-black)!important;font-size:.85rem;font-weight:600;margin:0}.sellproducts-uploaded-image{border:2px solid #e0e0e0;border:2px solid var(--sellproducts-gray);border-radius:12px;border-radius:var(--sellproducts-radius-md);height:100%;overflow:hidden;position:relative;width:100%}.sellproducts-uploaded-image img{height:100%;object-fit:cover;width:100%}.sellproducts-remove-single-image{align-items:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.sellproducts-remove-single-image:hover{background:#e87a5d;background:var(--sellproducts-coral);transform:rotate(90deg)}.sellproducts-image-previews{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:20px}.sellproducts-image-preview-item{aspect-ratio:1;border:1px solid #e0e0e0;border:1px solid var(--sellproducts-gray);border-radius:12px;border-radius:var(--sellproducts-radius-md);overflow:hidden;position:relative}.sellproducts-image-preview-item img{height:100%;object-fit:cover;width:100%}.sellproducts-remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s;width:24px}.sellproducts-image-preview-item:hover .sellproducts-remove-image-btn{opacity:1}.sellproducts-actions{display:flex;flex-direction:column;gap:15px;margin-top:40px}@media (min-width:768px){.sellproducts-actions{flex-direction:row;justify-content:flex-end}.sellproducts-btn{min-width:200px;width:auto!important}}.sellproducts-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:800;gap:10px;justify-content:center;padding:18px 35px;transition:.3s;width:100%}.sellproducts-btn-black{background:#1a1a1a;background:var(--sellproducts-black);color:#fff}.sellproducts-btn-black:hover{background:#e87a5d;background:var(--sellproducts-coral);transform:translateY(-2px)}.sellproducts-btn-black:disabled{cursor:not-allowed;opacity:.5;transform:none}.sellproducts-btn-outline{background:#0000;border:2px solid #1a1a1a;border:2px solid var(--sellproducts-black);color:#1a1a1a;color:var(--sellproducts-black);font-size:.8rem;padding:10px 20px;width:100%}.sellproducts-btn-outline:hover{background:#1a1a1a;background:var(--sellproducts-black);color:#fff}.sellproducts-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.sellproducts-modal-box{animation:sellproducts-modal-in .3s ease;background:#fff;border-radius:30px;max-width:500px;padding:40px;width:100%}@keyframes sellproducts-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sellproducts-modal-box h1{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:10px}.sellproducts-modal-box p{margin-bottom:25px;opacity:.6}.sellproducts-error-text{color:#dc2626}.sellproducts-error-text,.sellproducts-hint-text{display:block;font-size:.85rem;margin-top:5px}.sellproducts-view-section{background:#fff;background:var(--sellproducts-white);border:1px solid #0000000d;border-radius:24px;border-radius:var(--sellproducts-radius-lg);box-shadow:0 10px 40px #00000008;padding:clamp(20px,5vw,50px)}.sellproducts-view-header{align-items:center;border-bottom:1px solid #f9f7f2;border-bottom:1px solid var(--sellproducts-cream);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.sellproducts-view-header h2{font-family:Playfair Display,serif;font-size:2rem;letter-spacing:-1px}.sellproducts-refresh-btn{background:#f9f7f2;background:var(--sellproducts-cream);border:1px solid #e0e0e0;border:1px solid var(--sellproducts-gray);border-radius:100px;cursor:pointer;font-family:inherit;font-weight:600;padding:8px 16px;transition:.2s}.sellproducts-refresh-btn:hover{background:#1a1a1a;background:var(--sellproducts-black);color:#fff}.sellproducts-loading,.sellproducts-loading-products{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.sellproducts-loading-content{text-align:center}.sellproducts-loading-icon{animation:sellproducts-pulse 2s ease-in-out infinite;color:#e87a5d;color:var(--sellproducts-coral)}@keyframes sellproducts-pulse{0%,to{opacity:1}50%{opacity:.3}}.sellproducts-spin{animation:sellproducts-spin 1s linear infinite}@keyframes sellproducts-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sellproducts-empty-state{padding:60px 20px;text-align:center}.sellproducts-empty-state svg{color:#e0e0e0;color:var(--sellproducts-gray);margin-bottom:20px}.sellproducts-empty-state h3{font-size:1.5rem;font-weight:700;margin-bottom:10px}.sellproducts-empty-state p{color:#666;margin-bottom:30px}.sellproducts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}@media (min-width:640px){.sellproducts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sellproducts-grid{grid-template-columns:repeat(3,1fr)}}.sellproducts-product-card{background:#fff;background:var(--sellproducts-white);border:1px solid #e0e0e0;border:1px solid var(--sellproducts-gray);border-radius:12px;border-radius:var(--sellproducts-radius-md);overflow:hidden;transition:all .3s}.sellproducts-product-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.sellproducts-product-card img{height:200px;object-fit:cover;width:100%}.sellproducts-product-content{padding:20px}.sellproducts-product-content h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.sellproducts-product-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;margin-bottom:15px;overflow:hidden}.sellproducts-product-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sellproducts-price{color:#e87a5d;color:var(--sellproducts-coral);font-size:1.3rem;font-weight:800}.sellproducts-category{background:#f9f7f2;background:var(--sellproducts-cream);padding:4px 12px}.sellproducts-category,.sellproducts-stock{border-radius:100px;font-size:.75rem;font-weight:600}.sellproducts-stock{background:#f0fdf4;color:#166534;display:inline-block;margin-bottom:15px;padding:4px 10px}.sellproducts-link-section{margin:15px 0}.sellproducts-link-section input{background:#f9f7f2;background:var(--sellproducts-cream);border:1px solid #e0e0e0;border:1px solid var(--sellproducts-gray);border-radius:8px;font-family:monospace;font-size:.8rem;padding:10px 12px;width:100%}.sellproducts-product-actions{display:flex;gap:8px;margin-top:15px}.sellproducts-product-actions button{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--sellproducts-gray);border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:.2s}.sellproducts-product-actions button:hover{background:#1a1a1a;background:var(--sellproducts-black);border-color:#1a1a1a;border-color:var(--sellproducts-black);color:#fff}.sellproducts-product-actions button:disabled{cursor:not-allowed;opacity:.5}.sellproducts-delete-btn:hover{background:#dc2626!important;border-color:#dc2626!important}@media (max-width:767px){.sellproducts-header-actions{width:100%}.sellproducts-store-badge{justify-content:center;width:100%}.sellproducts-product-actions{flex-direction:column}.sellproducts-product-actions button{width:100%}}:root{--bg:#fdfcfb;--surface:#fff;--black:#1a1a1a;--accent:#ff9f66;--mono:"JetBrains Mono",monospace;--font-heading:"DM Serif Display",serif;--font-body:"Inter",sans-serif}.searchproducts-toast{animation:slideInRight .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:350px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.searchproducts-toast-content{align-items:center;color:#2d2926;color:var(--text-primary);display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:12px}.searchproducts-toast-success .searchproducts-toast-content{color:#10b981}.searchproducts-toast-error .searchproducts-toast-content{color:#ef4444}.searchproducts-header-location{align-items:center;background:#fff;border:1px solid #00000014;border-radius:100px;box-shadow:0 4px 15px #0000001a;display:flex;gap:8px;left:20px;padding:10px 18px;position:absolute;top:20px;z-index:100}.searchproducts-loc-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#e87a5d;background:var(--accent-coral);border-radius:50%;flex-shrink:0;height:8px;width:8px}.searchproducts-loc-input{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23C65D42' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:12px;border:none;color:#c65d42;color:var(--accent-terracotta);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.75rem;font-weight:800;letter-spacing:.1em;max-width:150px;min-width:80px;outline:none;padding-right:20px;text-transform:uppercase;transition:all .2s ease;width:auto}.searchproducts-loc-input:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23E87A5D' d='M6 8 2 4h8z'/%3E%3C/svg%3E");color:#e87a5d;color:var(--accent-coral)}.searchproducts-loc-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23E87A5D' d='M6 4 2 8h8z'/%3E%3C/svg%3E");color:#e87a5d;color:var(--accent-coral)}.searchproducts-loc-input option{background:#fff;color:#2d2926;color:var(--text-primary);font-size:.85rem;font-weight:600;letter-spacing:normal;padding:12px;text-transform:capitalize}.searchproducts-loc-input::placeholder{color:#8c8681;color:var(--text-secondary);opacity:.5}.searchproducts-loc-comma{color:#c65d42;color:var(--accent-terracotta);font-size:.75rem;font-weight:800;margin:0 2px}.searchproducts-loc-detect-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#e87a5d;color:var(--accent-coral);cursor:pointer;display:flex;justify-content:center;margin-left:4px;padding:4px;transition:all .2s ease}.searchproducts-loc-detect-btn:hover{background:#e87a5d1a;transform:scale(1.1) rotate(45deg)}.searchproducts-loc-detect-btn:active{transform:scale(.95)}.searchproducts-loc-detect-btn:disabled{animation:spin 1s linear infinite;cursor:not-allowed;opacity:.5}.searchproducts-loc-detect-btn:disabled:hover{background:#0000;transform:none}.searchproducts-marketplace-registry{background:#fdfcfb;background:var(--bg);color:#1a1a1a;color:var(--black);font-family:Inter,sans-serif;line-height:1.4;min-height:100vh;overflow-x:hidden;padding-top:0;position:relative}.searchproducts-search-header{margin:0 auto;max-width:600px;padding:80px 20px 40px;text-align:center}.searchproducts-main-heading{color:#1a1a1a;color:var(--black);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:2rem;font-weight:900;letter-spacing:.15em;margin-bottom:30px;text-transform:uppercase}.searchproducts-highlight-stores{color:#e87a5d;color:var(--accent-coral)}@media (max-width:768px){.searchproducts-search-header{padding:70px 15px 30px}.searchproducts-main-heading{font-size:1.5rem;letter-spacing:.1em;margin-bottom:25px}}@media (max-width:400px){.searchproducts-search-header{padding:60px 15px 25px}.searchproducts-main-heading{font-size:1.2rem;margin-bottom:20px}}.searchproducts-search-wrapper-new{margin-bottom:30px;max-width:100%;position:relative;width:100%}.searchproducts-search-wrap{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 10px 40px #0000000a;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;padding:8px;position:relative;width:100%}.searchproducts-search-input-new{background:#0000;border:none;color:#1a1a1a;color:var(--black);flex:1 1 auto;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:1.05rem;font-weight:500;min-width:0;outline:none;padding:12px 18px;text-align:center}.searchproducts-search-input-new::placeholder{color:#1a1a1a;color:var(--black);opacity:.2}.searchproducts-search-clear-new{align-items:center;background:#0000;border:none;color:#8c8681;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:4px;padding:8px;transition:color .2s ease}.searchproducts-search-clear-new:hover{color:#2d2926;color:var(--text-primary)}.searchproducts-search-btn-new{background:#1a1a1a;background:var(--black);border:none;border-radius:14px;color:#fff;cursor:pointer;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.85rem;font-weight:700;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:background .3s ease,transform .2s ease;white-space:nowrap}.searchproducts-search-btn-new:hover{background:#000;transform:translateY(-1px)}.searchproducts-search-dropdown-new{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 40px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.searchproducts-search-loading{align-items:center;color:#8c8681;color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem;gap:12px;justify-content:center;padding:24px}.searchproducts-spinner{animation:spin .6s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top:2px solid var(--accent-coral);height:20px;width:20px}.searchproducts-search-suggestion{align-items:center;border-bottom:1px solid #00000008;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);justify-content:space-between;padding:14px 18px;transition:background .2s ease}.searchproducts-search-suggestion:hover{background:#e87a5d0d}.searchproducts-search-suggestion:last-child{border-bottom:none}.searchproducts-suggestion-text{color:#2d2926;color:var(--text-primary);font-size:.95rem;font-weight:500}.searchproducts-suggestion-badge{border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.searchproducts-suggestion-remove{align-items:center;background:#0000;border:none;color:#8c8681;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.searchproducts-suggestion-remove:hover{color:#2d2926;color:var(--text-primary)}.searchproducts-search-no-results{align-items:center;color:#8c8681;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.searchproducts-search-no-results div{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.95rem}.searchproducts-market-tag{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.65rem;letter-spacing:4px;margin-top:20px;opacity:.4;text-transform:uppercase}.searchproducts-archive-main{margin:0 auto;max-width:1400px;padding:0 10px 80px}.searchproducts-masonry-grid{column-count:4;column-gap:15px}.searchproducts-shop-card{background:#fff;background:var(--surface);border:1px solid #0000000d;break-inside:avoid;cursor:pointer;margin-bottom:20px;overflow:hidden;page-break-inside:avoid;transition:transform .3s ease}.searchproducts-shop-card:hover{transform:translateY(-2px)}.searchproducts-shop-card img.searchproducts-hero-img{display:block;filter:contrast(1.1);width:100%}.searchproducts-product-strip{background:#f8f8f8;display:flex;gap:4px;overflow-x:auto;padding:6px;scrollbar-width:none}.searchproducts-product-strip::-webkit-scrollbar{display:none}.searchproducts-prod-item{background:#fff;border:1px solid #0000000d;flex-shrink:0;height:50px;min-width:50px}.searchproducts-prod-item img{height:100%;object-fit:cover;width:100%}.searchproducts-shop-meta{padding:15px}.searchproducts-shop-cat{color:#8c8681;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.55rem;font-weight:700;opacity:.6;text-transform:uppercase}.searchproducts-shop-name{font-size:.9rem;font-weight:900;letter-spacing:-.2px;margin:3px 0}.searchproducts-shop-location{font-size:.65rem;font-weight:600;opacity:.4}@media (max-width:768px){.searchproducts-header-location{border:1.5px solid #e87a5d33;box-shadow:0 6px 20px #00000026;left:12px;padding:10px 16px;top:12px;z-index:100}.searchproducts-loc-dot{height:7px;width:7px}.searchproducts-loc-input{background-size:10px;max-width:90px;min-width:65px;padding-right:18px}.searchproducts-loc-comma,.searchproducts-loc-input{font-size:.68rem;font-weight:900}.searchproducts-loc-detect-btn{padding:3px}.searchproducts-masonry-grid{column-count:3;column-gap:8px}.searchproducts-shop-card{margin-bottom:10px}.searchproducts-shop-meta{padding:8px}.searchproducts-shop-name{font-size:.7rem;line-height:1.1}.searchproducts-prod-item{height:40px;min-width:40px}.searchproducts-search-input-new{font-size:.85rem;padding:10px 12px}.searchproducts-search-btn-new{font-size:.75rem;padding:10px 14px}.searchproducts-search-wrap{gap:4px;padding:6px}.searchproducts-search-clear-new{padding:4px}.searchproducts-search-dropdown-new{max-height:300px}}@media (max-width:480px){.searchproducts-header-location{box-shadow:0 8px 25px #0000002e;gap:6px;left:10px;padding:8px 14px;top:10px}.searchproducts-loc-dot{height:6px;width:6px}.searchproducts-loc-input{background-size:9px;font-size:.62rem;max-width:75px;min-width:55px;padding-right:16px}.searchproducts-loc-comma{font-size:.62rem}.searchproducts-loc-detect-btn{padding:2px}.searchproducts-loc-detect-btn svg{height:12px;width:12px}}@media (max-width:400px){.searchproducts-header-location{gap:5px;left:8px;padding:7px 12px;top:8px}.searchproducts-loc-input{background-size:8px;font-size:.58rem;max-width:70px;min-width:50px;padding-right:15px}.searchproducts-loc-comma{font-size:.58rem}.searchproducts-loc-dot{height:5px;width:5px}.searchproducts-loc-detect-btn{padding:2px}.searchproducts-loc-detect-btn svg{height:11px;width:11px}.searchproducts-search-input-new{font-size:.8rem;padding:9px 10px}.searchproducts-search-btn-new{font-size:.7rem;padding:9px 12px}.searchproducts-search-wrap{gap:3px;padding:5px}.searchproducts-search-clear-new{padding:3px}}.searchproducts-footer-tag{font-size:.6rem;opacity:.2;padding:40px}.searchproducts-footer-tag,.searchproducts-loading-state,.searchproducts-no-results{font-family:JetBrains Mono,monospace;font-family:var(--mono);letter-spacing:2px;text-align:center}.searchproducts-loading-state,.searchproducts-no-results{font-size:.8rem;grid-column:1/-1;opacity:.4;padding:60px 20px;text-transform:uppercase}:root{--color-bg:#000;--color-surface:#0a0a0a;--color-surface-elevated:#121212;--color-border:#1a1a1a;--color-border-hover:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#6a6a6a;--color-primary:#fff;--color-primary-hover:#e0e0e0;--color-accent:#3a3a3a;--color-accent-hover:#4a4a4a;--color-success:#0f0;--color-error:#f33;--color-warning:#fa0;--shadow-sm:0 2px 8px #000c;--shadow-md:0 4px 16px #000000e6;--shadow-lg:0 8px 32px #000000f2;--shadow-xl:0 16px 64px #000000fa;--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.products-page,body{background:#000;background:var(--color-bg)}.products-page{min-height:100vh}.error-screen,.loading-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.spinner{border:3px solid #1a1a1a;border-top-color:#fff;border:3px solid var(--color-border);border-top-color:var(--color-primary);height:48px;width:48px}.loading-spinner.small .spinner{border-width:2px;height:24px;width:24px}.loading-spinner.large .spinner{border-width:4px;height:64px;width:64px}.loading-text{color:#a0a0a0;color:var(--color-text-secondary);font-weight:500}.error-container{max-width:500px;text-align:center}.error-icon{animation:shake .5s ease-in-out;font-size:4rem;margin-bottom:1.5rem}.error-title{color:var(--color-text-primary);font-size:1.75rem;margin-bottom:1rem}.error-message{color:#a0a0a0;color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.btn-retry{background:var(--color-primary);color:var(--color-bg);padding:.875rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-retry:hover{background:var(--color-primary-hover);box-shadow:0 4px 16px #000000e6;box-shadow:var(--shadow-md)}.store-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a;background:var(--color-surface);background:#0a0a0af2;border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-border)}.store-container{flex-wrap:wrap}.store-branding{flex:1 1;gap:1.5rem;min-width:0}.store-logo{background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.store-logo img{height:100%;object-fit:cover;width:100%}.store-details{flex:1 1;min-width:0}.store-name{color:#fff;color:var(--color-text-primary);font-size:1.5rem}.store-description{color:#a0a0a0;color:var(--color-text-secondary);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.store-actions{flex-shrink:0;gap:.75rem}.action-btn{background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-btn:hover{border-color:#2a2a2a;border-color:var(--color-border-hover);box-shadow:0 4px 16px #000000e6;box-shadow:var(--shadow-md)}.action-call:hover{background:#3a3a3a;background:var(--color-accent)}.action-whatsapp:hover{background:#1e1e1e;border-color:#2a2a2a}.product-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.product-layout{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.product-gallery{position:-webkit-sticky;position:sticky;top:120px}.gallery-main{background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.gallery-main:hover{border-color:#2a2a2a;border-color:var(--color-border-hover);box-shadow:0 8px 32px #000000f2;box-shadow:var(--shadow-lg)}.gallery-main.zoomed{aspect-ratio:auto;box-shadow:0 16px 64px #000000fa;box-shadow:var(--shadow-xl);height:90vh;left:50%;max-height:900px;max-width:1200px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.gallery-main img{object-fit:contain;transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow)}.gallery-main:not(.zoomed):hover img{transform:scale(1.05)}.image-skeleton{align-items:center;background:#0a0a0a;background:var(--color-surface);display:flex;inset:0;justify-content:center;position:absolute}.zoom-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:6px;bottom:1rem;color:#fff;color:var(--color-text-primary);font-size:.85rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.gallery-main:hover .zoom-hint{opacity:1}.gallery-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:none;color:var(--color-text-primary);display:flex;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:48px}.gallery-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.gallery-nav:active{transform:translateY(-50%) scale(.95)}.gallery-thumbnails{display:flex;gap:.75rem;margin-top:1rem;overflow-x:auto;padding:.5rem 0}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#0a0a0a;background:var(--color-surface);border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#1a1a1a;background:var(--color-border);border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--color-border-hover)}.thumbnail{background:#0a0a0a;background:var(--color-surface);border:2px solid #1a1a1a;border:2px solid var(--color-border);flex-shrink:0;height:80px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:80px}.thumbnail:hover{border-color:#2a2a2a;border-color:var(--color-border-hover);transform:translateY(-2px)}.thumbnail.active{border-color:var(--color-primary);box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--color-primary)}.product-info{gap:2rem}.product-header,.product-info{display:flex;flex-direction:column}.product-header{gap:1rem}.product-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{align-items:center;background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);color:#a0a0a0;color:var(--color-text-secondary);display:inline-flex;font-size:.85rem;font-weight:600;gap:.375rem;padding:.375rem .875rem}.badge-icon{font-size:1rem}.product-title{color:#fff;color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.3}.product-meta{color:#6a6a6a;color:var(--color-text-tertiary);flex-wrap:wrap;font-size:.9rem;gap:1.5rem}.meta-item{gap:.5rem}.product-pricing{background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.price-main{align-items:baseline;display:flex;gap:.25rem}.currency{color:#a0a0a0;color:var(--color-text-secondary);font-size:1.75rem;font-weight:600}.amount{color:#fff;color:var(--color-text-primary);font-size:2.5rem;font-weight:700}.min-order-notice{color:#a0a0a0;color:var(--color-text-secondary);font-size:.9rem;margin-top:.75rem}.product-section{border-top:1px solid #1a1a1a;border-top:1px solid var(--color-border);padding:1.5rem 0}.section-title{color:#fff;color:var(--color-text-primary);font-size:1.25rem}.product-description{color:#a0a0a0;color:var(--color-text-secondary);font-size:1rem;line-height:1.7}.specifications-list{display:flex;flex-direction:column;gap:.75rem}.spec-row{grid-gap:1rem;background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1.5fr;padding:.75rem}.spec-key{color:#a0a0a0;color:var(--color-text-secondary);font-weight:600}.spec-value{color:#fff;color:var(--color-text-primary)}.specifications-text{color:#a0a0a0;color:var(--color-text-secondary);line-height:1.7}.product-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{align-items:center;background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.feature-card:hover{border-color:#2a2a2a;border-color:var(--color-border-hover);box-shadow:0 4px 16px #000000e6;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:1.75rem}.feature-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.feature-label{color:#6a6a6a;color:var(--color-text-tertiary);font-size:.85rem;font-weight:500}.feature-value{color:#fff;color:var(--color-text-primary);font-size:1rem;font-weight:600}.quantity-selector{display:flex;flex-direction:column;gap:.75rem}.quantity-label{color:#fff;color:var(--color-text-primary);font-size:1rem;font-weight:600}.quantity-controls{align-items:center;background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:8px;display:flex;gap:0;overflow:hidden;width:-webkit-fit-content;width:fit-content}.quantity-btn{align-items:center;background:#0000;border:none;color:#fff;color:var(--color-text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:48px}.quantity-btn:hover:not(:disabled){background:#3a3a3a;background:var(--color-accent)}.quantity-btn:active:not(:disabled){transform:scale(.95)}.quantity-btn:disabled{cursor:not-allowed;opacity:.3}.quantity-input{background:#0000;border:none;border-left:1px solid #1a1a1a;border-left:1px solid var(--color-border);border-right:1px solid #1a1a1a;border-right:1px solid var(--color-border);color:#fff;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;height:48px;outline:none;text-align:center;width:80px}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-total{align-items:center;background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.total-label{color:#a0a0a0;color:var(--color-text-secondary);font-size:1.1rem;font-weight:600}.total-amount{color:#fff;color:var(--color-text-primary);font-size:2rem;font-weight:700}.product-actions{gap:1rem;padding-top:1rem}.btn-primary{background:var(--color-primary);box-shadow:0 2px 8px #000c;box-shadow:var(--shadow-sm);color:var(--color-bg);flex:1 1;font-size:1.1rem;gap:.75rem;padding:1.125rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-primary:hover{background:#e0e0e0;background:var(--color-primary-hover);box-shadow:0 4px 16px #000000e6}.btn-secondary{border:1px solid #1a1a1a;flex:1 1;font-size:1.1rem;gap:.75rem;justify-content:center;padding:1.125rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-secondary:hover{background:#0a0a0a;background:var(--color-surface);border-color:#2a2a2a;border-color:var(--color-border-hover)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);background:#000000d9}.modal-container{animation:slideUp .35s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow);background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border);box-shadow:0 16px 64px #000000fa;box-shadow:var(--shadow-xl)}.modal-container::-webkit-scrollbar-track{background:#0a0a0a;background:var(--color-surface)}.modal-container::-webkit-scrollbar-thumb{background:#1a1a1a;background:var(--color-border);border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--color-border-hover)}.modal-header{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-border);padding:2rem}.modal-title{color:var(--color-text-primary);font-size:1.75rem}.modal-close{color:#a0a0a0;color:var(--color-text-secondary);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modal-close:hover{background:#3a3a3a;background:var(--color-accent);color:#fff;color:var(--color-text-primary)}.checkout-form{gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section-title{color:#fff;color:var(--color-text-primary);font-size:1.25rem;margin-bottom:.5rem}.form-grid{grid-gap:1.25rem;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#fff;font-size:.95rem}.required{color:#f33;color:var(--color-error);margin-left:.25rem}.form-input,.form-select,.form-textarea{background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border-radius:8px;color:#fff;padding:.875rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.5}.form-textarea{min-height:80px}.form-field.has-error .form-input,.form-field.has-error .form-select,.form-field.has-error .form-textarea{border-color:#f33;border-color:var(--color-error)}.error-text{color:#f33;color:var(--color-error);font-size:.85rem;font-weight:500}.order-summary{background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.summary-row{padding:.5rem 0}.summary-label{color:#a0a0a0;color:var(--color-text-secondary);font-weight:500}.summary-value{color:#fff;color:var(--color-text-primary);font-weight:600}.summary-total{border-top:1px solid #1a1a1a;border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:1rem}.summary-total .summary-label,.summary-total .summary-value{font-size:1.25rem;font-weight:700}.modal-actions{margin-top:1rem}.success-message{align-items:center;animation:fadeIn .35s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-slow);display:flex;flex-direction:column;padding:2rem 0}.success-icon{animation:scaleIn .35s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--transition-slow);color:#0f0;color:var(--color-success);margin-bottom:1.5rem}.success-title{color:var(--color-text-primary);font-size:1.75rem;margin-bottom:1rem}.success-subtitle{color:#a0a0a0;color:var(--color-text-secondary);font-size:1rem;margin-bottom:1rem}.order-number{background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:8px;color:#fff;color:var(--color-primary);font-size:1.5rem;letter-spacing:1px;margin:1rem 0;padding:1rem 2rem}.success-message-text{color:#a0a0a0;color:var(--color-text-secondary);line-height:1.6;margin-top:1rem;max-width:400px}.notification-toast{animation:slideInRight .25s cubic-bezier(.4,0,.2,1);animation:slideInRight var(--transition-base);background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 32px #000000f2;box-shadow:var(--shadow-lg);color:var(--color-text-primary);justify-content:space-between;max-width:500px;min-width:300px;right:2rem;top:2rem}.notification-toast.notification-success{border-left:4px solid var(--color-success)}.notification-toast.notification-error{border-left:4px solid #f33;border-left:4px solid var(--color-error)}.notification-toast.notification-warning{border-left:4px solid #fa0;border-left:4px solid var(--color-warning)}.notification-message{flex:1 1;font-weight:500}.notification-close{background:#0000;border-radius:4px;color:#a0a0a0;color:var(--color-text-secondary);flex-shrink:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.notification-close:hover{background:#3a3a3a;background:var(--color-accent);color:#fff;color:var(--color-text-primary)}@media (max-width:1200px){.product-layout{gap:3rem}.product-container{padding:2rem 1.5rem}}@media (max-width:968px){.product-layout{gap:2rem;grid-template-columns:1fr}.product-gallery{position:static}.gallery-main.zoomed{height:95vh;width:95vw}.store-container{padding:0 1.5rem}.store-name{font-size:1.25rem}.product-title{font-size:1.75rem}}@media (max-width:768px){.store-container{align-items:stretch;flex-direction:column;gap:1.5rem}.store-actions,.store-branding{justify-content:center}.store-actions{width:100%}.action-btn{flex:1 1;justify-content:center}.product-container{padding:1.5rem 1rem}.form-grid,.product-features{grid-template-columns:1fr}.modal-overlay{padding:1rem}.modal-body,.modal-header{padding:1.5rem}.modal-title{font-size:1.5rem}.notification-toast{left:1rem;min-width:0;right:1rem}.product-actions{flex-direction:column}.modal-actions{flex-direction:column-reverse}}@media (max-width:480px){.store-header{padding:1rem 0}.store-branding{gap:1rem}.store-logo{height:48px;width:48px}.store-name{font-size:1.1rem}.store-description{font-size:.85rem}.product-title{font-size:1.5rem}.amount{font-size:2rem}.currency{font-size:1.5rem}.total-amount{font-size:1.75rem}.gallery-thumbnails{gap:.5rem}.thumbnail{height:64px;width:64px}.gallery-nav{height:40px;width:40px}.gallery-prev{left:.5rem}.gallery-next{right:.5rem}.spec-row{gap:.5rem;grid-template-columns:1fr}.product-badges{gap:.375rem}.badge{font-size:.8rem;padding:.3rem .75rem}}@media (hover:none){.action-btn:hover,.btn-primary:hover,.btn-secondary:hover,.feature-card:hover,.gallery-nav:hover,.modal-close:hover,.notification-close:hover,.quantity-btn:hover,.thumbnail:hover{transform:none}}@supports (-webkit-touch-callout:none){.gallery-main.zoomed{height:-webkit-fill-available}.modal-container{max-height:-webkit-fill-available}}.form-input::placeholder,.form-textarea::placeholder{color:#6a6a6a;color:var(--color-text-tertiary);opacity:1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.5}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline:2px solid var(--color-primary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.error-container,.loading-container{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px}.loading-spinner{border:3px solid #ffffff1a;margin-bottom:20px}.loading-text{color:#fff9;font-size:16px;letter-spacing:.5px}.debug-info{background:#111;border:1px solid #222;border-radius:8px;color:#ffffffb3;font-size:13px;margin-top:30px;max-width:600px;padding:20px;text-align:left;white-space:pre-wrap}.debug-info.error{background:#ff38380d;border-color:#ff3838}.btn-home{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:15px;font-weight:600;margin-top:30px;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-home:hover{box-shadow:0 10px 40px #fff3;transform:translateY(-2px)}.checkout-wrapper{background:#000;min-height:100vh;padding:0}.checkout-container{margin:0 auto;max-width:1400px;padding:40px 20px 80px}.checkout-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;margin-bottom:50px;padding-bottom:30px}.checkout-header h1{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.5px}.store-name{color:#ffffff80;font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.checkout-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 450px}.checkout-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:35px;transition:all .3s ease}.form-section:hover{border-color:#2a2a2a}.form-section h2{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:25px}.form-section h2 span{color:#fff6;font-size:14px;font-weight:400}.form-group:last-child{margin-bottom:0}.form-group label{color:#ffffffb3;font-size:13px;margin-bottom:10px}.form-group input,.form-group textarea{background:#000;border:1px solid #1a1a1a;border-radius:10px;color:#fff;font-family:inherit;font-size:15px;padding:15px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group textarea:focus{background:#0a0a0a;border-color:#fff;box-shadow:0 0 0 3px #ffffff0d;outline:none}.form-group input.error,.form-group textarea.error{border-color:#ff3838}.error-msg{color:#ff3838;display:block;font-size:12px;font-weight:500;margin-top:8px}.form-row{grid-gap:20px;gap:20px}.form-row.three-col,.payment-options{grid-template-columns:repeat(3,1fr)}.payment-options{grid-gap:15px;display:grid;gap:15px;margin-bottom:20px}.payment-card{background:#000;border:1px solid #1a1a1a;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.payment-card:hover{border-color:#3a3a3a;transform:translateY(-2px)}.payment-card.selected{background:#0a0a0a;border-color:#fff;box-shadow:0 0 0 3px #ffffff0d}.payment-card input[type=radio]{height:0;opacity:0;position:absolute;width:0}.payment-info{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.payment-icon{filter:grayscale(100%);font-size:32px;transition:filter .3s ease}.payment-card.selected .payment-icon{filter:grayscale(0)}.payment-info strong{color:#fff;font-size:14px;font-weight:600}.payment-info p{color:#fff6;font-size:12px;margin:0}.upi-input{border-top:1px solid #1a1a1a;margin-top:20px;padding-top:20px}.order-sidebar{position:relative}.sidebar-sticky{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:35px;position:-webkit-sticky;position:sticky;top:30px}.product-preview{border-bottom:1px solid #1a1a1a;margin-bottom:25px;padding-bottom:25px;text-align:center}.product-image{background:#000;border:1px solid #1a1a1a;height:280px;margin-bottom:20px}.product-name{color:#fff;font-size:20px;letter-spacing:-.3px;margin-bottom:10px}.product-price{color:#fff;font-size:28px;margin-bottom:8px}.product-brand{color:#fff6;font-size:13px;letter-spacing:1px;text-transform:uppercase}.quantity-section{border-bottom:1px solid #1a1a1a;margin-bottom:25px;padding-bottom:25px}.quantity-section label{color:#ffffffb3;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.quantity-control{align-items:center;display:flex;gap:12px}.quantity-control button{align-items:center;background:#000;border:1px solid #1a1a1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.quantity-control button:hover{background:#0a0a0a;border-color:#fff}.quantity-control input{background:#000;border:1px solid #1a1a1a;border-radius:8px;color:#fff;font-size:16px;font-weight:600;height:44px;text-align:center;width:70px}.quantity-control input:focus{border-color:#fff;outline:none}.price-breakdown{margin-bottom:25px}.price-row{align-items:center;color:#ffffffb3;display:flex;font-size:15px;justify-content:space-between;margin-bottom:12px}.price-row span:last-child{color:#fff;font-weight:600}.price-row.free{color:#0f8}.price-row.total{border-top:1px solid #1a1a1a;font-size:18px;margin-top:20px;padding-top:20px}.price-row.total span{color:#fff;font-size:24px;font-weight:700}.shipping-note{background:#ffa5000d;border:1px solid #ffa5001a;border-radius:8px;color:orange;font-size:12px;margin:15px 0;padding:10px 14px}.btn-checkout{align-items:center;background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.3px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-checkout:hover:not(:disabled){box-shadow:0 10px 40px #fff3;transform:translateY(-2px)}.btn-checkout:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #0000001a;border-top-color:#000;height:16px;width:16px}.security-badge{align-items:center;color:#fff6;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:20px}.security-badge svg{color:#ffffff4d}.success-wrapper{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.success-container{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:20px;max-width:900px;padding:60px;text-align:center;width:100%}.success-icon{animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55);background:#fff;color:#000;font-size:60px;margin:0 auto 30px}.success-title{font-size:36px;margin-bottom:20px}.order-number-badge{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#fff;display:inline-block;font-size:18px;font-weight:700;margin-bottom:50px;padding:15px 30px}.success-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:50px}.success-card{background:#000;border:1px solid #1a1a1a;border-radius:16px;padding:30px;text-align:left}.success-card h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.success-row{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:12px 0}.success-row:last-child{border-bottom:none}.success-row span{color:#fff9;font-size:14px}.success-row strong{color:#fff;font-size:15px;font-weight:600}.success-row .amount{color:#fff;font-size:20px;font-weight:700}.address-block{line-height:1.8}.address-block strong{color:#fff;display:block;font-size:16px;margin-bottom:8px}.address-block p{color:#fff9;font-size:14px;margin:4px 0}.btn-primary{font-size:16px;padding:18px 50px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 10px 40px #fff3}@media (max-width:1200px){.checkout-grid{gap:40px;grid-template-columns:1fr 400px}}@media (max-width:968px){.checkout-grid{gap:40px;grid-template-columns:1fr}.sidebar-sticky{position:static}.checkout-header{flex-direction:column;gap:15px;text-align:center}.payment-options,.success-grid{grid-template-columns:1fr}}@media (max-width:640px){.checkout-container{padding:30px 15px 60px}.checkout-header h1{font-size:28px}.form-section,.sidebar-sticky{padding:25px 20px}.form-row,.form-row.three-col{grid-template-columns:1fr}.success-container{padding:40px 25px}.success-title{font-size:28px}.product-image{height:220px}}.product-orders-page{background:#fcf9f6;min-height:100vh;padding:2rem}.product-orders-error,.product-orders-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.product-orders-loading .product-orders-spinner{animation:spin 1s linear infinite}.product-orders-error h2{font-size:2rem;margin:0}.product-orders-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.product-orders-header-content{flex-wrap:wrap;justify-content:space-between}.product-orders-header-content,.product-orders-header-title{align-items:center;display:flex;gap:1rem}.product-orders-header-title svg{color:#000}.product-orders-header-title h1{color:#1f2937;font-size:1.75rem;margin:0}.product-orders-header-title p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.product-orders-export-btn{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.product-orders-export-btn:hover{background:#000;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.product-orders-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.product-orders-search-box{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;min-width:300px;padding:.75rem 1rem;position:relative}.product-orders-search-box svg{color:#9ca3af;margin-right:.75rem}.product-orders-search-box input{border:none;color:#1f2937;flex:1 1;font-size:.95rem;outline:none}.product-orders-search-box input::placeholder{color:#9ca3af}.product-orders-status-filter{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.5rem;padding:.75rem 1rem}.product-orders-status-filter svg{color:#9ca3af}.product-orders-status-filter select{background:#0000;border:none;color:#1f2937;cursor:pointer;font-size:.95rem;font-weight:500;outline:none}.product-orders-empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:4rem 2rem;text-align:center}.product-orders-empty-state svg{color:#d1d5db;margin-bottom:1rem}.product-orders-empty-state h3{color:#1f2937;font-size:1.5rem;margin:0 0 .5rem}.product-orders-empty-state p{color:#6b7280;margin:0}.product-product-orders-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.product-orders-table{border-collapse:collapse;width:100%}.product-orders-table thead{background:linear-gradient(135deg,#000,#000);color:#fff}.product-orders-table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.product-orders-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.product-orders-table tbody tr:hover{background-color:#f9fafb}.product-orders-table td{color:#1f2937;padding:1rem}.product-orders-date-cell,.product-orders-time-cell{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.product-orders-date-cell{color:#1f2937;font-weight:500}.product-orders-time-cell{color:#6b7280;margin-top:.25rem}.product-orders-customer-cell{display:flex;flex-direction:column;gap:.25rem}.product-orders-customer-name{color:#1f2937;font-weight:600}.product-orders-customer-contact{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.product-orders-product-cell{display:flex;flex-direction:column;gap:.25rem}.product-orders-product-name{color:#1f2937;font-weight:500}.product-orders-product-type{background:#e0e7ff;border-radius:4px;color:#4f46e5;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.product-orders-quantity-cell{color:#1f2937;font-weight:600;text-align:center}.product-orders-amount-cell{align-items:center;color:#059669;display:flex;font-weight:700;gap:.25rem}.product-orders-location-cell{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.product-orders-status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.product-orders-action-buttons{display:flex;gap:.5rem}.product-orders-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.product-orders-view-btn{background:#dbeafe;color:#1e40af}.product-orders-view-btn:hover{background:#bfdbfe;transform:scale(1.1)}.product-orders-delete-btn{background:#fee2e2;color:#991b1b}.product-orders-delete-btn:hover{background:#fecaca;transform:scale(1.1)}.product-orders-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.product-orders-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.product-orders-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.product-orders-modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.product-orders-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.product-orders-modal-close:hover{background:#f3f4f6;color:#1f2937}.product-orders-modal-body{padding:2rem}.product-orders-detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.product-orders-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.product-orders-detail-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;gap:.5rem;margin:0 0 1rem}.product-orders-detail-section h3 svg{color:#667eea}.product-orders-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-orders-detail-item{display:flex;flex-direction:column;gap:.25rem}.product-orders-detail-item.full-width{grid-column:1/-1}.product-orders-detail-item label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.product-orders-detail-item p{color:#1f2937;font-size:1rem;margin:0}.product-orders-detail-item .total-amount{color:#059669;font-size:1.25rem;font-weight:700}.product-orders-notes-text{background:#f9fafb;border-radius:8px;color:#1f2937;line-height:1.6;margin:0;padding:1rem}.product-orders-status-update{align-items:center;display:flex;gap:1rem}.product-orders-status-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.product-orders-status-select:hover{border-color:#667eea}.product-orders-status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.product-orders-modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky}.product-orders-btn-danger,.product-orders-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.product-orders-btn-secondary{background:#f3f4f6;color:#1f2937}.product-orders-btn-secondary:hover{background:#e5e7eb}.product-orders-btn-danger{background:#ef4444;color:#fff}.product-orders-btn-danger:hover{background:#dc2626}.product-orders-notification-toast{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:flex;gap:1rem;justify-content:space-between;min-width:300px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:2000}.product-orders-notification-success{background:#10b981}.product-orders-notification-error{background:#ef4444}.product-orders-notification-info{background:#3b82f6}.product-orders-notification-toast button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;opacity:.8;padding:0;transition:opacity .2s ease;width:24px}.product-orders-notification-toast button:hover{opacity:1}@media (max-width:1024px){.product-product-orders-table-container{overflow-x:auto}.product-orders-table{min-width:1000px}}@media (max-width:768px){.product-orders-page{padding:1rem}.product-orders-header{padding:1.5rem}.product-orders-header-content{align-items:flex-start;flex-direction:column}.product-orders-export-btn{justify-content:center;width:100%}.product-orders-filters{flex-direction:column}.product-orders-search-box{min-width:auto}.product-orders-modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.product-orders-modal-body,.product-orders-modal-footer,.product-orders-modal-header{padding:1rem}.product-orders-detail-grid{grid-template-columns:1fr}}.chatbot-container{animation:slideUp .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border:1px solid #fff6;border-radius:30px;bottom:30px;box-shadow:var(--shadow-medium);direction:ltr;display:flex;flex-direction:column;max-height:600px;position:fixed;right:30px;width:400px;writing-mode:horizontal-tb;z-index:1000}.chatbot-container.embedded{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;bottom:auto;box-shadow:none;direction:ltr;height:100%;max-height:100%;max-width:100%;position:relative;right:auto;width:100%;writing-mode:horizontal-tb;z-index:2}.chatbot-container.expanded{bottom:50%;max-height:80vh;max-width:800px;right:50%;transform:translate(50%,50%);width:90vw}.chatbot-header{background:#ffffff80;border-bottom:1px solid #0000000d;border-radius:30px 30px 0 0;justify-content:space-between;padding:20px 25px}.chatbot-header,.chatbot-title{align-items:center;display:flex}.chatbot-title{gap:12px}.chatbot-title h4{color:#000!important;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:900;margin:0}.chatbot-status{align-items:center;color:#000!important;display:flex;font-size:.75rem;gap:6px;margin-top:2px}.status-indicator{animation:pulse-dot 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-indicator.connected{background:#10b981}.status-indicator.offline{background:#ef4444}.chatbot-header-actions{display:flex;gap:8px}.chatbot-close,.chatbot-minimize{align-items:center;background:#0000;border:none;border-radius:8px;color:#000!important;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:.3s}.chatbot-close:hover,.chatbot-minimize:hover{background:#0000000d}.chatbot-close:hover{color:#ef4444!important}.brand-watermark-chat{color:#e87a5d0f;font-family:Playfair Display,serif;font-size:2rem;font-weight:900;left:50%;line-height:1.2;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-10deg);z-index:1}.chatbot-messages{color:#000!important;flex:1 1;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic;overflow-y:auto;padding:25px;z-index:2}.chatbot-container.embedded .chatbot-messages{font-size:1rem;padding:15px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#0003}.typing-indicator{display:inline-flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background:var(--studio-black);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-options{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:10px;margin-top:10px}.chat-option-btn{background:#fff;border:2px solid var(--studio-black);border-radius:25px;color:#000!important;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:12px 20px;text-align:left;transition:.3s}.chat-option-btn:hover{background:var(--studio-coral);border-color:var(--studio-coral);color:#fff!important;transform:translateX(5px)}.chat-option-btn.back-btn{background:#0000;border:1px solid #0003;color:#000!important;font-size:.8rem}.chat-option-btn.back-btn:hover{background:#0000000d;border-color:var(--studio-black);color:#000!important}.chatbot-input{background:#ffffff80;border-radius:0 0 30px 30px;border-top:1px solid #0000000d;display:flex;gap:10px;padding:20px 25px}.chatbot-container.embedded .chatbot-input{background:#0000;border-radius:0;border-top:none;padding:15px}.chat-input-field{background:#0000000d;border:none;border-radius:15px;color:#000!important;flex:1 1;font-family:Playfair Display,serif;font-style:italic;outline:none;padding:15px 20px}.chatbot-container.embedded .chat-input-field{padding:12px 18px}.chat-input-field::placeholder{color:#000!important}.chat-input-field:disabled{cursor:not-allowed;opacity:.5}.chat-send-btn{align-items:center;background:var(--studio-black);border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;transition:.3s;width:45px}.chat-send-btn:hover:not(:disabled){background:var(--studio-coral);transform:scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.3}.chatbot-minimized{align-items:center;animation:slideUp .3s ease;background:var(--studio-coral);border-radius:50px;bottom:30px;box-shadow:0 10px 30px #e87a5d66;color:#fff!important;cursor:pointer;display:flex;gap:12px;padding:15px 25px;position:fixed;right:30px;transition:.3s;z-index:1000}.chatbot-minimized:hover{box-shadow:0 15px 40px #e87a5d99;transform:translateY(-3px)}.chatbot-minimized span{color:#fff!important;font-size:.9rem;font-weight:700}.status-dot{animation:pulse-dot 2s infinite;background:#fff;height:10px;width:10px}.status-dot.connected{background:#10b981}.chatbot-close-mini{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;height:24px;justify-content:center;transition:.3s;width:24px}.chatbot-close-mini:hover{background:#ffffff4d}.chatbot-error-banner{background:#fee2e2;border-bottom:1px solid #fecaca;font-size:.85rem;gap:10px;padding:12px 20px}.chatbot-error-banner,.chatbot-error-banner button{align-items:center;color:#991b1b!important;display:flex}.chatbot-error-banner button{background:#0000;border:none;border-radius:4px;cursor:pointer;justify-content:center;margin-left:auto;padding:4px;transition:.3s}.chatbot-error-banner button:hover{background:#0000001a}.chatbot-error-message,.chatbot-loading-message{align-items:center;color:#000!important;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.chatbot-error-message svg,.chatbot-loading-message svg{color:var(--studio-coral);margin-bottom:20px}.chatbot-error-message p,.chatbot-loading-message p{color:#000!important;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic}@media (max-width:600px){.chatbot-container{bottom:20px;max-height:70vh;right:20px;width:calc(100vw - 40px)}.chatbot-container.expanded{bottom:50%;max-height:90vh;right:50%;width:calc(100vw - 20px)}.chatbot-minimized{bottom:20px;padding:12px 20px;right:20px}.chatbot-minimized span{font-size:.8rem}.chat-message{max-width:90%}.message-text{color:#000!important;font-size:.9rem}.chat-option-btn{font-size:.8rem;padding:10px 16px}}@media (max-width:400px){.chatbot-header{padding:15px 20px}.chatbot-messages{padding:20px 15px}.chatbot-input{padding:15px 20px}.brand-watermark-chat{font-size:1.5rem}}:root{--userstore-cream:#f9f7f2;--userstore-black:#1a1a1a;--userstore-coral:#e87a5d;--userstore-glass:#ffffffd9;--userstore-shadow-soft:0 10px 30px #0000000d;--userstore-shadow-medium:0 20px 50px #0000001a}body{background-color:var(--userstore-cream);color:var(--userstore-black)}.userstore.userstore-museum-archive{min-height:100vh}.userstore-hero-container,.userstore.userstore-museum-archive{background-color:#f9f7f2;background-color:var(--userstore-cream)}.userstore-hero-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;min-height:80vh;padding:80px 40px;position:relative}.userstore-brand-box{display:flex;flex-direction:column;justify-content:center;z-index:2}.userstore-studio-logo{color:#1a1a1a;color:var(--userstore-black);font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-4px;line-height:.85;margin-bottom:30px;text-shadow:0 10px 30px #0000000d}.userstore-studio-logo em{color:#e87a5d;color:var(--userstore-coral);font-style:italic;font-weight:400}.userstore-store-bio{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f9f7f299;border-left:4px solid #e87a5d;border-left:4px solid var(--userstore-coral);border-radius:0 20px 20px 0;color:#1a1a1a;color:var(--userstore-black);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;max-width:450px;padding:20px 20px 20px 25px}.userstore-store-bio strong{font-weight:800}.userstore-ai-wrapper{align-items:center;display:flex;justify-content:center;transition:all .6s cubic-bezier(.16,1,.3,1);z-index:100}.userstore-embedded-chat{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;background:var(--userstore-glass);border:1px solid #fff6;border-radius:30px;box-shadow:0 20px 50px #0000001a;box-shadow:var(--userstore-shadow-medium);display:flex;flex-direction:column;height:400px;max-width:500px;padding:30px;position:relative;transition:all .5s ease;width:100%}.userstore-enlarge-btn{background:none;border:none;color:#1a1a1a;color:var(--userstore-black);cursor:pointer;opacity:.5;position:absolute;right:20px;top:20px;transition:.3s;z-index:3}.userstore-enlarge-btn:hover{opacity:1;transform:scale(1.1)}.userstore-brand-watermark{color:#e87a5d14;font-family:Playfair Display,serif;font-size:3rem;font-weight:900;left:50%;line-height:1.2;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-10deg);z-index:1}.userstore-action-strip{align-items:center;background-color:#f9f7f2;background-color:var(--userstore-cream);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:40px}.userstore-contact-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.userstore-contact-scroll::-webkit-scrollbar{display:none}.userstore-pill-card{align-items:center;background:#1a1a1a;background:var(--userstore-black);border-radius:100px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:8px;padding:10px 20px;white-space:nowrap}.userstore-search-wrapper{flex:1 1;max-width:300px}.userstore-search-box{align-items:center;background:#fff;border-radius:100px;box-shadow:0 10px 30px #0000000d;box-shadow:var(--userstore-shadow-soft);display:flex;gap:10px;padding:8px 20px}.userstore-search-box svg{opacity:.3}.userstore-search-box input{background:#0000;border:none;color:#1a1a1a;color:var(--userstore-black);font-size:.8rem;outline:none;width:100%}.userstore-products-header{align-items:center;background-color:#f9f7f2;background-color:var(--userstore-cream);border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px 40px 20px}.userstore-products-title{color:#1a1a1a;font-family:Playfair Display,serif;font-size:28px;font-weight:700;letter-spacing:-.5px}.userstore-products-count{background:#f5f5f5;border-radius:20px;color:#666;font-size:16px;font-weight:500;padding:8px 16px}.userstore-masonry-container{background-color:#f9f7f2;background-color:var(--userstore-cream);column-count:4;column-gap:25px;min-height:400px;padding:40px 40px 80px}.userstore-art-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;box-shadow:var(--userstore-shadow-soft);break-inside:avoid;cursor:pointer;margin-bottom:25px;overflow:hidden;page-break-inside:avoid;position:relative;transition:transform .3s ease,box-shadow .3s ease}.userstore-art-card:hover{box-shadow:0 20px 50px #0000001a;box-shadow:var(--userstore-shadow-medium);transform:translateY(-8px)}.userstore-art-card:before{background:linear-gradient(180deg,#0000,#0000000d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.userstore-art-card:hover:before{opacity:1}.userstore-art-card img{display:block;transition:.5s;width:100%}.userstore-art-card:hover img{transform:scale(1.08)}.userstore-art-info{padding:15px}.userstore-art-info h3{color:#1a1a1a;color:var(--userstore-black);font-size:.85rem;font-weight:800;margin-bottom:5px}.userstore-art-price{color:#e87a5d;color:var(--userstore-coral);font-size:.9rem;font-weight:900;margin-top:5px}.userstore-art-category{background:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 10px}.userstore-no-items-message{align-items:center;color:#999;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.userstore-no-items-message svg{margin-bottom:20px;opacity:.5}.userstore-no-items-message p{color:#666;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic}.userstore-lazy-image-container{background:#f0f0f0;overflow:hidden;position:relative}.userstore-lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;width:100%}.userstore-lazy-image.loaded{opacity:1}.userstore-image-fallback{align-items:center;background:#e5e7eb;color:#9ca3af;display:flex;justify-content:center;min-height:200px}.userstore-fallback-icon{opacity:.5}.userstore-image-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.userstore-spinner{animation:userstore-spin 1s linear infinite;border:3px solid #e87a5d4d;border-radius:50%;border-top:3px solid var(--userstore-coral);color:#e87a5d;color:var(--userstore-coral);height:24px;width:24px}@keyframes userstore-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.userstore-zoom-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:8px;position:absolute;right:10px;top:10px;transition:.3s}.userstore-lazy-image-container:hover .userstore-zoom-btn{opacity:1}.userstore-zoom-btn:hover{background:#e87a5d;background:var(--userstore-coral)}.userstore-lightbox-overlay{align-items:center;animation:userstore-fadeIn .3s ease;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes userstore-fadeIn{0%{opacity:0}to{opacity:1}}.userstore-lightbox-content{max-height:90vh;max-width:90vw;position:relative}.userstore-lightbox-content img{border-radius:10px;max-height:90vh;max-width:100%;object-fit:contain}.userstore-lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:.3s;width:50px;z-index:10001}.userstore-lightbox-close:hover{background:#e87a5d;background:var(--userstore-coral)}.userstore-lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:60px;z-index:10001}.userstore-lightbox-nav:hover{background:#e87a5d;background:var(--userstore-coral)}.userstore-lightbox-prev{left:20px}.userstore-lightbox-next{right:20px}.userstore-lightbox-counter{background:#000000b3;border-radius:20px;bottom:20px;color:#fff;font-size:.9rem;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%)}.userstore-floating-chat-btn{align-items:center;animation:userstore-pulse 2s infinite;background:#e87a5d;background:var(--userstore-coral);border:none;border-radius:50%;bottom:30px;box-shadow:0 10px 30px #e87a5d66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:.3s;width:60px;z-index:999}@keyframes userstore-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.userstore-floating-chat-btn:hover{box-shadow:0 15px 40px #e87a5d99;transform:scale(1.1)}.userstore-error,.userstore-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.userstore-loading p{animation:userstore-fadeInOut 1.5s ease-in-out infinite;color:#2c3e50;font-size:18px;font-weight:500;margin-top:10px}@keyframes userstore-fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.userstore-custom-loader-gif{animation:userstore-gentlePulse 2s ease-in-out infinite;height:120px;margin-bottom:20px;object-fit:contain;width:120px}@keyframes userstore-gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.userstore-error{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.userstore-error-icon{margin-bottom:20px;opacity:.9}.userstore-error h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:10px}.userstore-error p{color:#fff;font-size:18px;margin-bottom:30px;max-width:500px;opacity:.9}.userstore-btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.userstore-btn-primary:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}@media (max-width:900px){.userstore-hero-container{gap:30px;grid-template-columns:1fr;min-height:auto;padding:50px 20px}.userstore-masonry-container{column-count:2;column-gap:15px;padding:20px 15px 40px}.userstore-action-strip{align-items:stretch;flex-direction:column;gap:15px;padding:20px 15px}.userstore-search-wrapper{max-width:100%}.userstore-embedded-chat{border-radius:20px;height:300px;max-width:100%;padding:20px}.userstore-products-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 15px}.userstore-products-title{font-size:22px}.userstore-products-count{font-size:13px;padding:6px 12px}.userstore-art-card{border-radius:15px;margin-bottom:15px}.userstore-art-card:hover{transform:translateY(-3px)}.userstore-art-info{padding:12px}.userstore-art-info h3{font-size:.75rem}.userstore-art-price{font-size:.8rem}.userstore-art-category{font-size:10px;margin-top:6px;padding:3px 8px}.userstore-pill-card{font-size:.7rem;padding:8px 16px}.userstore-search-box{padding:8px 16px}.userstore-search-box input{font-size:.75rem}.userstore-brand-watermark{font-size:2.5rem}}@media (max-width:768px){.userstore-hero-container{gap:25px;padding:40px 15px}.userstore-studio-logo{font-size:2.8rem;letter-spacing:-3px;margin-bottom:20px}.userstore-store-bio{border-radius:0 15px 15px 0;font-size:.95rem;padding:15px 15px 15px 20px}.userstore-masonry-container{column-count:2;column-gap:12px;padding:15px 10px 30px}.userstore-art-card{border-radius:12px;margin-bottom:12px}.userstore-art-info{padding:10px}.userstore-art-info h3{font-size:.7rem;margin-bottom:4px}.userstore-art-price{font-size:.75rem}.userstore-embedded-chat{height:280px;padding:18px}.userstore-custom-loader-gif{height:90px;width:90px}.userstore-loading p{font-size:16px}.userstore-products-title{font-size:20px}.userstore-products-header{padding:15px 10px}.userstore-no-items-message{padding:50px 15px}.userstore-no-items-message p{font-size:15px}.userstore-floating-chat-btn{bottom:20px;height:55px;right:20px;width:55px}}@media (max-width:600px){.userstore-hero-container{gap:20px;padding:30px 12px}.userstore-studio-logo{font-size:2.2rem;letter-spacing:-2px;margin-bottom:15px}.userstore-store-bio{font-size:.85rem;max-width:100%;padding:12px 12px 12px 15px}.userstore-brand-watermark{font-size:1.8rem}.userstore-masonry-container{column-count:2;column-gap:10px;padding:12px 8px 25px}.userstore-art-card{border-radius:10px;margin-bottom:10px}.userstore-art-info{padding:8px}.userstore-art-info h3{font-size:.65rem;margin-bottom:3px}.userstore-art-price{font-size:.7rem;margin-top:3px}.userstore-art-category{font-size:9px;margin-top:4px;padding:2px 6px}.userstore-action-strip{padding:15px 10px}.userstore-pill-card{font-size:.65rem;padding:7px 14px}.userstore-search-box{padding:6px 14px}.userstore-search-box input{font-size:.7rem}.userstore-embedded-chat{border-radius:18px;height:250px;padding:15px}.userstore-products-header{gap:10px;padding:12px 8px}.userstore-products-title{font-size:18px}.userstore-products-count{font-size:12px;padding:5px 10px}.userstore-custom-loader-gif{height:70px;width:70px}.userstore-loading p{font-size:14px}.userstore-no-items-message{padding:40px 12px}.userstore-no-items-message svg{height:48px;width:48px}.userstore-no-items-message p{font-size:14px}.userstore-floating-chat-btn{bottom:15px;height:50px;right:15px;width:50px}.userstore-enlarge-btn{right:15px;top:15px}}@media (max-width:480px){.userstore-hero-container{padding:25px 10px}.userstore-studio-logo{font-size:1.9rem;letter-spacing:-1.5px}.userstore-store-bio{font-size:.8rem;padding:10px 10px 10px 12px}.userstore-brand-watermark{font-size:1.5rem}.userstore-masonry-container{column-count:2;column-gap:8px;padding:10px 6px 20px}.userstore-art-card{border-radius:8px;margin-bottom:8px}.userstore-art-info{padding:6px}.userstore-art-info h3{font-size:.6rem}.userstore-art-price{font-size:.65rem}.userstore-art-category{font-size:8px;padding:2px 5px}.userstore-products-title{font-size:16px}.userstore-products-count{font-size:11px;padding:4px 8px}.userstore-custom-loader-gif{height:60px;width:60px}.userstore-loading p{font-size:13px}.userstore-embedded-chat{height:220px;padding:12px}.userstore-action-strip{padding:12px 8px}.userstore-pill-card{font-size:.6rem;padding:6px 12px}.userstore-search-box{padding:5px 12px}.userstore-search-box svg{height:14px;width:14px}.userstore-search-box input{font-size:.65rem}.userstore-floating-chat-btn{height:45px;width:45px}.userstore-floating-chat-btn svg{height:20px;width:20px}}@media (max-width:360px){.userstore-studio-logo{font-size:1.6rem}.userstore-store-bio{font-size:.75rem}.userstore-art-info h3{font-size:.55rem}.userstore-art-price{font-size:.6rem}.userstore-products-title{font-size:14px}.userstore-custom-loader-gif{height:50px;width:50px}}:root{--transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);--container-max:1200px}.ministore-wrapper{background-color:#fcf9f6;background-color:var(--bg-cream);color:#2d2926;color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:60px}.bg-glow{background:radial-gradient(circle at top right,#e87a5d1a,#0000 60%);height:100%;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:0}.hero-section{padding:100px 24px 60px;position:relative;text-align:center;z-index:1}.logo-minimal{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:900;margin-bottom:48px}.hero-badge{color:#e87a5d;color:var(--accent-coral);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:4px;margin-bottom:16px;text-transform:uppercase}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.05;margin:0 auto 24px;max-width:900px}.italic-text{color:#e87a5d;color:var(--accent-coral);font-style:italic;font-weight:400}.hero-subtitle{color:#8c8681;color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.25rem);font-weight:300;line-height:1.6;margin:0 auto;max-width:640px}.content-container{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 32px;position:relative;z-index:1}.plans-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:100px}.plan-card{background:#fff;border:1px solid #0000000a;border-radius:32px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:48px 40px;transition:all .4s cubic-bezier(.165,.84,.44,1);transition:var(--transition)}.plan-card:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 30px 60px #c65d4214;transform:translateY(-12px)}.card-top{gap:20px;margin-bottom:32px}.card-icon-wrapper,.card-top{align-items:center;display:flex}.card-icon-wrapper{background:#fff9f0;background:var(--bg-warm-white);border-radius:20px;color:#c65d42;color:var(--accent-terracotta);justify-content:center;padding:16px}.g-card-title{color:#2d2926;color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.6rem;margin-bottom:4px}.card-tagline{color:#8c8681;color:var(--text-secondary);font-size:.85rem}.price-label{align-items:baseline;display:flex;font-size:2rem;font-weight:700;gap:8px;margin-bottom:24px}.price-label span{color:#8c8681;color:var(--text-secondary);font-size:.95rem;font-weight:400}.feature-list{flex-grow:1;list-style:none;margin-bottom:40px;padding:0}.feature-list li{align-items:center;color:#8c8681;color:var(--text-secondary);display:flex;font-size:.95rem;gap:12px;margin-bottom:16px}.check-i{color:#e87a5d;color:var(--accent-coral);flex-shrink:0}.plan-btn{background:#0000;border:1.5px solid #2d2926;border:1.5px solid var(--text-primary);border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:18px;transition:all .4s cubic-bezier(.165,.84,.44,1);transition:var(--transition);width:100%}.plan-card:hover .plan-btn{background:#2d2926;background:var(--text-primary);color:#fff}.highlights-section{padding:60px 0;text-align:center}.section-label{color:#8c8681;color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:3px;margin-bottom:40px;text-transform:uppercase}.highlights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.h-item{align-items:center;background:#fff;border:1px solid #00000005;border-radius:24px;display:flex;flex-direction:column;gap:12px;padding:24px 16px;transition:all .4s cubic-bezier(.165,.84,.44,1);transition:var(--transition)}.h-item:hover{border-color:#e87a5d33;transform:scale(1.05)}.h-icon{color:#c65d42;color:var(--accent-terracotta)}.h-text{font-size:.9rem;font-weight:600}.final-cta{background:#fff9f0;background:var(--bg-warm-white);border-radius:60px;margin-top:80px;padding:100px 32px;text-align:center}.final-cta h2{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem)}.main-cta-btn{background:#c65d42;background:var(--accent-terracotta);border:none;border-radius:100px;box-shadow:0 10px 20px #c65d4233;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin:32px 0 16px;padding:20px 48px;transition:all .4s cubic-bezier(.165,.84,.44,1);transition:var(--transition)}.main-cta-btn:hover{background:#e87a5d;background:var(--accent-coral);box-shadow:0 15px 30px #c65d424d;transform:translateY(-3px)}.simple-footer{color:#8c8681;color:var(--text-secondary);font-size:.9rem;padding:60px 24px;text-align:center}@media (max-width:768px){.hero-section{padding-top:80px}.content-container{padding:0 20px}.plans-grid{gap:24px;grid-template-columns:1fr}.final-cta{border-radius:40px;padding:60px 20px}}@media (max-width:480px){.plan-card{padding:32px 24px}.highlights-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.4rem}}:root{--bg:#fafafa;--black:#000;--gray:#888;--accent:#e60023;--card-bg:#fff}.marketplace-page{background-color:#fafafa;background-color:var(--bg);bottom:0;font-family:Inter,sans-serif;left:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}.header-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fafafad9;border-bottom:1px solid #00000008;display:flex;justify-content:center;padding:30px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.linear-header{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:100px;box-shadow:0 10px 30px #00000008;display:flex;flex-wrap:wrap;gap:25px;padding:10px 25px;position:relative}.brand-title{font-family:"DM Serif Display",serif;font-size:1.3rem;white-space:nowrap}.brand-title span{color:#e60023;color:var(--accent);font-style:italic}.search-wrap{align-items:center;display:flex;position:relative}.search-wrap input{background:#f9f9f9;border:1px solid #eee;border-radius:50px;font-size:.8rem;outline:none;padding:10px 40px 10px 18px;transition:.4s cubic-bezier(.16,1,.3,1);width:160px}.search-wrap input:focus{background:#fff;border-color:#000;border-color:var(--black);width:220px}.search-wrap i{font-size:1rem;position:absolute;right:15px}.description,.search-wrap i{color:#888;color:var(--gray)}.description{border-left:1px solid #ddd;font-size:.75rem;line-height:1.2;max-width:160px;padding-left:25px;white-space:normal}.filter-group{flex-wrap:wrap;gap:6px}.filter-btn{background:#f0f0f0;border:none;border-radius:50px;font-size:.7rem;padding:8px 16px;transition:.3s;white-space:nowrap}.filter-btn.active,.filter-btn:hover{background:#000;background:var(--black);color:#fff}.close-btn-header{align-items:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:.3s;width:36px}.close-btn-header:hover{background:#000;background:var(--black);color:#fff;transform:rotate(90deg)}.category-filter-bar{background:#fafafa;background:var(--bg);display:flex;justify-content:center;padding:20px}.category-select{background:#fff;border:1px solid #eee;border-radius:50px;box-shadow:0 5px 15px #00000008;cursor:pointer;font-size:.85rem;font-weight:600;outline:none;padding:10px 20px;transition:.3s}.category-select:hover{border-color:#000;border-color:var(--black)}.container{margin:40px auto;max-width:1400px;padding:0 20px}.masonry-grid{column-count:4;column-gap:20px;width:100%}.card{background:var(--card-bg);border-radius:24px;break-inside:avoid;cursor:pointer;margin-bottom:20px;opacity:0;page-break-inside:avoid;position:relative;transform:translateY(30px);transition:transform .4s ease}.card.reveal{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.16,1,.3,1)}.card-img-container{align-items:center;background:#eee;display:flex;justify-content:center;min-height:300px;overflow:hidden}.card-img{display:block;transition:transform .8s cubic-bezier(.16,1,.3,1);width:100%}.card:hover .card-img{transform:scale(1.08)}.card-no-image{align-items:center;color:#ddd;display:flex;font-size:4rem;height:400px;justify-content:center;width:100%}.card-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 40%,#000c);display:flex;inset:0;opacity:0;padding:20px;position:absolute;transition:.3s ease}.card:hover .card-overlay{opacity:1}.card-info-floating{color:#fff;transform:translateY(10px);transition:.4s ease;width:100%}.card:hover .card-info-floating{transform:translateY(0)}.card-info-floating h3{font-size:.95rem;font-weight:700;margin-bottom:4px}.card-info-floating p{font-size:.75rem;margin-bottom:12px;opacity:.8}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-action-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:8px 14px;transition:.3s}.preview-btn{background:#fff;color:#000;color:var(--black)}.preview-btn:hover{background:#f0f0f0}.use-btn{background:#10b981;color:#fff}.use-btn:hover{background:#059669}.get-btn{background:#e60023;background:var(--accent);color:#fff}.get-btn:hover{background:#c7001c}.fav-btn{background:#fff3;color:#fff;padding:8px 12px}.fav-btn:hover{background:#ffffff4d}.fav-btn.favorited{background:#e60023;background:var(--accent);color:#fff}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.spinner{border:4px solid #eee;border-top:4px solid var(--accent);height:50px;width:50px}.loading-state p{color:#888;color:var(--gray);font-size:16px}.empty-state{color:#888;color:var(--gray);grid-column:1/-1;padding:80px 20px}.empty-state i{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#000;color:var(--black);margin:0 0 8px}.empty-state p{font-size:16px;margin:0 0 24px}.browse-now-btn{background:#e60023;background:var(--accent);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:.3s}.browse-now-btn:hover{background:#c7001c;transform:scale(1.05)}.fullscreen-preview-overlay{animation:fadeIn .3s ease-in-out;background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.fullscreen-preview-container{display:flex;flex-direction:column;height:100vh;width:100%}.fullscreen-preview-header{align-items:center;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 10px #0000000d;display:flex;flex-shrink:0;gap:20px;justify-content:space-between;padding:20px 30px}.preview-info{align-items:center;display:flex;gap:12px;min-width:0}.preview-info h3{font-size:20px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis}.preview-category,.preview-info h3{color:#000;color:var(--black);white-space:nowrap}.preview-category{background:#f0f0f0;border-radius:50px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.preview-actions-header{align-items:center;display:flex;gap:12px}.preview-get-btn,.preview-use-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:.3s}.preview-use-btn{background:#10b981;color:#fff}.preview-use-btn:hover{background:#059669}.preview-get-btn{background:#e60023;background:var(--accent);color:#fff}.preview-get-btn:hover:not(:disabled){background:#c7001c}.preview-get-btn:disabled{cursor:not-allowed;opacity:.5}.fullscreen-close-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50px;color:#000;color:var(--black);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:.3s}.fullscreen-close-btn:hover{background:#000;background:var(--black);color:#fff}.fullscreen-preview-content{background:#fff;flex:1 1;height:calc(100vh - 80px);overflow:hidden;width:100%}.fullscreen-preview-iframe{border:none;display:block;height:100%;width:100%}.message-toast{align-items:center;animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:12px;left:50%;max-width:500px;min-width:300px;padding:16px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:10001}.message-success{border-left:4px solid #10b981;color:#10b981}.message-error{border-left:4px solid #e60023;border-left:4px solid var(--accent);color:#e60023;color:var(--accent)}.message-info{border-left:4px solid #3b82f6;color:#3b82f6}.message-toast span{color:#000;color:var(--black);flex:1 1;font-size:14px;font-weight:600}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;color:var(--gray);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;transition:.2s}.toast-close:hover{background:#f0f0f0}.payment-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.payment-card{background:#fff;box-shadow:0 20px 60px #0000004d;min-width:300px;padding:40px;text-align:center}.payment-card .spinner{margin:0 auto 20px}.payment-card p{color:#000;color:var(--black);font-size:18px;font-weight:600;margin:0 0 8px}.payment-card small{color:#888;color:var(--gray);font-size:14px}.login-message{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:100px auto;max-width:500px;padding:60px 40px;position:relative;text-align:center}.login-message i{color:#888;color:var(--gray);font-size:4rem;margin-bottom:24px;opacity:.5}.login-message h3{color:#000;color:var(--black);font-size:28px;font-weight:700;margin:0 0 12px}.login-message p{color:#888;color:var(--gray);font-size:16px;margin:0}.close-btn-login{align-items:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:.3s;width:40px}.close-btn-login:hover{background:#000;background:var(--black);color:#fff;transform:rotate(90deg)}@media (max-width:1100px){.masonry-grid{column-count:3}}@media (max-width:768px){.masonry-grid{column-count:2}.linear-header{justify-content:center}.description{display:none}.fullscreen-preview-header{align-items:stretch;flex-direction:column}.preview-actions-header{flex-direction:column;width:100%}.fullscreen-close-btn,.preview-get-btn,.preview-use-btn{justify-content:center;width:100%}}@media (max-width:480px){.masonry-grid{column-count:1}.header-wrapper{padding:20px 0}.linear-header{border-radius:20px;flex-direction:column;padding:20px}.search-wrap input,.search-wrap input:focus{width:100%}.filter-group{justify-content:center;width:100%}}:root{--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-elevated:#fff;--bg-card:#fefefe;--bg-hover:#f9f9f9;--bg-active:#f0f0f0;--bg-overlay:#fffffffa;--text-primary:#000;--text-secondary:#2a2a2a;--text-tertiary:#525252;--text-muted:#737373;--text-disabled:#a3a3a3;--text-inverse:#fff;--accent-primary:#dc2626;--accent-primary-hover:#b91c1c;--accent-primary-light:#ef4444;--accent-primary-dark:#991b1b;--accent-success:#10b981;--accent-success-dark:#059669;--accent-warning:#f59e0b;--accent-warning-dark:#d97706;--accent-error:#dc2626;--accent-info:#dc2626;--border-primary:#e5e5e5;--border-secondary:#d4d4d4;--border-tertiary:#a3a3a3;--border-active:#dc2626;--border-error:#dc2626;--border-success:#10b981;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-xl:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-notification:9999}:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{background-color:#fff;background-color:var(--bg-primary);color:#000}::selection{background-color:#dc2626;background-color:var(--accent-primary)}.service-app-container{background:linear-gradient(180deg,#fff,#fef2f2 50%,#fff);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.service-app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1020;z-index:var(--z-sticky)}.service-app-header:after{background:linear-gradient(90deg,#0000,#dc2626 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-primary) 50%,#0000 100%);bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.service-header-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1400px;position:relative;z-index:1}.service-app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.service-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.service-draft-badge,.service-products-badge,.service-store-badge,.service-user-info{border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);font-size:13px;font-weight:600;padding:8px 16px}.service-user-info{background:#fafafa;background:var(--bg-secondary);border-color:#e5e5e5;border-color:var(--border-primary);color:#2a2a2a;color:var(--text-secondary);font-size:14px;font-weight:500}.service-store-badge{background:#dc26261a;border-color:#dc26264d;color:#dc2626;color:var(--accent-primary)}.service-products-badge{background:#10b9811a;border-color:#10b9814d;color:#10b981;color:var(--accent-success)}.service-draft-badge{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b;color:var(--accent-warning)}.service-app-body{flex:1 1;gap:20px;margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.service-app-body,.service-step-navigation{display:flex;flex-direction:column;width:100%}.service-step-navigation{background:#fffffff2;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);gap:8px;padding:16px}.service-nav-step,.service-step-navigation{border:1px solid #e5e5e5;border:1px solid var(--border-primary)}.service-nav-step{align-items:center;background:#fefefe;background:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-lg);color:#2a2a2a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-nav-step:before{background:#dc2626;background:var(--accent-primary);border-radius:.75rem 0 0 .75rem;border-radius:var(--radius-lg) 0 0 var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:3px}.service-nav-step:active{transform:scale(.98)}.service-nav-step.service-active{background:#dc262614;border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#000;color:var(--text-primary);font-weight:600}.service-nav-step.service-active:before{transform:scaleY(1)}.service-nav-step:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.4}.service-step-icon{font-size:20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-nav-step.service-active .service-step-icon{color:#dc2626;color:var(--accent-primary)}.service-step-label{flex:1 1}.service-main-content{background:#fffffff2;border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);flex:1 1;padding:24px;position:relative}.service-main-content:before{background:linear-gradient(90deg,#0000,#dc2626 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-primary) 50%,#0000 100%);border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;opacity:.5;position:absolute;right:0;top:0}.service-step-content{animation:fadeIn .3s ease}.service-form-section{margin-bottom:32px}.service-form-section h3{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-primary);color:#000;color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px;position:relative}.service-form-section h3:after{background:#dc2626;background:var(--accent-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.service-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.service-form-group{display:flex;flex-direction:column;gap:8px}.service-form-group.service-has-error .service-form-input,.service-form-group.service-has-error .service-form-select,.service-form-group.service-has-error .service-form-textarea{border-color:#dc2626;border-color:var(--border-error);box-shadow:0 0 0 3px #dc26261a}.service-form-label{align-items:center;color:#2a2a2a;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.01em}.service-form-input,.service-form-select,.service-form-textarea{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#000;font-family:inherit;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.service-form-input:hover,.service-form-select:hover,.service-form-textarea:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.service-form-input:focus,.service-form-select:focus,.service-form-textarea:focus{border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 0 0 4px #dc26261a,0 1px 2px 0 #0000000d;box-shadow:0 0 0 4px #dc26261a,var(--shadow-sm);outline:none}.service-form-input::placeholder,.service-form-textarea::placeholder{color:#737373;color:var(--text-muted);font-weight:400}.service-form-textarea{line-height:1.6;min-height:100px;resize:vertical}.service-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23737373' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:3rem}.service-error-message{align-items:center;color:#dc2626;color:var(--accent-error);display:flex;font-size:13px;font-weight:600;gap:6px}.service-error-message:before{content:"⚠";font-size:14px}.service-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-btn:active{transform:scale(.98)}.service-btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.service-btn.service-loading{pointer-events:none}.service-btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));border:1px solid #0000;box-shadow:0 4px 12px #dc262640;color:#fff}.service-btn-secondary{background:#fefefe;background:var(--bg-card);border:1px solid #d4d4d4;border:1px solid var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#000;color:var(--text-primary)}.service-btn-outline{background-color:initial;border:2px solid #d4d4d4;border:2px solid var(--border-secondary);color:#000;color:var(--text-primary)}.service-btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-success),var(--accent-success-dark));border:1px solid #0000;box-shadow:0 4px 12px #10b98140;color:#fff}.service-btn-sm{font-size:14px;padding:8px 16px}.service-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.service-spinner.service-large{border-width:4px;height:48px;width:48px}.service-notification{align-items:center;animation:slideIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-2xl);display:flex;gap:12px;max-width:400px;min-width:280px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999;z-index:var(--z-notification)}.service-notification-success{background:#fffffffa;border-color:#10b981;border-color:var(--accent-success);box-shadow:0 0 20px #10b98126,0 25px 50px -12px #00000026;box-shadow:0 0 20px #10b98126,var(--shadow-2xl);color:#10b981;color:var(--accent-success)}.service-notification-error{border-color:#dc2626;border-color:var(--accent-error);color:#dc2626;color:var(--accent-error)}.service-notification-error,.service-notification-info{background:#fffffffa;box-shadow:0 0 20px #dc262626,0 25px 50px -12px #00000026;box-shadow:0 0 20px #dc262626,var(--shadow-2xl)}.service-notification-info{border-color:#dc2626;border-color:var(--accent-primary);color:#dc2626;color:var(--accent-primary)}.service-notification-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:auto;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:24px}.service-notification-close:active{transform:scale(.9)}.service-business-hour-item,.service-business-hours-grid{display:flex;flex-direction:column;gap:12px}.service-business-hour-item{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-business-hour-item:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.service-day-label{color:#000;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:.01em}.service-hour-inputs{display:flex;flex-direction:column;gap:12px}.service-checkbox-label{align-items:center;color:#2a2a2a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.service-checkbox-label:hover{color:#000;color:var(--text-primary)}.service-checkbox-label input[type=checkbox]{accent-color:#dc2626;accent-color:var(--accent-primary);cursor:pointer;height:18px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:18px}.service-time-inputs{align-items:center;display:flex;flex-direction:column;gap:12px}.service-time-inputs span{color:#525252;color:var(--text-tertiary);font-weight:600}.service-time-input{width:100%}.service-services-section{display:flex;flex-direction:column;gap:24px}.service-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.service-stat-card{align-items:center;background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-stat-card:active{transform:scale(.98)}.service-stat-icon{font-size:40px;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-stat-content{flex:1 1}.service-stat-content h4{color:#525252;color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.service-stat-value{color:#000;color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0}.service-stat-card.service-stat-success{background:#10b9810d;border-color:#10b98133}.service-stat-card.service-stat-success .service-stat-icon{color:#10b981;color:var(--accent-success)}.service-stat-card.service-stat-warning{background:#f59e0b0d;border-color:#f59e0b33}.service-stat-card.service-stat-warning .service-stat-icon{color:#f59e0b;color:var(--accent-warning)}.service-stat-card.service-stat-info{background:#dc26260d;border-color:#dc262633}.service-stat-card.service-stat-info .service-stat-icon{color:#dc2626;color:var(--accent-info)}.service-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.service-search{position:relative;width:100%}.service-search-input{background:#fefefe;background:var(--bg-card);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);color:#000;font-size:15px;font-weight:500;padding:14px 14px 14px 48px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.service-search-input:focus{border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 0 0 4px #dc26261a,0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:0 0 0 4px #dc26261a,var(--shadow-md);outline:none}.service-search-icon{font-size:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.service-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.service-filter-select{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#000;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:120px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-filter-select:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.service-filter-select:focus{border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 0 0 3px #dc26261a;outline:none}.service-view-toggle{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:4px;padding:4px;width:100%}.service-view-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#2a2a2a;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.service-view-btn:active{transform:scale(.98)}.service-view-btn.service-active{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));box-shadow:0 2px 8px #dc26264d;color:#fff}.service-display{grid-gap:20px;display:grid;gap:20px}.service-display.service-grid-view,.service-display.service-list-view{grid-template-columns:1fr}.service-display-card{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-display-card:before{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-light));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.service-display-card:active{transform:scale(.98)}.service-image-container{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.service-image{height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow);width:100%}.service-placeholder{color:#737373;color:var(--text-muted);font-size:14px;padding:16px;text-align:center}.service-rating-badge,.service-unavailable-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);font-size:11px;font-weight:800;letter-spacing:.05em;padding:6px 12px;position:absolute;text-transform:uppercase}.service-unavailable-badge{background:#dc2626f2;border:1px solid #dc262680;color:#fff;left:12px;top:12px}.service-rating-badge{background:#f59e0bf2;border:1px solid #f59e0b80;color:#fff;right:12px;top:12px}.service-details{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.service-name{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.service-description{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.service-meta{align-items:center}.service-category-badge{background:#dc26261a;border:1px solid #dc26264d;border-radius:.75rem;border-radius:var(--radius-lg);color:#dc2626;color:var(--accent-primary);font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.service-delivery-badge{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#2a2a2a;color:var(--text-secondary);font-size:11px;font-weight:600;padding:4px 10px}.service-footer{align-items:center;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;gap:16px;justify-content:space-between;margin-top:auto;padding-top:16px}.service-pricing{display:flex;flex-direction:column;gap:4px}.service-price{color:#dc2626;color:var(--accent-primary);font-size:22px;letter-spacing:-.02em}.service-features-preview,.service-reviews{color:#525252;color:var(--text-tertiary);font-size:12px;font-weight:500}.service-empty-state{align-items:center;background:#fefefe;background:var(--bg-card);border:2px dashed #d4d4d4;border:2px dashed var(--border-secondary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.service-empty-icon{font-size:60px;opacity:.3}.service-empty-state h3{color:#000;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.service-empty-state p{color:#2a2a2a;color:var(--text-secondary);font-size:15px;margin:0;max-width:400px}.service-add-more{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;justify-content:center;margin-top:20px;padding-top:20px}.service-templates-section{display:flex;flex-direction:column;gap:24px}.service-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.service-template-card{background:#fefefe;background:var(--bg-card);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-template-card:before{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-light));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.service-template-card:active{transform:scale(.98)}.service-template-card.service-selected{background:#dc262605;border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 0 0 4px #dc262626,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 4px #dc262626,var(--shadow-lg)}.service-template-card.service-selected:before{transform:scaleX(1)}.service-template-preview{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.service-template-preview img{height:100%;object-fit:cover;width:100%}.service-template-placeholder{color:#737373;color:var(--text-muted);font-size:14px;padding:16px;text-align:center}.service-template-info{display:flex;flex-direction:column;gap:12px;padding:20px}.service-template-info h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.service-template-info p{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.service-template-actions{margin-top:12px}.service-preview-section{display:flex;flex-direction:column;gap:24px}.service-preview-header{display:flex;flex-direction:column;gap:16px}.service-preview-header h3{color:#000;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.service-preview-actions{display:flex;flex-wrap:wrap;gap:12px}.service-preview-container{background:#fafafa;background:var(--bg-secondary);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:600px;overflow:hidden;width:100%}.service-preview-iframe{border:none;height:100%;width:100%}.service-empty-preview{align-items:center;background:#fefefe;background:var(--bg-card);border:2px dashed #d4d4d4;border:2px dashed var(--border-secondary);border-radius:1rem;border-radius:var(--radius-xl);color:#525252;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:16px;gap:12px;justify-content:center;min-height:400px;padding:20px;text-align:center}.service-preview-note{color:#737373;color:var(--text-muted);font-size:14px;margin:0}.service-subdomain-section{background:linear-gradient(135deg,#fefefe,#fafafa,#fefefe);background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary),var(--bg-card));border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.service-subdomain-section:before{background:linear-gradient(90deg,#dc2626,#10b981);background:linear-gradient(90deg,var(--accent-primary),var(--accent-success));content:"";height:3px;left:0;position:absolute;right:0;top:0}.service-subdomain-section h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.subdomain-help{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.subdomain-input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.subdomain-input-wrapper{background:#fff;background:var(--bg-primary);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:0;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.subdomain-input-wrapper:focus-within{border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 0 0 4px #dc26261a,0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:0 0 0 4px #dc26261a,var(--shadow-md)}.subdomain-input{background:none;border:none;color:#000;flex:1 1;font-size:16px;font-weight:600;letter-spacing:-.01em;outline:none;padding:14px 16px}.subdomain-input.available{color:#10b981;color:var(--accent-success)}.subdomain-input.unavailable{color:#dc2626;color:var(--accent-error)}.subdomain-suffix{background:#fafafa;background:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);color:#525252;color:var(--text-tertiary);font-size:16px;font-weight:600;letter-spacing:-.01em;padding:14px 16px}.subdomain-status{align-items:center;display:flex;gap:8px;min-height:32px}.subdomain-status span{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.subdomain-status .checking{background:#8080801a;border:1px solid #80808033;color:#2a2a2a;color:var(--text-secondary)}.subdomain-status .available{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--accent-success)}.subdomain-status .unavailable{background:#dc26261a;border:1px solid #dc26264d;color:#dc2626;color:var(--accent-error)}.subdomain-preview-box{background:#fff;background:var(--bg-primary);border:2px solid #10b981;border:2px solid var(--border-success);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 0 10px #10b9811a;margin-top:20px;padding:20px}.preview-label{color:#525252;color:var(--text-tertiary);font-size:13px;font-weight:600;margin:0 0 8px}.preview-url{color:#000;color:var(--text-primary);font-size:16px;margin:0;word-break:break-all}.preview-url strong{color:#10b981;color:var(--accent-success);font-weight:700}.subdomain-note{background:#f5f5f5;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:16px;padding:16px}.subdomain-note p{color:#2a2a2a;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0 0 8px}.subdomain-note p:last-child{margin-bottom:0}.subdomain-note code{background:#fafafa;background:var(--bg-secondary);border-radius:.375rem;border-radius:var(--radius-sm);color:#dc2626;color:var(--accent-primary);font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.service-app-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);bottom:0;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:20px;position:-webkit-sticky;position:sticky;z-index:1020;z-index:var(--z-sticky)}.service-step-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1400px}.service-final-actions{display:flex;flex:1 1;gap:12px;justify-content:flex-end}.service-auth-required,.service-loading-screen{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:20px}.service-auth-required h2{color:#000;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.service-auth-required p{color:#2a2a2a;color:var(--text-secondary);font-size:16px;margin:0}.service-loading-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1050;z-index:var(--z-modal)}.service-loading-content{align-items:center;background:#fefefe;background:var(--bg-card);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:16px;padding:32px}.service-loading-content p{color:#2a2a2a;color:var(--text-secondary);font-size:15px;font-weight:600;margin:0}@media (min-width:640px){.service-app-header h1{font-size:28px}.service-header-content{align-items:center;flex-direction:row;justify-content:space-between}.service-form-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.service-business-hour-item{align-items:center;flex-direction:row}.service-day-label{min-width:120px}.service-hour-inputs,.service-time-inputs{flex:1 1;flex-direction:row}.service-time-input{max-width:140px}.service-stats-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.service-view-toggle{margin-left:auto;width:auto}.service-display.service-grid-view{grid-template-columns:repeat(2,1fr)}.service-image-container{height:240px}.service-templates-grid{grid-template-columns:repeat(2,1fr)}.subdomain-input-wrapper{flex-direction:row}.subdomain-input,.subdomain-suffix{font-size:18px;padding:16px 20px}.subdomain-suffix{border-left:1px solid #e5e5e5;border-left:1px solid var(--border-primary);border-top:none}.service-preview-header{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:768px){.service-app-header{padding:24px 32px}.service-app-header h1{font-size:32px}.service-app-body{flex-direction:row;gap:24px;padding:32px}.service-step-navigation{height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:130px;width:260px}.service-nav-step:hover:not(:disabled){box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateX(6px)}.service-main-content{padding:32px}.service-form-section h3{font-size:22px}.service-btn:hover:not(:disabled){transform:translateY(-2px)}.service-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #dc262666}.service-btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166}.service-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-stats-grid{grid-template-columns:repeat(4,1fr)}.service-controls{align-items:center;flex-direction:row}.service-search{flex:1 1}.service-filter-select{flex:initial}.service-display.service-grid-view{grid-template-columns:repeat(3,1fr)}.service-display-card:hover{box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.service-display-card:hover:before{transform:scaleX(1)}.service-image-container{height:260px}.service-templates-grid{grid-template-columns:repeat(3,1fr)}.service-template-card:hover{box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.service-template-card:hover:before{transform:scaleX(1)}.service-preview-container{height:800px}}@media (min-width:1024px){.service-app-header h1{font-size:36px}.service-form-section h3{font-size:24px}.service-display.service-grid-view,.service-templates-grid{grid-template-columns:repeat(4,1fr)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--accent-primary)}@media print{.service-app-footer,.service-app-header,.service-btn,.service-notification,.service-step-navigation{display:none}.service-app-body{padding:0}.service-main-content{border:none;box-shadow:none}}@media (prefers-contrast:high){.service-btn,.service-display-card,.service-form-input,.service-form-select,.service-form-textarea,.service-stat-card,.service-template-card{border-width:2px}}::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--border-secondary)}::-webkit-scrollbar-thumb:hover{background:#dc2626;background:var(--accent-primary)}.service-display-card,.service-main-content,.service-step-navigation,.service-template-card{will-change:transform}img{content-visibility:auto}@media (max-width:767px){.service-app-header h1{font-size:20px}.service-main-content{padding:20px}.service-preview-container{height:400px}.service-step-controls{flex-direction:column}.service-btn,.service-final-actions{width:100%}}@media (hover:none) and (pointer:coarse){.service-btn,.service-nav-step,.service-template-card{min-height:44px}.service-checkbox-label input[type=checkbox]{min-height:24px;min-width:24px}}:root{--studio-gray:#e0e0e0}body,html{background-color:#f9f7f2!important;background-color:var(--studio-cream)!important;color:#1a1a1a;color:var(--studio-black);font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.businessstore-registration-container{background:#fff;background:var(--studio-white);border:1px solid #0000000d;border-radius:30px;box-shadow:0 10px 40px #00000008;margin:40px auto;max-width:850px;padding:50px}.businessstore-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.businessstore-header{align-items:center;color:#1a1a1a;color:var(--studio-black);display:flex;font-family:Playfair Display,serif;font-size:2.5rem;gap:15px;letter-spacing:-1.5px;margin:0}.businessstore-view-toggle-btn{align-items:center;background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;gap:8px;padding:10px 20px;transition:background .2s;white-space:nowrap}.businessstore-view-toggle-btn:hover{background:#1976d2}.businessstore-view-toggle-btn--active{background:#4caf50}.businessstore-view-toggle-btn--active:hover{background:#388e3c}.businessstore-section-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#1a1a1a;color:var(--studio-black);display:flex;font-size:.75rem;font-weight:900;gap:10px;letter-spacing:2px;margin:50px 0 25px;padding-bottom:10px;text-transform:uppercase}.businessstore-section{margin-bottom:30px}.businessstore-form-group{margin-bottom:20px}.businessstore-label{color:#1a1a1a;color:var(--studio-black);display:block;font-size:.7rem;font-weight:800;margin-bottom:8px;text-transform:uppercase}.businessstore-input,.businessstore-select,.businessstore-textarea{background:#fafafa;border:1px solid #e0e0e0;border:1px solid var(--studio-gray);border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:.95rem;outline:none;padding:14px;transition:border-color .2s;width:100%}.businessstore-input:focus,.businessstore-select:focus,.businessstore-textarea:focus{background:#fff;border-color:#1a1a1a;border-color:var(--studio-black)}.businessstore-textarea{min-height:100px;resize:vertical}.businessstore-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.businessstore-image-upload{background:#f9f7f2;background:var(--studio-cream);border:2px dashed #e0e0e0;border:2px dashed var(--studio-gray);border-radius:20px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:border-color .2s}.businessstore-image-upload:hover{border-color:#e87a5d;border-color:var(--studio-coral)}.businessstore-upload-icon{color:#e87a5d;color:var(--studio-coral);margin-bottom:12px}.businessstore-image-upload p{font-size:.8rem;font-weight:700;margin:8px 0;opacity:.6}.businessstore-image-upload small{font-size:.7rem;opacity:.4}.businessstore-logo-preview{display:inline-block;position:relative}.businessstore-logo-image{border:1px solid #e0e0e0;border:1px solid var(--studio-gray);border-radius:12px;max-height:200px;max-width:200px;object-fit:contain}.businessstore-remove-logo-btn{align-items:center;background:#e87a5d;background:var(--studio-coral);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:background .2s;width:30px}.businessstore-remove-logo-btn:hover{background:#1a1a1a;background:var(--studio-black)}.businessstore-image-preview{grid-gap:12px;background:#f9f7f2;background:var(--studio-cream);border:1px solid #e0e0e0;border:1px solid var(--studio-gray);border-radius:20px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:20px;padding:20px}.businessstore-image-card{aspect-ratio:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;position:relative;width:100%}.businessstore-image-card .businessstore-image{border:1px solid #e0e0e0;border:1px solid var(--studio-gray);border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.businessstore-remove-btn{align-items:center;background:#e87a5d;background:var(--studio-coral);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background .2s;width:24px;z-index:10}.businessstore-remove-btn:hover,.businessstore-submit-btn{background:#1a1a1a;background:var(--studio-black)}.businessstore-submit-btn{align-items:center;border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:800;gap:10px;justify-content:center;margin-top:40px;padding:16px 32px;transition:.2s;width:100%}.businessstore-submit-btn:hover:not(:disabled){background:#e87a5d;background:var(--studio-coral)}.businessstore-submit-btn:disabled{cursor:not-allowed;opacity:.6}.businessstore-submit-btn.businessstore-loading{opacity:.8}.businessstore-spinner{animation:businessstore-spin 1s linear infinite}@keyframes businessstore-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.businessstore-notification{align-items:center;animation:businessstore-slideIn .3s ease-out;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;font-size:.9rem;font-weight:700;gap:10px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1000}.businessstore-notification.businessstore-success{background:#ecfdf5;color:#065f46}.businessstore-notification.businessstore-error{background:#fef2f2;color:#991b1b}.businessstore-notification.businessstore-loading{background:#f0f9ff;color:#075985}@keyframes businessstore-slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.businessstore-auth-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.businessstore-auth-loading p{color:#1a1a1a;color:var(--studio-black);font-size:1.2rem;opacity:.6}.businessstore-social-icon{color:#e87a5d;color:var(--studio-coral);margin-right:8px}.businessstore-help-text{display:block;font-size:.75rem;font-weight:400;margin-top:8px;opacity:.5}.businessstore-view-mode{padding:20px 0}.businessstore-view-section{border-bottom:1px solid #f0f0f0;margin-bottom:40px;padding-bottom:30px}.businessstore-view-section:last-child{border-bottom:none}.businessstore-view-section h2{color:#1a1a1a;color:var(--studio-black);font-size:.75rem;font-weight:900;letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}.businessstore-view-field{align-items:center;display:flex;font-size:.95rem;gap:8px;line-height:1.6;margin-bottom:15px}.businessstore-view-field strong{display:inline-block;flex-shrink:0;font-size:.85rem;font-weight:700;min-width:150px;opacity:.6}.businessstore-view-field a{color:#e87a5d;color:var(--studio-coral);text-decoration:none;transition:opacity .2s}.businessstore-view-field a:hover{opacity:.7}.businessstore-view-logo{margin-bottom:20px}.businessstore-view-logo img{border:1px solid #e0e0e0;border:1px solid var(--studio-gray);border-radius:8px;max-width:200px;object-fit:contain}.businessstore-view-image-grid{grid-gap:15px;background:#f9f7f2;background:var(--studio-cream);border-radius:20px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.businessstore-view-image-grid img{border:1px solid #e0e0e0;border:1px solid var(--studio-gray);border-radius:12px;height:200px;object-fit:cover;width:100%}.businessstore-form{width:100%}@media (max-width:600px){.businessstore-row{grid-template-columns:1fr}.businessstore-registration-container{border-radius:0;margin:0;padding:30px 20px}.businessstore-header{font-size:2rem}.businessstore-header-row{align-items:flex-start;flex-direction:column}.businessstore-section-title{font-size:.7rem}.businessstore-notification{left:20px;right:20px}.businessstore-image-preview{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:15px}}.product-store-fullscreen-loading{align-items:center;background:#fcf9f6;background:var(--bg-cream);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.product-store-loader-container{text-align:center}.product-store-loader-gif{height:auto;margin-bottom:20px;width:clamp(80px,15vw,120px)}.product-store-loader-text{color:#8c8681;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.product-store-error{align-items:center;background:#fcf9f6;background:var(--bg-cream);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.product-store-error svg{color:#e87a5d;color:var(--accent-coral);margin-bottom:24px}.product-store-error h2{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;margin-bottom:12px}.product-store-error p{color:#8c8681;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);margin-bottom:32px;max-width:500px}.product-store-btn-retry{background:#e87a5d;background:var(--accent-coral);border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-store-btn-retry:hover{background:#d66a4d;background:var(--accent-coral-dark);box-shadow:0 8px 20px #e87a5d4d;transform:translateY(-2px)}.product-store-page{background:#fcf9f6;background:var(--bg-cream);min-height:100vh}.product-store-notification-toast{align-items:center;animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);display:flex;gap:12px;justify-content:space-between;max-width:400px;padding:18px 24px;position:fixed;right:24px;top:24px;z-index:10000}.product-store-notification-toast span{color:#2d2926;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600}.product-store-notification-toast button{align-items:center;background:none;border:none;color:#8c8681;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.product-store-notification-toast button:hover{color:#2d2926;color:var(--text-primary)}.product-store-notification-success{border-left:4px solid #10b981}.product-store-notification-error{border-left:4px solid #ef4444}.product-store-notification-info{border-left:4px solid #e87a5d;border-left:4px solid var(--accent-coral)}.product-store-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffffa;border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle);padding:clamp(16px,3vh,24px) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.product-store-container{margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,40px)}.product-store-branding{align-items:center;display:flex;justify-content:space-between}.product-store-logo-text{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:400;letter-spacing:-.01em}.product-store-breadcrumb-container{background:#fff9f0;background:var(--bg-warm-white);border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle);padding:clamp(12px,2vh,16px) clamp(16px,4vw,40px)}.product-store-breadcrumbs{color:#8c8681;color:var(--text-secondary);font-size:clamp(.85rem,1.5vw,.95rem);margin:0 auto;max-width:1400px}.product-store-breadcrumbs a{color:#8c8681;color:var(--text-secondary);text-decoration:none;transition:color .2s}.product-store-breadcrumbs a:hover{color:#e87a5d;color:var(--accent-coral)}.product-store-current-page{color:#2d2926;color:var(--text-primary);font-weight:600}.product-store-catalog-main{min-height:70vh;padding:clamp(40px,8vh,80px) clamp(16px,4vw,40px)}.product-store-catalog-container{margin:0 auto;max-width:1400px}.product-store-catalog-filters-section{margin-bottom:clamp(32px,6vh,48px)}.product-store-search-box-wrapper{align-items:center;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:100px;box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);display:flex;margin:0 auto clamp(24px,4vh,32px);max-width:600px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-store-search-box-wrapper:focus-within{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.product-store-search-box-wrapper svg{color:#8c8681;color:var(--text-secondary);flex-shrink:0;margin-right:12px}.product-store-search-input{background:#0000;border:none;color:#2d2926;color:var(--text-primary);flex:1 1;font-size:clamp(.95rem,2vw,1.05rem);font-weight:500;outline:none}.product-store-search-input::placeholder{color:#b8b3ae;color:var(--text-muted)}.product-store-categories-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.product-store-category-pill{background:#fff;border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:100px;color:#2d2926;color:var(--text-primary);cursor:pointer;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:600;letter-spacing:.01em;padding:clamp(10px,2vw,14px) clamp(20px,4vw,28px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.product-store-category-pill:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 6px 16px #e87a5d26;color:#e87a5d;color:var(--accent-coral);transform:translateY(-2px)}.product-store-category-pill.product-store-active{background:#e87a5d;background:var(--accent-coral);border-color:#e87a5d;border-color:var(--accent-coral);color:#fff}.product-store-category-pill.product-store-active:hover{background:#d66a4d;background:var(--accent-coral-dark);border-color:#d66a4d;border-color:var(--accent-coral-dark)}.product-store-products-grid{grid-gap:clamp(20px,4vw,32px);display:grid;gap:clamp(20px,4vw,32px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:640px){.product-store-products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.product-store-product-card{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,24px);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-store-product-card:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);transform:translateY(-6px)}.product-store-product-image-wrapper{aspect-ratio:4/3;background:#fff9f0;background:var(--bg-warm-white);overflow:hidden;position:relative}.product-store-product-image-wrapper img{filter:grayscale(15%) brightness(.98);height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.product-store-product-card:hover .product-store-product-image-wrapper img{filter:grayscale(0) brightness(1);transform:scale(1.05)}.product-store-product-placeholder{align-items:center;background:#fff9f0;background:var(--bg-warm-white);display:flex;height:100%;justify-content:center;width:100%}.product-store-product-placeholder svg{color:#b8b3ae;color:var(--text-muted)}.product-store-product-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:100px;box-shadow:0 4px 16px #0000001a;color:#e87a5d;color:var(--accent-coral);font-size:.75rem;font-weight:700;left:12px;letter-spacing:.3px;padding:6px 14px;position:absolute;top:12px}.product-store-product-card-content{padding:clamp(14px,3vw,20px)}.product-store-product-name{color:#2d2926;color:var(--text-primary);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;line-height:1.3;margin-bottom:8px}.product-store-product-description{color:#8c8681;color:var(--text-secondary);font-size:clamp(.8rem,1.6vw,.9rem);line-height:1.5;margin-bottom:12px}.product-store-product-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.product-store-price{font-size:clamp(1.1rem,2.5vw,1.3rem)}.product-store-quick-view-btn{align-items:center;background:#fff9f0;background:var(--bg-warm-white);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:100px;color:#2d2926;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:8px 16px;transition:all .2s}.product-store-quick-view-btn:hover{background:#e87a5d;background:var(--accent-coral);border-color:#e87a5d;border-color:var(--accent-coral);color:#fff}.product-store-empty-catalog{padding:clamp(60px,12vh,100px) 20px;text-align:center}.product-store-empty-catalog svg{color:#b8b3ae;color:var(--text-muted);margin-bottom:20px}.product-store-empty-catalog h3{color:#2d2926;color:var(--text-primary);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;margin-bottom:10px}.product-store-empty-catalog p{color:#8c8681;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.05rem)}.product-store-detail-main{background:#fcf9f6;background:var(--bg-cream);padding-bottom:clamp(60px,12vh,100px)}.product-store-detail-container{margin:0 auto;max-width:1400px;padding:clamp(40px,8vh,80px) clamp(16px,4vw,40px)}.product-store-detail-layout{grid-gap:clamp(40px,8vw,80px);align-items:start;display:grid;gap:clamp(40px,8vw,80px);grid-template-columns:1fr 1fr}@media (max-width:968px){.product-store-detail-layout{gap:40px;grid-template-columns:1fr}}.product-store-images{position:-webkit-sticky;position:sticky;top:100px}.product-store-main-image{aspect-ratio:1;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(20px,4vw,32px);cursor:zoom-in;margin-bottom:clamp(16px,3vw,24px);overflow:hidden;position:relative}.product-store-main-image img{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.product-store-main-image:hover img{transform:scale(1.05)}.product-store-main-image.product-store-zoomed{cursor:zoom-out}.product-store-main-image.product-store-zoomed img{transform:scale(1.5)}.product-store-gallery-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:50%;box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);cursor:pointer;display:flex;height:clamp(40px,8vw,50px);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(40px,8vw,50px);z-index:10}.product-store-gallery-arrow:hover{background:#e87a5d;background:var(--accent-coral);border-color:#e87a5d;border-color:var(--accent-coral);color:#fff;transform:translateY(-50%) scale(1.1)}.product-store-gallery-prev{left:clamp(12px,2vw,20px)}.product-store-gallery-next{right:clamp(12px,2vw,20px)}.product-store-gallery-arrow svg{height:20px;width:20px}.product-store-thumbnail-images{grid-gap:clamp(12px,2vw,16px);display:grid;gap:clamp(12px,2vw,16px);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}@media (max-width:640px){.product-store-thumbnail-images{gap:8px;grid-template-columns:repeat(4,1fr)}}.product-store-thumbnail-images img{aspect-ratio:1;border:2px solid #0000;border-radius:clamp(12px,2vw,16px);cursor:pointer;object-fit:cover;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.product-store-thumbnail-images img:hover{box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);opacity:1;transform:translateY(-2px)}.product-store-thumbnail-images img.product-store-active{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 0 0 1px #e87a5d;box-shadow:0 0 0 1px var(--accent-coral);opacity:1}.product-store-video-container{aspect-ratio:16/9;background:#000;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(20px,4vw,32px);margin-bottom:clamp(16px,3vw,24px);overflow:hidden;position:relative}.product-store-video-container iframe{border:none;height:100%;width:100%}.product-store-title{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1.2;margin-bottom:clamp(16px,3vh,24px)}.product-store-price{color:#e87a5d;color:var(--accent-coral);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:8px}.product-store-tax-shipping-info{border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle);color:#8c8681;color:var(--text-secondary);font-size:clamp(.85rem,1.6vw,.95rem);padding-bottom:clamp(24px,5vh,32px)}.product-store-options,.product-store-tax-shipping-info{margin-bottom:clamp(24px,5vh,32px)}.product-store-material-color{background:#fff9f0;background:var(--bg-warm-white);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:12px;color:#2d2926;color:var(--text-primary);display:inline-block;font-size:.95rem;font-weight:600;padding:10px 20px}.product-store-quantity-section-main{margin-bottom:clamp(24px,5vh,32px)}.product-store-quantity-section-main label{color:#2d2926;color:var(--text-primary);display:block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.product-store-quantity-controls-main{align-items:center;background:#fff;border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:12px;display:inline-flex;overflow:hidden}.product-store-qty-btn{align-items:center;background:#0000;border:none;color:#2d2926;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:44px;justify-content:center;transition:all .2s;width:44px}.product-store-qty-btn:hover{background:#fff9f0;background:var(--bg-warm-white);color:#e87a5d;color:var(--accent-coral)}.product-store-qty-value{border-left:1px solid #8c868126;border-left:1px solid var(--border-subtle);border-right:1px solid #8c868126;border-right:1px solid var(--border-subtle);color:#2d2926;color:var(--text-primary);font-size:1.1rem;font-weight:700;min-width:60px;padding:0 16px;text-align:center}.product-store-action-buttons{display:flex;gap:16px;margin-bottom:clamp(32px,6vh,48px)}@media (max-width:640px){.product-store-action-buttons{flex-direction:column}}.product-store-buy-now-btn{align-items:center;background:#e87a5d;background:var(--accent-coral);border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:clamp(16px,3vh,20px) clamp(32px,6vw,48px);transition:all .3s cubic-bezier(.4,0,.2,1)}.product-store-buy-now-btn:hover{background:#d66a4d;background:var(--accent-coral-dark);box-shadow:0 14px 35px #e87a5d59;transform:translateY(-3px)}.product-store-description-section{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,24px);margin-bottom:clamp(24px,5vh,32px);padding:clamp(24px,5vw,36px)}.product-store-description-section h2{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:400;letter-spacing:-.01em;margin-bottom:16px}.product-store-description-section p{color:#8c8681;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.7;margin-bottom:24px}.product-store-features-list-section h3{color:#2d2926;color:var(--text-primary);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;margin-bottom:12px;margin-top:24px}.product-store-features-list-section ul{list-style:none;padding:0}.product-store-features-list-section li{color:#8c8681;color:var(--text-secondary);font-size:clamp(.9rem,1.8vw,1rem);line-height:1.6;padding:10px 0 10px 28px;position:relative}.product-store-features-list-section li:before{color:#e87a5d;color:var(--accent-coral);content:"•";font-size:1.5rem;left:8px;line-height:1;position:absolute}.product-store-specs{border-collapse:collapse;margin-top:24px;width:100%}.product-store-specs tr{border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle)}.product-store-specs tr:last-child{border-bottom:none}.product-store-specs td{font-size:clamp(.9rem,1.8vw,1rem);padding:12px 0}.product-store-specs td:first-child{color:#2d2926;color:var(--text-primary);font-weight:700;width:30%}.product-store-specs td:last-child{color:#8c8681;color:var(--text-secondary)}.product-store-contact-suggestions{background:#fff9f0;background:var(--bg-warm-white);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,24px);padding:clamp(20px,4vw,28px)}.product-store-suggestions-title{color:#2d2926;color:var(--text-primary);font-size:clamp(1rem,2vw,1.1rem);font-weight:700;margin-bottom:12px}.product-store-suggestion-buttons{display:flex;flex-wrap:wrap;gap:12px}.product-store-suggestion-btn{align-items:center;background:#fff;border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:100px;color:#2d2926;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-store-suggestion-btn:hover{background:#e87a5d;background:var(--accent-coral);border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 6px 16px #e87a5d33;color:#fff;transform:translateY(-2px)}.product-store-related-section{background:#fff;border-top:2px solid #8c868126;border-top:2px solid var(--border-subtle);padding:clamp(60px,12vh,100px) 0}.product-store-related-container{margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,40px)}.product-store-related-title{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;letter-spacing:-.01em;margin-bottom:clamp(40px,8vh,60px);text-align:center}.product-store-related-grid{grid-gap:clamp(20px,4vw,28px);display:grid;gap:clamp(20px,4vw,28px);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width:640px){.product-store-related-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}.product-store-related-card{background:#fcf9f6;background:var(--bg-cream);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,20px);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-store-related-card:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.product-store-related-image-wrapper{aspect-ratio:1;background:#fff9f0;background:var(--bg-warm-white);overflow:hidden;position:relative}.product-store-related-image-wrapper img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.product-store-related-card:hover .product-store-related-image-wrapper img{transform:scale(1.06)}.product-store-related-placeholder{align-items:center;background:#fff9f0;background:var(--bg-warm-white);display:flex;height:100%;justify-content:center;width:100%}.product-store-related-placeholder svg{color:#b8b3ae;color:var(--text-muted)}.product-store-related-content{padding:clamp(14px,3vw,18px)}.product-store-related-name{color:#2d2926;color:var(--text-primary);font-size:clamp(.9rem,2vw,1rem);font-weight:700;line-height:1.3;margin-bottom:6px}.product-store-related-price{color:#e87a5d;color:var(--accent-coral);font-size:clamp(1rem,2vw,1.2rem);font-weight:800}.product-store-checkout-page{background:#fcf9f6;background:var(--bg-cream);min-height:100vh}.product-store-checkout-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffffa;border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle);padding:clamp(16px,3vh,24px) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.product-store-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,40px)}.product-store-logo{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.product-store-back-btn{align-items:center;background:#0000;border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:100px;color:#2d2926;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-store-back-btn:hover{background:#fff9f0;background:var(--bg-warm-white);border-color:#e87a5d;border-color:var(--accent-coral);color:#e87a5d;color:var(--accent-coral)}.product-store-checkout-container{grid-gap:clamp(40px,8vw,80px);align-items:start;display:grid;gap:clamp(40px,8vw,80px);grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px;padding:clamp(40px,8vh,80px) clamp(16px,4vw,40px)}@media (max-width:968px){.product-store-checkout-container{grid-template-columns:1fr}}.product-store-checkout-form-section h1{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;letter-spacing:-.01em;margin-bottom:8px}.product-store-enquiry-subtitle{color:#8c8681;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);margin-bottom:clamp(32px,6vh,48px)}.product-store-form-section{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,24px);margin-bottom:clamp(24px,5vh,32px);padding:clamp(24px,5vw,32px)}.product-store-form-section h2{align-items:center;color:#2d2926;color:var(--text-primary);display:flex;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;gap:12px;margin-bottom:20px}.product-store-section-number{align-items:center;background:#e87a5d;background:var(--accent-coral);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:32px;justify-content:center;width:32px}.product-store-form-group{margin-bottom:20px}.product-store-form-group label{color:#2d2926;color:var(--text-primary);display:block;font-size:.95rem;font-weight:700;margin-bottom:8px}.product-store-required{color:#e87a5d;color:var(--accent-coral)}.product-store-form-group input,.product-store-form-group select,.product-store-form-textarea{background:#fff;border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:12px;color:#2d2926;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;padding:14px 18px;transition:all .3s ease;width:100%}.product-store-form-group input:focus,.product-store-form-group select:focus,.product-store-form-textarea:focus{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 0 0 3px #e87a5d1a;outline:none}.product-store-form-group input.product-store-error,.product-store-form-group select.product-store-error,.product-store-form-textarea.product-store-error{border-color:#ef4444}.product-store-error-text{color:#ef4444;display:block;font-size:.85rem;font-weight:600;margin-top:6px}.product-store-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.product-store-form-row{grid-template-columns:1fr}}.product-store-order-summary{position:-webkit-sticky;position:sticky;top:100px}@media (max-width:968px){.product-store-order-summary{position:static}}.product-store-summary-card{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,24px);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);padding:clamp(24px,5vw,32px)}.product-store-summary-card h2{color:#2d2926;color:var(--text-primary);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;padding-bottom:16px}.product-store-order-item,.product-store-summary-card h2{border-bottom:1px solid #8c868126;border-bottom:1px solid var(--border-subtle);margin-bottom:24px}.product-store-order-item{display:flex;gap:16px;padding-bottom:24px}.product-store-item-image{background:#fff9f0;background:var(--bg-warm-white);border-radius:12px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.product-store-item-image img{height:100%;object-fit:cover;width:100%}.product-store-item-placeholder{align-items:center;background:#fff9f0;background:var(--bg-warm-white);display:flex;height:100%;justify-content:center;width:100%}.product-store-item-placeholder svg{color:#b8b3ae;color:var(--text-muted)}.product-store-item-details{flex:1 1}.product-store-item-name{color:#2d2926;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:4px}.product-store-item-meta{color:#8c8681;color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.product-store-item-price{color:#e87a5d;color:var(--accent-coral);font-size:1.1rem;font-weight:800}.product-store-quantity-selector{margin-bottom:24px}.product-store-quantity-selector label{color:#2d2926;color:var(--text-primary);display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.product-store-quantity-controls{align-items:center;background:#fff9f0;background:var(--bg-warm-white);border:1.5px solid #8c868126;border:1.5px solid var(--border-subtle);border-radius:12px;display:inline-flex;overflow:hidden}.product-store-summary-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:12px 0}.product-store-summary-row.product-store-total{border-top:2px solid #8c868126;border-top:2px solid var(--border-subtle);font-size:1.2rem;margin-top:16px;padding-top:16px}.product-store-label{color:#2d2926;color:var(--text-primary);font-weight:600}.product-store-value{color:#e87a5d;color:var(--accent-coral);font-weight:800}.product-store-place-order-btn{align-items:center;background:#e87a5d;background:var(--accent-coral);border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:800;gap:10px;justify-content:center;letter-spacing:.5px;margin-bottom:20px;margin-top:24px;padding:18px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.product-store-place-order-btn:hover:not(:disabled){background:#d66a4d;background:var(--accent-coral-dark);box-shadow:0 14px 35px #e87a5d59;transform:translateY(-3px)}.product-store-place-order-btn:disabled{cursor:not-allowed;opacity:.6}.product-store-spinner-small{animation:spin .8s linear infinite}.product-store-security-badges{display:flex;flex-wrap:wrap;gap:12px}.product-store-badge{align-items:center;background:#fff9f0;background:var(--bg-warm-white);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:12px;color:#2d2926;color:var(--text-primary);display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;min-width:140px;padding:12px}.product-store-badge-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:800;height:24px;justify-content:center;width:24px}@media (max-width:768px){.product-store-detail-layout{grid-template-columns:1fr}.product-store-images{position:static}.product-store-action-buttons{flex-direction:column}.product-store-checkout-container{grid-template-columns:1fr}.product-store-order-summary{position:static}}@media (max-width:480px){.product-store-products-grid,.product-store-related-grid{grid-template-columns:1fr}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e87a5d;outline:2px solid var(--accent-coral);outline-offset:2px}@media print{.product-store-action-buttons,.product-store-breadcrumb-container,.product-store-contact-suggestions,.product-store-header,.product-store-related-section{display:none}.product-store-detail-layout{grid-template-columns:1fr}.product-store-images{position:static}}.product-store-media-tabs{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(12px,2vw,16px);display:flex;gap:12px;margin-bottom:clamp(16px,3vw,24px);padding:8px}.product-store-media-tab{align-items:center;background:#0000;border:none;border-radius:clamp(8px,1.5vw,12px);color:#8c8681;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:600;gap:8px;justify-content:center;padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);transition:all .3s cubic-bezier(.4,0,.2,1)}.product-store-media-tab:hover{background:#fff9f0;background:var(--bg-warm-white);color:#2d2926;color:var(--text-primary)}.product-store-media-tab.active{background:#e87a5d;background:var(--accent-coral);box-shadow:0 4px 12px #e87a5d33;color:#fff}.product-store-media-tab svg{flex-shrink:0}.sellproducts-video-badge{align-items:center;background:#fff9f0;background:var(--bg-warm-white);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:100px;color:#e87a5d;color:var(--accent-coral);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:8px;padding:6px 12px}.sellproducts-video-badge svg{flex-shrink:0}body.product-store-page-active .navbar{display:none!important}@media (max-width:768px){.product-store-header{padding:14px 0}.product-store-logo-text{font-size:1.3rem}.product-store-breadcrumb-container{padding:10px 16px}.product-store-breadcrumbs{font-size:.8rem}.product-store-catalog-main{padding:30px 16px}.product-store-search-box-wrapper{margin-bottom:20px;padding:10px 18px}.product-store-search-input{font-size:.9rem}.product-store-categories-pills{gap:8px}.product-store-category-pill{font-size:.8rem;padding:8px 18px}.product-store-products-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.product-store-product-card{border-radius:14px}.product-store-product-card-content{padding:12px}.product-store-product-name{font-size:.85rem;margin-bottom:6px}.product-store-product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;margin-bottom:8px;overflow:hidden}.product-store-price{font-size:1rem}.product-store-quick-view-btn{font-size:.75rem;padding:6px 12px}.product-store-product-badge{font-size:.7rem;left:8px;padding:5px 10px;top:8px}.product-store-detail-container{padding:30px 16px 60px}.product-store-detail-layout{gap:30px}.product-store-title{font-size:1.8rem;margin-bottom:16px}.product-store-price{font-size:1.6rem}.product-store-main-image{border-radius:18px;margin-bottom:14px}.product-store-thumbnail-images{gap:10px}.product-store-thumbnail-images img{border-radius:10px}.product-store-gallery-arrow{height:40px;width:40px}.product-store-gallery-prev{left:10px}.product-store-gallery-next{right:10px}.product-store-description-section{border-radius:16px;margin-bottom:20px;padding:20px}.product-store-description-section h2{font-size:1.3rem;margin-bottom:12px}.product-store-description-section p{font-size:.9rem;margin-bottom:16px}.product-store-features-list-section h3{font-size:1.1rem;margin-bottom:10px}.product-store-features-list-section li{font-size:.85rem;padding:8px 0 8px 24px}.product-store-action-buttons{gap:12px;margin-bottom:24px}.product-store-buy-now-btn{font-size:.9rem;padding:14px 28px}.product-store-contact-suggestions{border-radius:16px;padding:18px}.product-store-suggestions-title{font-size:.95rem;margin-bottom:10px}.product-store-suggestion-btn{font-size:.85rem;padding:10px 20px}.product-store-related-section{padding:50px 0}.product-store-related-title{font-size:1.6rem;margin-bottom:30px}.product-store-related-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.product-store-related-card{border-radius:14px}.product-store-related-content{padding:12px}.product-store-related-name{font-size:.85rem;margin-bottom:5px}.product-store-related-price{font-size:.95rem}.product-store-checkout-container{gap:30px;padding:30px 16px}.product-store-checkout-form-section h1{font-size:1.8rem}.product-store-enquiry-subtitle{font-size:.95rem;margin-bottom:24px}.product-store-form-section{border-radius:16px;margin-bottom:20px;padding:20px}.product-store-form-section h2{font-size:1.1rem;margin-bottom:16px}.product-store-section-number{font-size:.9rem;height:28px;width:28px}.product-store-order-item{gap:12px;margin-bottom:20px;padding-bottom:20px}.product-store-item-image{border-radius:10px;height:70px;width:70px}.product-store-item-name{font-size:.9rem}.product-store-item-meta{font-size:.8rem}.product-store-item-price{font-size:1rem}}@media (max-width:600px){.product-store-search-box-wrapper{padding:8px 16px}.product-store-search-box-wrapper svg{height:18px;margin-right:10px;width:18px}.product-store-search-input{font-size:.85rem}.product-store-category-pill{font-size:.75rem;padding:7px 16px}.product-store-products-grid{gap:12px}.product-store-product-card{border-radius:12px}.product-store-product-card-content{padding:10px}.product-store-product-name{font-size:.8rem;margin-bottom:5px}.product-store-product-description{-webkit-line-clamp:2;font-size:.7rem}.product-store-price{font-size:.9rem}.product-store-quick-view-btn{font-size:.7rem;gap:3px;padding:5px 10px}.product-store-quick-view-btn svg{height:12px;width:12px}.product-store-product-badge{font-size:.65rem;left:6px;padding:4px 8px;top:6px}.product-store-title{font-size:1.6rem}.product-store-price{font-size:1.4rem}.product-store-main-image{border-radius:16px}.product-store-thumbnail-images{gap:8px;grid-template-columns:repeat(4,1fr)}.product-store-thumbnail-images img{border-radius:8px}.product-store-gallery-arrow{height:36px;width:36px}.product-store-gallery-arrow svg{height:18px;width:18px}.product-store-description-section{padding:16px}.product-store-description-section h2{font-size:1.2rem}.product-store-description-section p{font-size:.85rem}.product-store-features-list-section h3{font-size:1rem}.product-store-features-list-section li{font-size:.8rem;padding:7px 0 7px 22px}.product-store-buy-now-btn{font-size:.85rem;padding:12px 24px}.product-store-related-grid{gap:12px}.product-store-related-content{padding:10px}.product-store-related-name{font-size:.8rem}.product-store-related-price{font-size:.9rem}.product-store-qty-btn{font-size:18px;height:38px;width:38px}.product-store-qty-value{font-size:1rem;min-width:50px;padding:0 12px}.product-store-summary-card{border-radius:16px;padding:20px}.product-store-summary-card h2{font-size:1.1rem;margin-bottom:20px}.product-store-place-order-btn{font-size:.95rem;padding:16px 28px}}@media (max-width:480px){.product-store-logo-text{font-size:1.2rem}.product-store-catalog-main{padding:25px 12px}.product-store-search-box-wrapper{padding:7px 14px}.product-store-categories-pills{gap:6px}.product-store-category-pill{font-size:.7rem;padding:6px 14px}.product-store-products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-store-product-card{border-radius:10px}.product-store-product-card-content{padding:8px}.product-store-product-name{font-size:.75rem;margin-bottom:4px}.product-store-product-description{-webkit-line-clamp:1;font-size:.65rem;margin-bottom:6px}.product-store-product-card-footer{align-items:flex-start;flex-direction:column;gap:6px;margin-top:8px}.product-store-price{font-size:.85rem}.product-store-quick-view-btn{font-size:.65rem;justify-content:center;padding:4px 10px;width:100%}.product-store-detail-container{padding:25px 12px 50px}.product-store-title{font-size:1.4rem}.product-store-price{font-size:1.3rem}.product-store-tax-shipping-info{font-size:.8rem;margin-bottom:20px;padding-bottom:20px}.product-store-main-image{border-radius:14px;margin-bottom:12px}.product-store-thumbnail-images{gap:6px}.product-store-thumbnail-images img{border-radius:6px}.product-store-gallery-arrow{height:32px;width:32px}.product-store-gallery-prev{left:8px}.product-store-gallery-next{right:8px}.product-store-description-section{border-radius:14px;padding:14px}.product-store-description-section h2{font-size:1.1rem;margin-bottom:10px}.product-store-description-section p{font-size:.8rem;margin-bottom:14px}.product-store-features-list-section h3{font-size:.95rem;margin-bottom:8px}.product-store-features-list-section li{font-size:.75rem;padding:6px 0 6px 20px}.product-store-buy-now-btn{font-size:.8rem;gap:6px;padding:11px 22px}.product-store-buy-now-btn svg{height:16px;width:16px}.product-store-contact-suggestions{padding:16px}.product-store-suggestions-title{font-size:.9rem}.product-store-suggestion-btn{font-size:.8rem;gap:6px;padding:9px 18px}.product-store-suggestion-btn svg{height:14px;width:14px}.product-store-related-section{padding:40px 0}.product-store-related-title{font-size:1.4rem;margin-bottom:25px}.product-store-related-grid{gap:10px}.product-store-related-card{border-radius:10px}.product-store-related-content{padding:8px}.product-store-related-name{font-size:.75rem;margin-bottom:4px}.product-store-related-price{font-size:.85rem}.product-store-checkout-container{padding:25px 12px}.product-store-checkout-form-section h1{font-size:1.6rem}.product-store-form-section{padding:16px}.product-store-form-section h2{font-size:1rem}.product-store-section-number{font-size:.85rem;height:26px;width:26px}.product-store-form-group label{font-size:.9rem}.product-store-form-group input,.product-store-form-group select,.product-store-form-textarea{font-size:.9rem;padding:12px 16px}.product-store-qty-btn{font-size:16px;height:36px;width:36px}.product-store-qty-value{font-size:.95rem;min-width:45px;padding:0 10px}.product-store-summary-card{padding:18px}.product-store-order-item{gap:10px}.product-store-item-image{height:60px;width:60px}.product-store-item-name{font-size:.85rem}.product-store-item-meta{font-size:.75rem}.product-store-item-price{font-size:.95rem}.product-store-summary-row{font-size:.85rem}.product-store-summary-row.product-store-total{font-size:1.1rem}.product-store-place-order-btn{font-size:.9rem;padding:14px 24px}.product-store-security-badges{gap:10px}.product-store-badge{font-size:.8rem;min-width:120px;padding:10px}.product-store-badge-icon{font-size:.65rem;height:20px;width:20px}.product-store-notification-toast{max-width:calc(100vw - 32px);padding:14px 18px;right:16px;top:16px}.product-store-notification-toast span{font-size:.85rem}}@media (max-width:360px){.product-store-products-grid{gap:8px}.product-store-product-card-content{padding:6px}.product-store-product-name{font-size:.7rem}.product-store-product-description{font-size:.6rem}.product-store-price{font-size:.8rem}.product-store-title{font-size:1.3rem}.product-store-buy-now-btn{font-size:.75rem;padding:10px 20px}.product-store-related-grid{gap:8px}}.service-store-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.service-store-error,.service-store-loading{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.service-store-loading .spinner{animation:spin 1s linear infinite;color:#fff}.service-store-error svg{color:#f44;margin-bottom:1rem}.service-store-error h2{color:#fff;font-size:2rem;margin-bottom:1rem}.service-store-error p{color:#ccc;font-size:1.125rem;margin-bottom:2rem}.btn-retry{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-retry:hover{background:#e0e0e0;transform:translateY(-2px)}.notification-toast{animation:slideInRight .3s ease;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #000c;color:#fff;gap:1rem;padding:1rem 1.5rem;z-index:10000}.notification-toast.notification-success{border-left:4px solid #0f0}.notification-toast.notification-error{border-left:4px solid #f44}.notification-toast.notification-info{border-left:4px solid #fff}.notification-toast button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.store-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;border-bottom:1px solid #333;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.store-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.store-branding{align-items:center;display:flex;gap:1rem}.store-branding svg{color:#fff}.store-branding h1{color:#fff;font-size:1.5rem;margin-bottom:.25rem}.store-branding p{color:#999;font-size:.875rem}.store-actions{display:flex;gap:1rem}.action-btn{background:#1a1a1a;border:1px solid #333;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none}.action-btn:hover{background:#fff;border-color:#fff;color:#000}.action-call:hover{background:#0f0;border-color:#0f0;color:#000}.action-whatsapp:hover{background:#25d366;border-color:#25d366;color:#000}.service-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.service-layout{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.service-gallery-section{position:-webkit-sticky;position:sticky;top:100px}.gallery-main{aspect-ratio:1;background:#1a1a1a;border:1px solid #333;border-radius:12px;cursor:zoom-in;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.gallery-main.zoomed{cursor:zoom-out}.gallery-main img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-main.zoomed img{transform:scale(1.5)}.gallery-nav{background:#000c;border:1px solid #333;border-radius:50%;color:#fff;cursor:pointer;padding:.75rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.gallery-nav:hover{background:#fff;color:#000}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-thumbnails{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.thumbnail{aspect-ratio:1;background:#1a1a1a;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.thumbnail:hover{border-color:#666}.thumbnail.active{border-color:#fff}.thumbnail img{height:100%;object-fit:cover;width:100%}.video-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-top:2rem;padding:1.5rem}.video-section h3{align-items:center;color:#fff;display:flex;gap:.5rem;margin-bottom:1rem}.video-grid{grid-gap:1rem;display:grid;gap:1rem}.video-item video{background:#000;border:1px solid #333;border-radius:8px;width:100%}.service-info-section{color:#fff}.service-header{margin-bottom:2rem}.badge{border-radius:6px;display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:1rem;margin-right:.5rem;padding:.375rem .75rem}.badge-category{background:#fff;color:#000}.badge-subcategory{background:#333;border:1px solid #666;color:#fff}.badge-success{background:#0f0;color:#000}.badge-info{background:#09f;color:#000}.badge-available{background:#0f0;color:#000}.service-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.service-tagline{color:#ccc;font-size:1.25rem;margin-bottom:1rem}.service-sku{color:#999;font-size:.875rem}.service-pricing{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.price-main{color:#fff;font-size:3rem;font-weight:700;margin-bottom:.5rem}.pricing-type{color:#999;font-size:1rem;text-transform:capitalize}.service-quick-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.info-card{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;gap:1rem;padding:1rem}.info-card svg{color:#fff;flex-shrink:0}.info-card .info-label{color:#999;display:block;font-size:.875rem;margin-bottom:.25rem}.info-card .info-value{color:#fff;display:block;font-weight:600}.service-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.service-section h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1rem}.service-description{color:#ccc;font-size:1.125rem;line-height:1.8}.features-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none}.features-list li{align-items:flex-start;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#ccc;display:flex;gap:.75rem;padding:.75rem}.features-list li svg{color:#0f0;flex-shrink:0;margin-top:.125rem}.requirements-list li svg{color:#f90}.professional-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.detail-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.detail-card svg{color:#fff;flex-shrink:0}.detail-card h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.detail-card p{color:#999;font-size:.875rem;line-height:1.6}.policy-section{background:#0a0a0a;border:1px solid #2a2a2a}.policy-section p{color:#ccc;line-height:1.8}.service-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.service-badges .badge{align-items:center;display:inline-flex;gap:.375rem}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#ccc;font-size:.875rem;padding:.5rem 1rem}.btn-book{align-items:center;background:#fff;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.btn-book:hover{background:#e0e0e0;box-shadow:0 8px 24px #fff3;transform:translateY(-2px)}.modal-overlay{background:#000000f2}.modal-container{background:#000;border:1px solid #333;box-shadow:0 20px 60px #000000e6;max-width:700px}.modal-header{border-bottom:1px solid #333}.modal-header h2{font-size:1.75rem}.modal-close:hover{background:#1a1a1a}.success-message{padding:2rem;text-align:center}.success-icon{align-items:center;background:#0f0;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.success-icon svg{color:#000}.success-message h3{color:#fff;font-size:1.75rem;margin-bottom:1rem}.success-message p{color:#ccc;line-height:1.6;margin-bottom:1rem}.booking-number{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:1.5rem 0;padding:1rem 2rem}.booking-form{display:flex;flex-direction:column;gap:2rem}.form-section h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field-full{grid-column:1/-1}.form-field label{color:#ccc;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-field input,.form-field textarea{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-field input:focus,.form-field textarea:focus{background:#0a0a0a;border-color:#fff;outline:none}.form-field input:disabled,.form-field textarea:disabled{cursor:not-allowed;opacity:.5}.form-field textarea{min-height:100px;resize:vertical}.error-text{color:#f44;display:block;font-size:.875rem;margin-top:.375rem}.booking-summary{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem}.summary-row{color:#ccc}.summary-row:not(:last-child){border-bottom:1px solid #2a2a2a}.btn-primary,.btn-secondary{flex:1 1;font-size:1rem;gap:.5rem;justify-content:center;padding:1rem 2rem}.btn-primary:hover:not(:disabled){background:#e0e0e0}.btn-primary .spinner,.btn-secondary .spinner{animation:spin 1s linear infinite}@media (max-width:1024px){.service-layout{gap:2rem;grid-template-columns:1fr}.service-gallery-section{position:static}}@media (max-width:768px){.store-container{align-items:flex-start;flex-direction:column;padding:0 1rem}.store-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}.service-container{padding:2rem 1rem}.service-title{font-size:2rem}.price-main{font-size:2.5rem}.form-grid,.professional-details,.service-quick-info{grid-template-columns:1fr}.modal-actions{flex-direction:column}.gallery-thumbnails{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.service-title{font-size:1.5rem}.price-main{font-size:2rem}.modal-body,.modal-header{padding:1rem}}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#666}.geephi-bot-container{bottom:20px;font-family:Arial,sans-serif;position:fixed;right:20px;z-index:999}.bot-toggle{align-items:center;animation:bounce 2s infinite;background-color:#4a90e2;border-radius:50%;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.geephi-bot-box{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;display:none;flex-direction:column;overflow:hidden;width:300px}.bot-header,.geephi-bot-box.open{display:flex}.bot-header{align-items:center;background:#4a90e2;color:#fff;font-size:16px;gap:10px;padding:12px}.bot-messages{height:200px;overflow-y:auto;padding:10px}.bot-message{margin-bottom:10px}.bot-input-area{border-top:1px solid #eee;display:flex;padding:8px}.bot-input-area input{border:1px solid #ddd;border-radius:8px;flex:1 1;padding:6px}.bot-input-area button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-left:8px;padding:6px 10px}.chat-popup{background:#fff;border-radius:10px;bottom:150px;box-shadow:0 0 15px #0003;padding:10px;position:fixed;right:30px;width:300px;z-index:1001}.chat-messages{margin-bottom:10px;max-height:200px;overflow-y:auto}.chat-bubble{border-radius:8px;margin:4px 0;padding:8px}.chat-bubble.user{align-self:flex-end;background:#daf8cb;text-align:right}.chat-bubble.bot{background:#eee;text-align:left}input{border:1px solid #ccc;border-radius:6px;padding:6px;width:100%}.close-btn{background:#0000;float:right;font-size:18px}:root{--primary-blue:#06f;--primary-blue-hover:#0052cc;--primary-blue-light:#e6f2ff;--secondary-purple:#6366f1;--accent-orange:#f59e0b;--text-primary:#1f2937;--text-light:#9ca3af;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:0.15s ease-in-out;--transition-normal:0.25s ease-in-out;--transition-slow:0.35s ease-in-out}body{background:var(--bg-secondary);line-height:1.5}.chat-container{background:#f9fafb;background:var(--bg-secondary);display:flex;font-family:Inter,sans-serif;height:100vh;width:100vw}.chat-sidebar{border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);display:flex;flex-direction:column;width:320px;z-index:10}.chat-sidebar,.sidebar-header{background:#fff;background:var(--bg-primary);position:relative}.sidebar-header{border-bottom:1px solid var(--border-light)}.sidebar-header:after{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);background:linear-gradient(90deg,#0000,var(--border-light),#0000)}.sidebar-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sidebar-title h1{color:#1f2937;color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.header-actions{gap:.25rem}.header-btn{background:#0000;border:none;border-radius:var(--radius-lg);color:#6b7280;padding:.5rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.header-btn:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#1f2937;transform:translateY(-1px)}.search-container{position:relative}.search-input{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);color:#1f2937;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.search-input:focus{background:#fff;background:var(--bg-primary);border-color:#06f;border-color:var(--primary-blue);box-shadow:0 0 0 3px #e6f2ff;box-shadow:0 0 0 3px var(--primary-blue-light)}.search-icon{color:var(--text-light);left:.75rem;pointer-events:none}.conversations-list{flex:1 1;overflow-y:auto;padding:.5rem 0}.conversations-list::-webkit-scrollbar{width:4px}.conversations-list::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-medium);border-radius:2px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-light)}.conversation-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;padding:1rem 1.5rem;position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.conversation-item:hover{background:#f9fafb;background:var(--bg-secondary)}.conversation-item.active{background:#e6f2ff;background:var(--primary-blue-light);border-left-color:#06f;border-left-color:var(--primary-blue)}.conversation-item.active:before{background:#06f;background:var(--primary-blue);bottom:0;content:"";position:absolute;right:0;top:0;width:2px}.avatar{border-radius:50%;flex-shrink:0;height:3rem;margin-right:.75rem;overflow:hidden;position:relative;width:3rem}.avatar-gradient{align-items:center;background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-purple));color:#fff;display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;width:100%}.avatar img{height:100%;object-fit:cover;width:100%}.online-indicator{animation:pulse-online 2s infinite;background:#10b981;background:var(--accent-green);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;bottom:-2px;height:1rem;position:absolute;right:-2px;width:1rem}@keyframes pulse-online{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:between;margin-bottom:.25rem}.conversation-name{color:#1f2937;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500;margin:0}.conversation-time{color:#9ca3af;color:var(--text-light);font-size:.75rem;margin-left:.5rem}.conversation-preview{align-items:center;display:flex;justify-content:space-between}.last-message{color:#6b7280;color:var(--text-secondary);flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{animation:bounce-in .3s ease-out;background:#06f;background:var(--primary-blue);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;min-width:1.25rem;padding:.25rem .5rem;text-align:center}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.section-header{background:#f9fafb;background:var(--bg-secondary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);color:#9ca3af;color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem .5rem;text-transform:uppercase}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-header,.chat-main{background:var(--bg-primary)}.chat-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:1rem 1.5rem;position:relative}.chat-header:after{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);background:linear-gradient(90deg,#0000,var(--border-light),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.chat-user-info{align-items:center;display:flex;gap:1rem}.chat-user-details h3{color:#1f2937;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.chat-user-status{color:#10b981;color:var(--accent-green);font-size:.8rem;font-weight:500;margin-top:.125rem}.chat-actions{display:flex;gap:.25rem}.action-btn{background:#0000;border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--text-secondary);padding:.625rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.action-btn:hover{background:#f9fafb;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary);transform:translateY(-1px)}.messages-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;overflow-y:auto;padding:1.5rem;position:relative}.messages-container:before{background-image:radial-gradient(circle at 20px 80px,#7877c61a 0,#0000 50%),radial-gradient(circle at 80px 20px,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40px 40px,#78c8ff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-medium);border-radius:3px}.message-bubble{display:flex;margin-bottom:1rem;position:relative;z-index:1}.message-bubble.sent{justify-content:flex-end}.message-bubble.received{justify-content:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:2rem;margin:0 .75rem;overflow:hidden;position:relative;width:2rem}.message-content{max-width:70%;position:relative}.message-bubble.sent .message-content{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary-blue) 0,#0052cc 100%);border-radius:1.25rem 1.25rem .25rem 1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.message-bubble.received .message-content{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1.25rem 1.25rem 1.25rem .25rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-primary)}.message-text{word-wrap:break-word;font-size:.875rem;line-height:1.5;padding:.875rem 1.125rem}.message-time{font-size:.75rem;opacity:.7;padding:0 1.125rem .5rem}.message-bubble.sent .message-time{color:#fffc}.message-bubble.received .message-time{color:#9ca3af;color:var(--text-light)}.typing-indicator{align-items:center;animation:fade-in .3s ease-out;display:flex;gap:.75rem;margin-bottom:1rem}.typing-bubble{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1.25rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.875rem 1.125rem}.typing-dots{display:flex;gap:.25rem}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background:#9ca3af;background:var(--text-light);border-radius:50%;height:.5rem;width:.5rem}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{height:100%;justify-content:center;padding:2rem}.empty-icon{align-items:center;background:linear-gradient(135deg,#e6f2ff,#e0e7ff);background:linear-gradient(135deg,var(--primary-blue-light),#e0e7ff);border-radius:50%;color:#06f;color:var(--primary-blue);display:flex;height:5rem;justify-content:center;margin-bottom:1.5rem;width:5rem}.empty-title{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.empty-description{color:var(--text-secondary);margin-bottom:1.5rem;max-width:24rem}.empty-features{display:flex;flex-direction:column;gap:.5rem}.empty-feature{color:#9ca3af;color:var(--text-light);font-size:.875rem}.message-input-container{background:#fff;background:var(--bg-primary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);padding:1.5rem;position:relative}.message-input-container:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);background:linear-gradient(90deg,#0000,var(--border-light),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.input-wrapper{align-items:flex-end;display:flex;gap:.75rem}.input-actions{display:flex;gap:.25rem}.input-btn{background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--text-secondary);cursor:pointer;padding:.625rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.input-btn:hover{background:#f9fafb;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary);transform:translateY(-1px)}.textarea-container{flex:1 1;position:relative}.message-textarea{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;max-height:8rem;min-height:3rem;outline:none;padding:.875rem 3rem .875rem 1rem;resize:none;transition:all .25s ease-in-out;transition:all var(--transition-normal);width:100%}.message-textarea:focus{background:#fff;background:var(--bg-primary);border-color:#06f;border-color:var(--primary-blue);box-shadow:0 0 0 3px #e6f2ff;box-shadow:0 0 0 3px var(--primary-blue-light)}.emoji-btn{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.emoji-btn:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#1f2937;color:var(--text-primary)}.send-btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;justify-content:center;min-width:3rem;padding:.875rem;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.send-btn:enabled{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary-blue) 0,#0052cc 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.send-btn:enabled:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.send-btn:enabled:active{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(0)}.send-btn:disabled{background:#f3f4f6;background:var(--bg-tertiary);color:#9ca3af;color:var(--text-light);cursor:not-allowed}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #e5e7eb;border-top-color:#06f;border:2px solid var(--border-light);border-top-color:var(--primary-blue);display:inline-block;height:2rem;width:2rem}@media (max-width:768px){.chat-sidebar{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .25s ease-in-out;transition:transform var(--transition-normal);z-index:20}.chat-sidebar.open{transform:translateX(0)}.chat-main{margin-left:0}.message-content{max-width:85%}.sidebar-header{padding:1rem}.conversations-list{padding:.25rem 0}.conversation-item{padding:.75rem 1rem}}@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-light:#9ca3af;--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--border-light:#374151;--border-medium:#4b5563}.message-bubble.received .message-content{background:#f3f4f6;background:var(--bg-tertiary);border-color:#d1d5db;border-color:var(--border-medium)}.messages-container{background:linear-gradient(135deg,#111827,#0f172a)}}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.conversation-item,.message-bubble,.typing-indicator{animation:fade-in .3s ease-out}:focus-visible{outline:2px solid #06f;outline:2px solid var(--primary-blue)}::selection{background:#e6f2ff;background:var(--primary-blue-light);color:#06f;color:var(--primary-blue)}.sr-only{border:0}:root{--studio-cream:#f9f7f2;--studio-white:#fff;--studio-black:#1a1a1a;--studio-coral:#e87a5d;--studio-gray:#e5e5e5;--studio-green:#2e7d32;--radius-sm:8px;--radius-lg:16px}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{color:var(--studio-black)!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.geephiyo-container,body{background-color:#f9f7f2;background-color:var(--studio-cream);overflow:hidden}.geephiyo-container{height:100vh;position:relative;width:100%}.view-layer{background:#f9f7f2;background:var(--studio-cream);inset:0;overflow-y:auto;position:absolute;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;z-index:10}.layer-hidden{opacity:0;pointer-events:none;transform:translateX(100%)}.studio-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.studio-header-left{flex:1 1;min-width:0}.header-meta{color:#e87a5d!important;color:var(--studio-coral)!important;font-size:.65rem;font-weight:800;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.studio-title{color:#1a1a1a!important;color:var(--studio-black)!important;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin:5px 0 10px}.bot-settings-btn{align-items:center;background:#1a1a1a;background:var(--studio-black);border:none;border-radius:100px;box-shadow:0 8px 20px #0000001f;color:#fff!important;color:var(--studio-white)!important;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;gap:8px;letter-spacing:.8px;padding:10px 18px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bot-settings-btn:hover{background:#e87a5d;background:var(--studio-coral);transform:scale(1.05)}.bot-settings-btn:active{transform:scale(.98)}.bot-settings-btn span{display:none}.studio-container{height:100%;margin:0 auto;max-width:100%;overflow-y:auto;padding:20px 16px 100px}.studio-subtitle{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.85rem;font-weight:500;line-height:1.4;margin-bottom:25px;opacity:.6}.store-selector-wrapper{margin-bottom:20px}.store-selector{background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:16px;border-radius:var(--radius-lg);color:#1a1a1a!important;color:var(--studio-black)!important;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;outline:none;padding:14px 18px;transition:all .3s;width:100%}.store-selector:focus{border-color:#e87a5d;border-color:var(--studio-coral);box-shadow:0 0 0 3px #e87a5d1a}.search-wrapper{margin-bottom:18px;position:relative}.search-wrapper svg{left:18px;opacity:.4;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input,.search-wrapper svg{color:#1a1a1a!important;color:var(--studio-black)!important}.search-input{background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:16px;border-radius:var(--radius-lg);font-family:inherit;font-size:.9rem;padding:14px 18px 14px 48px;transition:all .3s}.search-input:focus{border-color:#1a1a1a;border-color:var(--studio-black);box-shadow:0 0 0 3px #1a1a1a0d}.search-input::placeholder{color:#1a1a1a!important;color:var(--studio-black)!important;opacity:.4}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.filter-btn{background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:100px;color:#1a1a1a!important;color:var(--studio-black)!important;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:9px 18px;text-transform:uppercase;transition:all .3s}.filter-btn:hover{background:#e87a5d0d;border-color:#e87a5d;border-color:var(--studio-coral)}.filter-btn.active{background:#1a1a1a;background:var(--studio-black);border-color:#1a1a1a;border-color:var(--studio-black);color:#fff!important;color:var(--studio-white)!important}.sessions-grid{display:flex;flex-direction:column;gap:12px}.chat-card{align-items:center;background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000005;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-card:active{transform:scale(.98)}.status-badge{border-radius:100px;font-size:.6rem;font-weight:800;letter-spacing:.8px;margin-bottom:10px;padding:4px 12px}.chat-card-title{font-size:1.15rem;font-weight:800;line-height:1.3;margin:6px 0 4px}.chat-card-subtitle,.chat-card-title{color:#1a1a1a!important;color:var(--studio-black)!important}.chat-card-subtitle{font-size:.85rem;margin-bottom:4px;opacity:.5}.chat-time{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.7rem;font-weight:600;letter-spacing:.5px;opacity:.4;text-transform:uppercase}.chat-card-arrow{color:#e87a5d!important;color:var(--studio-coral)!important;flex-shrink:0;font-size:1.8rem;font-weight:300}.chat-interface{flex-direction:column;height:100vh}.chat-header,.chat-interface{background:#fff;background:var(--studio-white);display:flex}.chat-header{align-items:center;border-bottom:1.5px solid #e5e5e5;border-bottom:1.5px solid var(--studio-gray);flex-shrink:0;justify-content:space-between;padding:16px 18px}.chat-header-left{gap:12px;min-width:0}.back-btn,.chat-header-left{align-items:center;display:flex}.back-btn{background:none;border:none;color:#1a1a1a!important;color:var(--studio-black)!important;cursor:pointer;flex-shrink:0;padding:4px;transition:all .3s}.back-btn:active{transform:scale(.9)}.chat-header-title{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:1.05rem;font-weight:800;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-status{color:#2e7d32!important;color:var(--studio-green)!important;font-size:.65rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.appointments-banner{background:#fff8e1;border-bottom:1.5px solid #e5e5e5;border-bottom:1.5px solid var(--studio-gray);flex-shrink:0;padding:16px 18px}.appointments-banner h4{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.85rem;font-weight:800;margin-bottom:12px}.appointment-mini{background:#fff;background:var(--studio-white);border-radius:12px;border-radius:var(--radius-md);margin-bottom:8px;padding:12px}.appointment-mini-header{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:8px;justify-content:space-between;margin-bottom:6px}.appointment-mini-header,.appointment-mini-select{color:#1a1a1a!important;color:var(--studio-black)!important}.appointment-mini-select{background:#fff;background:var(--studio-white);border:1px solid #e5e5e5;border:1px solid var(--studio-gray);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;font-size:.7rem;font-weight:700;padding:5px 10px}.appointment-mini-service{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.75rem;opacity:.6}.message-area{background:#f9f7f2;background:var(--studio-cream);flex:1 1;min-height:0;overflow-y:auto;padding:18px}.message-area,.messages-list{display:flex;flex-direction:column}.messages-list{gap:12px}.msg{word-wrap:break-word;color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.9rem;line-height:1.5;max-width:85%;padding:12px 16px}.msg-bot{align-self:flex-start;background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:18px 18px 18px 4px}.msg-user{align-self:flex-end;background:#1a1a1a;background:var(--studio-black);border-radius:18px 18px 4px 18px;color:#fff!important;color:var(--studio-white)!important}.typing-msg{font-style:italic;opacity:.7}.empty-messages{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;opacity:.3}.empty-messages,.empty-messages svg{color:#1a1a1a!important;color:var(--studio-black)!important}.empty-messages svg{margin-bottom:12px}.empty-messages p{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.95rem;font-weight:600}.input-bar{background:#fff;background:var(--studio-white);border-top:1.5px solid #e5e5e5;border-top:1.5px solid var(--studio-gray);display:flex;flex-shrink:0;gap:10px;padding:16px 18px}.message-input{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:100px;color:#1a1a1a!important;color:var(--studio-black)!important;flex:1 1;font-family:inherit;font-size:.9rem;min-width:0;outline:none;padding:12px 20px;transition:all .3s}.message-input:focus{background:#fff;background:var(--studio-white);border-color:#1a1a1a;border-color:var(--studio-black)}.message-input::placeholder{color:#1a1a1a!important;color:var(--studio-black)!important;opacity:.4}.btn-send{background:#1a1a1a;background:var(--studio-black);border:none;border-radius:100px;color:#fff!important;color:var(--studio-white)!important;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:.8px;padding:0 24px;text-transform:uppercase;transition:all .3s}.btn-send:active{transform:scale(.95)}.btn-send:disabled{cursor:not-allowed;opacity:.4;transform:none}.settings-modal{margin:0 auto;max-width:100%;min-height:100vh;overflow-y:auto;padding:20px 16px 100px}.settings-modal-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:25px}.settings-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.6rem,5vw,2rem);font-weight:800;line-height:1.2}.close-btn,.settings-title{color:#1a1a1a!important;color:var(--studio-black)!important}.close-btn{background:none;border:none;flex-shrink:0;padding:4px;transition:all .3s}.close-btn:active{transform:rotate(90deg) scale(.9)}.settings-tabs{display:flex;gap:8px;margin-bottom:25px;overflow-x:auto;padding-bottom:5px}.settings-tab{align-items:center;background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:100px;color:#1a1a1a!important;color:var(--studio-black)!important;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s;white-space:nowrap}.settings-tab span{display:none}.settings-tab:active{transform:scale(.95)}.settings-tab.active{background:#1a1a1a;background:var(--studio-black);border-color:#1a1a1a;border-color:var(--studio-black);color:#fff!important;color:var(--studio-white)!important}.settings-content{background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:16px;border-radius:var(--radius-lg);padding:20px}.tab-content h4{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:1.15rem;font-weight:800;margin-bottom:20px}.settings-section-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.settings-section-header h4{flex:1 1;margin:0;min-width:0}.header-actions{flex-shrink:0;gap:8px}.form-grid{grid-gap:18px;gap:18px;grid-template-columns:1fr}.form-group,.form-group-full{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.65rem;font-weight:800;letter-spacing:1.2px;opacity:.5;text-transform:uppercase}.form-label,.textarea-brain{color:#1a1a1a!important;color:var(--studio-black)!important}.textarea-brain{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;outline:none;padding:12px 16px;resize:vertical;transition:all .3s;width:100%}.textarea-brain:focus{background:#fff;background:var(--studio-white);border-color:#1a1a1a;border-color:var(--studio-black)}.textarea-brain:disabled{cursor:not-allowed;opacity:.6}.color-input,.form-input,.number-input{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);color:#1a1a1a!important;color:var(--studio-black)!important;font-family:inherit;font-size:.9rem;outline:none;padding:12px 16px;transition:all .3s}.color-input:focus,.form-input:focus,.number-input:focus{background:#fff;background:var(--studio-white);border-color:#1a1a1a;border-color:var(--studio-black)}.form-textarea{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);color:#1a1a1a!important;color:var(--studio-black)!important;font-family:inherit;font-size:.9rem;outline:none;padding:12px 16px;transition:all .3s;width:100%}.form-textarea:focus{background:#fff;background:var(--studio-white);border-color:#1a1a1a;border-color:var(--studio-black)}.btn-update-personality{background:#1a1a1a;background:var(--studio-black);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff!important;color:var(--studio-white)!important;cursor:pointer;font-size:.95rem;font-weight:800;letter-spacing:.8px;margin-top:18px;padding:16px;text-transform:uppercase;transition:all .3s;width:100%}.btn-update-personality:active{transform:scale(.98)}.btn-primary-small{align-items:center;background:#1a1a1a;background:var(--studio-black);border:none;border-radius:100px;color:#fff!important;color:var(--studio-white)!important;cursor:pointer;display:flex;font-size:.75rem;font-weight:800;gap:6px;padding:8px 16px;text-transform:uppercase;transition:all .3s;white-space:nowrap}.btn-primary-small span{display:none}.btn-primary-small:active{transform:scale(.95)}.btn-secondary{background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:100px;color:#1a1a1a!important;color:var(--studio-black)!important;display:flex;font-size:.75rem;gap:6px;padding:8px 16px;transition:all .3s;white-space:nowrap}.btn-secondary span{display:none}.btn-secondary:active{transform:scale(.95)}.btn-add{align-items:center;background:#1a1a1a;background:var(--studio-black);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff!important;color:var(--studio-white)!important;cursor:pointer;display:flex;font-size:.85rem;font-weight:800;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:12px;padding:14px;text-transform:uppercase;transition:all .3s;width:100%}.btn-add:active{transform:scale(.98)}.icon-btn{background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:var(--radius-sm);color:#1a1a1a!important;color:var(--studio-black)!important;display:flex;flex-shrink:0;padding:7px;transition:all .3s}.icon-btn:active{transform:scale(.9)}.icon-btn-danger{align-items:center;background:#fff;background:var(--studio-white);border:1.5px solid #ef4444;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444!important;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:7px;transition:all .3s}.icon-btn-danger:active{background:#fef2f2;transform:scale(.9)}.options-list,.replies-list{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.option-card,.reply-card{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);padding:16px}.option-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.option-card-header h5{color:#1a1a1a!important;color:var(--studio-black)!important;flex:1 1;font-size:1rem;font-weight:800;line-height:1.3;min-width:0}.option-actions{display:flex;flex-shrink:0;gap:6px}.option-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.option-tag{align-items:center;background:#fff;background:var(--studio-white);border:1px solid #e5e5e5;border:1px solid var(--studio-gray);border-radius:100px;display:flex;font-size:.7rem;font-weight:700;gap:4px;padding:4px 10px}.option-response,.option-tag{color:#1a1a1a!important;color:var(--studio-black)!important}.option-response{font-size:.85rem;line-height:1.5;margin-top:10px;opacity:.7}.reply-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.keyword-badge{align-items:center;background:#e87a5d;background:var(--studio-coral);border-radius:100px;color:#fff!important;color:var(--studio-white)!important;display:flex;font-size:.7rem;font-weight:700;gap:4px;padding:4px 10px}.reply-text{font-size:.9rem;line-height:1.5;margin-bottom:10px}.reply-footer,.reply-text{color:#1a1a1a!important;color:var(--studio-black)!important}.reply-footer{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;opacity:.5}.reply-priority{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.appointments-list{display:flex;flex-direction:column;gap:12px}.appointment-card-full{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);padding:16px}.appointment-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.appointment-card-header h5{flex:1 1;font-size:1rem;font-weight:800;min-width:0}.appointment-card-header h5,.appointment-select{color:#1a1a1a!important;color:var(--studio-black)!important}.appointment-select{background:#fff;background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:700;padding:6px 12px}.appointment-details{display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:8px;opacity:.7}.appointment-details,.appointment-service{color:#1a1a1a!important;color:var(--studio-black)!important}.appointment-service{font-size:.85rem;margin-bottom:6px}.appointment-notes{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.8rem;line-height:1.5;opacity:.6}.analytics-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.analytics-box{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);padding:20px 16px;text-align:center}.analytics-value{font-size:2rem;line-height:1;margin-bottom:6px}.analytics-label,.analytics-value{color:#1a1a1a!important;color:var(--studio-black)!important;font-weight:800}.analytics-label{font-size:.65rem;letter-spacing:1.2px;line-height:1.3;opacity:.5;text-transform:uppercase}.add-form{background:#f9f7f2;background:var(--studio-cream);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);border-radius:12px;border-radius:var(--radius-md);margin-top:16px;padding:18px}.add-form h5{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.9rem;font-weight:800;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.add-form input,.add-form textarea{margin-bottom:10px}.notification-stack{display:flex;flex-direction:column;gap:8px;left:50%;max-width:calc(100% - 32px);pointer-events:none;position:fixed;top:16px;transform:translateX(-50%);width:380px;z-index:9999}.notification{animation:slideDown .4s cubic-bezier(.16,1,.3,1);background:var(--studio-white);border:1.5px solid #e5e5e5;border:1.5px solid var(--studio-gray);box-shadow:0 8px 30px #0000001f;gap:10px;padding:12px 16px;pointer-events:all}.notification-success{border-left:4px solid #2e7d32;border-left:4px solid var(--studio-green)}.notification-error{border-left:4px solid #ef4444}.notification-info{border-left:4px solid #e87a5d;border-left:4px solid var(--studio-coral)}.notification span{font-size:.85rem;min-width:0}.notification button,.notification span{color:#1a1a1a!important;color:var(--studio-black)!important}.notification button{background:none;border:none;cursor:pointer;flex-shrink:0;opacity:.5;padding:4px;transition:all .3s}.notification button:active{transform:scale(.9)}.empty-container,.loading-container{align-items:center;color:#1a1a1a!important;color:var(--studio-black)!important;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.empty-container svg,.loading-container svg{color:#1a1a1a!important;color:var(--studio-black)!important;margin-bottom:16px}.empty-container p,.loading-container p{font-size:.95rem;font-weight:600;opacity:.6}.empty-container h2,.empty-container p,.loading-container p{color:#1a1a1a!important;color:var(--studio-black)!important;text-align:center}.empty-container h2{font-size:1.4rem;font-weight:800;margin-bottom:8px}.empty-sessions,.loading-sessions{align-items:center;color:#1a1a1a!important;color:var(--studio-black)!important;display:flex;flex-direction:column;justify-content:center;opacity:.4;padding:50px 20px}.empty-sessions svg,.loading-sessions svg{margin-bottom:12px}.empty-sessions p{font-size:.95rem;font-weight:600}.empty-sessions p,.empty-state-small{color:#1a1a1a!important;color:var(--studio-black)!important}.empty-state-small{align-items:center;display:flex;flex-direction:column;opacity:.4;padding:35px 20px}.empty-state-small svg{margin-bottom:12px}.empty-state-small p{color:#1a1a1a!important;color:var(--studio-black)!important;font-size:.9rem;font-weight:600}@media (min-width:640px){.bot-settings-btn span,.btn-primary-small span,.btn-secondary span,.settings-tab span{display:inline}.settings-modal,.studio-container{padding:30px 24px 100px}.chat-card{padding:24px}.sessions-grid{gap:15px}}@media (min-width:1024px){.studio-container{max-width:1400px;padding:60px 50px 80px}.settings-modal{max-width:1200px;padding:50px 40px 80px}.settings-content{padding:35px}.studio-header{margin-bottom:20px}.studio-title{font-size:clamp(2.5rem,4vw,3.5rem)}.bot-settings-btn{font-size:.85rem;padding:12px 24px}.sessions-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.chat-card:hover{border-color:#e87a5d;border-color:var(--studio-coral);box-shadow:0 8px 30px #e87a5d26;transform:translateY(-3px)}.form-grid{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:repeat(5,1fr)}.bot-settings-btn:hover,.btn-add:hover,.btn-primary-small:hover,.btn-secondary:hover,.btn-send:hover,.btn-update-personality:hover,.filter-btn:hover,.settings-tab:hover{opacity:.9}.back-btn:hover,.close-btn:hover,.icon-btn-danger:hover,.icon-btn:hover,.notification button:hover{opacity:1}}@media (min-width:1440px){.studio-container{max-width:1600px;padding:80px 70px 100px}.settings-modal{max-width:1400px;padding:60px 50px 100px}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}:root{--bg-primary:#0a0a0a;--bg-secondary:#ffffff0d;--bg-glass:#ffffff14;--border-color:#ffffff1a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#888;--accent-cyan:#000;--accent-magenta:#ff0080;--accent-yellow:#ff0;--gradient-primary:linear-gradient(135deg,#fffbfb,#01052d 50%,#fff);--gradient-secondary:linear-gradient(135deg,#ff0080,#ff6b35);--gradient-tertiary:linear-gradient(135deg,#00f5ff,#0080ff);--shadow-glow:0 0 40px #00f5ff4d;--shadow-card:0 20px 60px #0006}body{background:#0a0a0a;background:var(--bg-primary);background-image:radial-gradient(circle at 15% 15%,#1a1a2e 0,#0000 50%),radial-gradient(circle at 85% 85%,#16213e 0,#0000 50%),radial-gradient(circle at 50% 10%,#0f3460 0,#0000 50%),linear-gradient(135deg,#00f5ff05,#ff008005);font-family:Inter,sans-serif;min-height:100vh;position:relative}body:before{animation:backgroundFlow 20s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#00ffff05 50%,#0000 60%),linear-gradient(-45deg,#0000 40%,#ff00ff05 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.dark{--bg-primary:#0a0a0a;--bg-secondary:#ffffff0d;--text-primary:#fff;--text-secondary:#b0b0b0}.min-h-screen{min-height:100vh}.bg-gray-50{background:#fafafa}.dark .bg-gray-900{background:#0a0a0a;background:var(--bg-primary)}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;background:var(--bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;position:relative;z-index:10}header:before{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#fffbfb,#01052d 50%,#fff);background:var(--gradient-primary);background-size:200% 200%;content:"";height:2px;left:0;position:absolute;right:0;top:0}.logo-section{gap:1rem}.logo-icon{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbfb,#01052d 50%,#fff);background:var(--gradient-primary);border-radius:1rem;height:3rem;overflow:hidden;position:relative;width:3rem}.logo-icon:before{animation:rotate 3s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.logo-text h1{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#fffbfb,#01052d 50%,#fff);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.8rem;font-weight:900;margin-bottom:.25rem}.logo-text p{color:#b0b0b0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.header-actions{gap:.75rem}.header-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.75rem;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.header-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-btn:hover:before{left:100%}.header-btn:hover{background:#ffffff26;border-color:#000;border-color:var(--accent-cyan);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.main-container{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:2}.generation-interface{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1.5rem;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.generation-interface:before{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#00f5ff08,#0000,#ff008008,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.generation-interface>*{position:relative;z-index:2}.prompt-section{margin-bottom:2rem}.prompt-label{color:#fff;color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.prompt-container{position:relative}.prompt-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1rem;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:1.5rem 4rem 1.5rem 1.5rem;resize:none;transition:all .3s ease;width:100%}.prompt-textarea::placeholder{color:#888;color:var(--text-muted)}.prompt-textarea:focus{background:#ffffff1f;border-color:#000;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00f5ff33;outline:none}.prompt-btn{align-items:center;background:linear-gradient(135deg,#00f5ff,#0080ff);background:var(--gradient-tertiary);border:none;border-radius:.75rem;bottom:.75rem;color:#fff;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:.75rem;position:absolute;position:relative;right:.75rem;transition:all .3s ease}.prompt-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.prompt-btn:hover:before{left:100%}.prompt-btn:hover{box-shadow:0 10px 30px #00f5ff66;transform:translateY(-2px)}.prompt-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.settings-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.setting-group{display:flex;flex-direction:column}.setting-label{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.setting-label,.setting-select{color:#fff;color:var(--text-primary)}.setting-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.setting-select:focus{border-color:#000;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00f5ff33;outline:none}.setting-select option{background:#1a1a2e;color:#fff;color:var(--text-primary);padding:.5rem}.generate-btn{align-items:center;background:linear-gradient(135deg,#ff0080,#ff6b35);background:var(--gradient-secondary);border:none;border-radius:1rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1.5rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.generate-btn:hover:before{left:100%}.generate-btn:hover{box-shadow:0 20px 60px #ff008066;transform:translateY(-3px)}.generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.sample-prompts{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1.5rem;margin-top:2rem;padding:2rem}.sample-prompts h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.sample-prompts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sample-prompt-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.75rem;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;line-height:1.5;padding:1rem;text-align:left;transition:all .3s ease}.sample-prompt-btn:hover{background:#ffffff1f;border-color:#000;border-color:var(--accent-cyan);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.gallery-section{margin-bottom:3rem}.gallery-header{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:2rem;font-weight:800;gap:.75rem;margin-bottom:2rem}.images-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.image-card{group:hover;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.image-card:before{background:linear-gradient(135deg,#fffbfb,#01052d 50%,#fff);background:var(--gradient-primary);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.image-card:hover:before{left:100%}.image-card:hover{background:#ffffff1a;border-color:#000;border-color:var(--accent-cyan);box-shadow:0 20px 60px #0006,0 0 40px #00f5ff33;box-shadow:var(--shadow-card),0 0 40px #00f5ff33;transform:translateY(-10px) scale(1.02)}.image-container{aspect-ratio:1;overflow:hidden;position:relative}.image-container img{cursor:pointer;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.image-card:hover .image-container img{transform:scale(1.05)}.image-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;gap:.75rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.image-card:hover .image-overlay{opacity:1}.overlay-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.overlay-btn:hover{background:#ffffff4d}.overlay-btn.favorite.active{background:#ff00804d;border-color:#ff008080;color:#ff0080}.overlay-btn.delete:hover{background:#ff00004d;border-color:#ff000080;color:#f44}.image-info{padding:1.5rem}.image-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b0b0b0;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.image-meta{align-items:center;color:#888;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between}.style-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.loading-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1.5rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.loading-container:before{animation:rotate 3s linear infinite;background:conic-gradient(from 0deg,#0000,#00f5ff0d,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.loading-spinner{border:4px solid #00f5ff33;border-top-color:#000;border-top:4px solid var(--accent-cyan);height:3rem;margin:0 auto 1.5rem;width:3rem}.loading-title{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:.75rem;position:relative;z-index:2}.loading-subtitle{color:#b0b0b0;color:var(--text-secondary);font-size:1rem;position:relative;z-index:2}.modal-overlay{inset:0}.modal-container{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0a0a0af2;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1.5rem;max-width:60rem;position:relative}.modal-header{border-bottom:1px solid var(--border-color)}.modal-title{color:#fff;color:var(--text-primary);font-size:1.3rem}.modal-subtitle{font-size:.9rem;margin-top:.25rem}.modal-close,.modal-subtitle{color:#b0b0b0;color:var(--text-secondary)}.modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);height:2.5rem;width:2.5rem}.modal-close:hover{background:#ff008033;border-color:#ff008080;color:#ff0080}.modal-image{border-radius:.75rem;margin-bottom:1.5rem;max-height:24rem;object-fit:contain;width:100%}.modal-info{space-y:1.5rem}.info-group{margin-bottom:1.5rem}.info-label{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.info-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.75rem;color:#b0b0b0;color:var(--text-secondary);line-height:1.6;padding:1rem}.modal-btn{flex:1 1;font-size:1rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.modal-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modal-btn:hover:before{left:100%}.modal-btn.download{background:linear-gradient(135deg,#00f5ff,#0080ff);background:var(--gradient-tertiary);color:#fff}.modal-btn.recreate{background:linear-gradient(135deg,#ff0080,#ff6b35);background:var(--gradient-secondary);color:#fff}.modal-btn:hover{transform:translateY(-2px)}.modal-btn.download:hover{box-shadow:0 10px 30px #00f5ff66}.modal-btn.recreate:hover{box-shadow:0 10px 30px #ff008066}@media (max-width:1024px){.main-container{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.images-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){header{padding:1rem}.header-content{flex-direction:column;gap:1rem}.main-container{padding:1rem}.generation-interface{padding:1.5rem}.images-grid,.sample-prompts-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.gallery-header,.logo-text h1{font-size:1.5rem}}@media (max-width:480px){.main-container{padding:.75rem}.generation-interface,.modal-content,.modal-overlay,.sample-prompts{padding:1rem}}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#00f5ff4d}::-webkit-scrollbar-thumb:hover{background:#00f5ff80}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.animate-spin{animation:spin 1s linear infinite}.space-y-3>*+*{margin-top:.75rem}:focus-visible{outline:2px solid #000;outline:2px solid var(--accent-cyan)}.hiring-container{background:#0a0a0a;background-image:radial-gradient(circle at 20% 20%,#1a1a2e 0,#0000 50%),radial-gradient(circle at 80% 80%,#16213e 0,#0000 50%),radial-gradient(circle at 50% 10%,#0f3460 0,#0000 50%),linear-gradient(135deg,#00f5ff05,#ff008005);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.hiring-container:before{animation:backgroundFlow 15s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#00ffff05 50%,#0000 60%),linear-gradient(-45deg,#0000 40%,#ff00ff05 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundFlow{0%,to{opacity:.3;transform:translateX(0)}50%{opacity:1;transform:translateX(-10px)}}.hiring-header{margin-bottom:3rem;position:relative;text-align:center;z-index:2}.hiring-header h1{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#00f5ff,#ff0080 50%,#ff0);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;margin-bottom:1rem;text-shadow:0 0 40px #00f5ff66}.hiring-header p{color:#b0b0b0;font-size:1.4rem;font-weight:400;margin-bottom:2.5rem}.tab-navigation{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.tab-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#b0b0b0;font-size:1rem;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tab-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:#ffffff1a;border-color:#00f5ff4d;color:#fff;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#00f5ff,#ff0080);border-color:#0000;box-shadow:0 8px 32px #00f5ff4d}.search-filters{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto 3rem;max-width:1200px;overflow:hidden;padding:2rem;position:relative}.search-filters:before{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#00f5ff0d,#0000,#ff00800d,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.search-bar{margin-bottom:1.5rem;position:relative;z-index:2}.search-bar i{color:#00f5ff;font-size:1.1rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;color:#fff;font-size:1.1rem;font-weight:500;padding:1.2rem 1.5rem 1.2rem 3.5rem;transition:all .3s ease;width:100%}.search-bar input::placeholder{color:#888}.search-bar input:focus{background:#ffffff1f;border-color:#00f5ff;box-shadow:0 0 0 3px #00f5ff33;outline:none}.filters{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));position:relative;z-index:2}.filters select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.filters select:focus{border-color:#00f5ff;box-shadow:0 0 0 2px #00f5ff33;outline:none}.filters select option{background:#1a1a2e;color:#fff;padding:.5rem}.jobs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin:0 auto;max-width:1400px;position:relative;z-index:2}.job-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.job-card:before{background:linear-gradient(90deg,#0000,#00f5ff,#ff0080,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.job-card:hover:before{left:100%}.job-card:hover{background:#ffffff1a;border-color:#00f5ff4d;box-shadow:0 20px 60px #0006,0 0 40px #00f5ff26;transform:translateY(-10px) scale(1.02)}.job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.job-title-company h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.job-title-company .company{color:#00f5ff;font-size:1.1rem;font-weight:500}.job-type-badge{background:linear-gradient(135deg,#ff0080,#ff6b35);border-radius:20px;box-shadow:0 4px 15px #ff00804d;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.job-details{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.detail-item{align-items:center;color:#b0b0b0;font-size:.9rem;gap:.5rem}.detail-item i{color:#00f5ff;width:16px}.job-description{color:#d0d0d0;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.job-requirements h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.8rem}.requirements-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.requirement-tag{background:#00f5ff1a;border:1px solid #00f5ff4d;border-radius:12px;color:#00f5ff;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.job-actions{gap:1rem;justify-content:space-between}.apply-btn,.job-actions{align-items:center;display:flex}.apply-btn{background:linear-gradient(135deg,#00f5ff,#0080ff);border:none;border-radius:15px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.apply-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.apply-btn:hover:before{left:100%}.apply-btn:hover{box-shadow:0 10px 30px #00f5ff66;transform:translateY(-2px)}.save-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;padding:1rem;transition:all .3s ease}.save-btn:hover{background:#fff3;color:#ff0080}.applications-section,.manage-jobs-section,.post-job-section{margin:0 auto;max-width:1200px;position:relative;z-index:2}.post-job-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:3rem;position:relative;text-align:center}.post-job-content:before{animation:rotate 25s linear infinite;background:conic-gradient(from 45deg,#0000,#ff008008,#0000,#00f5ff08,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.post-job-content h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:2}.post-job-content p{color:#b0b0b0;font-size:1.2rem}.post-job-content p,.posting-stats{margin-bottom:3rem;position:relative;z-index:2}.posting-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;padding:2rem;text-align:center}.stat-card:hover{background:#ffffff1f;border-color:#00f5ff4d;transform:translateY(-5px)}.stat-card i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f5ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.stat-card h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card p{color:#b0b0b0;font-size:1rem;margin:0}.create-job-btn{align-items:center;background:linear-gradient(135deg,#ff0080,#ff6b35);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:.75rem;overflow:hidden;padding:1.5rem 3rem;position:relative;transition:all .3s ease;z-index:2}.create-job-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.create-job-btn:hover:before{left:100%}.create-job-btn:hover{box-shadow:0 15px 40px #ff008066;transform:translateY(-3px)}.applications-section h2,.manage-jobs-section h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.empty-manage-state,.empty-state{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:4rem 2rem;text-align:center}.empty-manage-state i,.empty-state i{color:#666;font-size:4rem;margin-bottom:2rem}.empty-manage-state h3,.empty-state h3{color:#fff;font-size:1.8rem;margin-bottom:1rem}.empty-manage-state p,.empty-state p{color:#b0b0b0;font-size:1.1rem;margin-bottom:2rem}.browse-jobs-btn,.create-first-job-btn{background:linear-gradient(135deg,#00f5ff,#0080ff);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.browse-jobs-btn:hover,.create-first-job-btn:hover{box-shadow:0 10px 30px #00f5ff66;transform:translateY(-2px)}.applications-list,.manage-jobs-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.application-card,.manage-job-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s ease}.application-card:hover,.manage-job-card:hover{background:#ffffff1a;border-color:#00f5ff4d;transform:translateY(-5px)}.application-header,.manage-job-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.application-header h3,.manage-job-info h3{color:#fff;font-size:1.3rem;font-weight:700}.status-badge{border-radius:15px;padding:.4rem 1rem}.status-badge.pending{background:#ffc10733;border:1px solid #ffc10780;color:#ffc107}.status-badge.accepted{background:#28a74533;border:1px solid #28a74580;color:#28a745}.status-badge.rejected{background:#dc354533;border:1px solid #dc354580;color:#dc3545}.applied-date,.company-name{color:#b0b0b0;font-size:1rem;margin-bottom:.5rem}.application-actions,.manage-job-actions{display:flex;gap:1rem;margin-top:1.5rem}.applications-btn,.edit-btn,.message-btn,.pause-btn,.view-application-btn,.view-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.applications-btn:hover,.edit-btn:hover,.view-application-btn:hover,.view-btn:hover{background:#00f5ff33;border-color:#00f5ff80;color:#00f5ff}.message-btn:hover,.pause-btn:hover{background:#ff008033;border-color:#ff008080;color:#ff0080}.manage-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:2rem}.manage-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:3rem}.stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:1.5rem}.stat-item:hover{background:#ffffff1f;transform:translateY(-3px)}.stat-item h3{color:#00f5ff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-item p{color:#b0b0b0;font-size:.9rem}.job-metrics{color:#888;display:flex;font-size:.9rem;gap:1rem;margin:.5rem 0}.job-metrics span{background:#ffffff0d;border-radius:8px;padding:.2rem .5rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;padding:2rem}.application-modal,.post-job-modal{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0a0a0af2;border:1px solid #ffffff26;border-radius:24px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1rem}.modal-header h2{color:#fff;font-size:1.8rem}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ff008033;border-color:#ff008080;color:#ff0080}.modal-content{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff1f;border-color:#00f5ff;box-shadow:0 0 0 3px #00f5ff33}.form-row{grid-gap:1rem;gap:1rem}.file-upload{border:2px dashed #fff3;border-radius:12px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.file-upload:hover{background:#00f5ff0d;border-color:#00f5ff80}.file-upload input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload span{color:#b0b0b0;font-size:.9rem}.modal-actions{margin-top:2rem}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;padding:1rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:#ff008033;border-color:#ff008080;color:#ff0080}:root{--primary-orange:#f90;--primary-orange-dark:#f60;--primary-orange-light:#ffb84d;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-hover:#f0f1f3;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--transition-base:0.3s ease;--transition-slow:0.5s ease}.dark{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#0f172a;--bg-hover:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-light:#374151;--border-medium:#4b5563;--border-dark:#6b7280}.happenings-user-container{background:#f9fafb;background:var(--bg-secondary);margin:0 auto;max-width:1400px;min-height:100vh;padding:48px 24px;padding:var(--spacing-3xl) var(--spacing-xl)}.toast-notification-user{align-items:center;animation:slideInRight .3s ease;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);display:flex;font-size:14px;font-weight:600;gap:8px;max-width:400px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.happenings-user-header{animation:fadeInUp .5s ease;background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:32px;padding:var(--spacing-2xl)}.dark .happenings-user-header{box-shadow:0 4px 12px #0000004d}.header-content-user{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.header-content-user,.header-title-user{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg)}.header-title-user svg{color:#f90;color:var(--primary-orange);flex-shrink:0}.header-title-user h1{color:#111827;color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin:0 0 4px}.header-title-user p{color:#6b7280;color:var(--text-secondary);font-size:14px;margin:0}.btn-create-happening{align-items:center;background:linear-gradient(135deg,#f90,#f60);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #ff99004d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:12px 24px;transition:all .3s ease;transition:all var(--transition-base);white-space:nowrap}.btn-create-happening:hover{box-shadow:0 6px 20px #f906;transform:translateY(-2px)}.btn-create-happening:active{transform:translateY(0)}.stats-row-user{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item-user{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--spacing-lg);padding:24px;padding:var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-base)}.dark .stat-item-user{background:#f3f4f6;background:var(--bg-tertiary)}.stat-item-user:hover{border-color:#f90;border-color:var(--primary-orange);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-item-user svg{color:#f90;color:var(--primary-orange);flex-shrink:0}.stat-item-user h3{color:#111827;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1;margin:0 0 4px}.stat-item-user p{color:#6b7280;color:var(--text-secondary);font-size:13px;margin:0}.create-form-section{animation:fadeInUp .5s ease;margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.create-form-card{background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-2xl)}.dark .create-form-card{box-shadow:0 4px 12px #0000004d}.create-form-card h2{color:#111827;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 24px;margin:0 0 var(--spacing-xl) 0}.form-group-user{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.form-group-user label{color:#111827;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.required{color:#ef4444}.form-group-user input,.form-group-user select,.form-group-user textarea{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease;transition:all var(--transition-base);width:100%}.dark .form-group-user input,.dark .form-group-user select,.dark .form-group-user textarea{background:#f3f4f6;background:var(--bg-tertiary)}.form-group-user input:focus,.form-group-user select:focus,.form-group-user textarea:focus{border-color:#f90;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff99001a;outline:none}.form-group-user textarea{line-height:1.6;min-height:120px;resize:vertical}.form-group-user select{cursor:pointer}.form-group-user select:disabled{cursor:not-allowed;opacity:.6}.char-counter-user{color:#6b7280;color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.form-row-user{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-upload-section{margin-top:8px;margin-top:var(--spacing-sm)}.image-preview-container{border-radius:12px;border-radius:var(--radius-lg);max-height:400px;max-width:100%;overflow:hidden;position:relative}.image-preview-container img{display:block;height:auto;object-fit:cover;width:100%}.btn-remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;transition:all var(--transition-base);width:36px}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.image-upload-placeholder{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px dashed #d1d5db;border:2px dashed var(--border-medium);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--spacing-3xl);transition:all .3s ease;transition:all var(--transition-base)}.dark .image-upload-placeholder{background:#f3f4f6;background:var(--bg-tertiary)}.image-upload-placeholder:hover{background:#f0f1f3;background:var(--bg-hover);border-color:#f90;border-color:var(--primary-orange)}.image-upload-placeholder svg{color:#9ca3af;color:var(--text-tertiary);margin-bottom:12px;margin-bottom:var(--spacing-md)}.image-upload-placeholder p{color:#111827;color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.image-upload-placeholder span{color:#6b7280;color:var(--text-secondary);font-size:13px}.info-box-user{align-items:flex-start;background:#dbeafe;border:2px solid #3b82f6;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:16px;padding:var(--spacing-lg)}.dark .info-box-user{background:#1e3a8a;border-color:#60a5fa}.info-box-user svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.dark .info-box-user svg{color:#93c5fd}.info-box-user p{color:#1e40af;font-size:14px;line-height:1.5;margin:0}.dark .info-box-user p{color:#93c5fd}.form-actions-user{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);display:flex;gap:12px;gap:var(--spacing-md);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-xl);padding-top:24px;padding-top:var(--spacing-xl)}.btn-secondary-user{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:12px 24px;transition:all .3s ease;transition:all var(--transition-base)}.btn-secondary-user:hover{background:#f0f1f3;background:var(--bg-hover);border-color:#d1d5db;border-color:var(--border-medium)}.btn-primary-user{align-items:center;background:linear-gradient(135deg,#f90,#f60);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #ff99004d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:12px 24px;transition:all .3s ease;transition:all var(--transition-base)}.btn-primary-user:hover{box-shadow:0 6px 20px #f906;transform:translateY(-2px)}.btn-primary-user:disabled{cursor:not-allowed;opacity:.6;transform:none}.filters-tabs-section{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.tabs-user{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:8px;padding:var(--spacing-sm)}.dark .tabs-user{box-shadow:0 2px 8px #0000004d}.tab-btn-user{background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;transition:all var(--transition-base);white-space:nowrap}.tab-btn-user:hover{background:#f9fafb;background:var(--bg-secondary);color:#111827;color:var(--text-primary)}.tab-btn-user.active{background:linear-gradient(135deg,#f90,#f60);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);box-shadow:0 4px 12px #ff99004d;color:#fff}.search-filters-user{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-lg)}.dark .search-filters-user{box-shadow:0 2px 8px #0000004d}.search-bar-user{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);display:flex;flex:1 1;gap:12px;gap:var(--spacing-md);min-width:250px;padding:12px 16px;transition:all .3s ease;transition:all var(--transition-base)}.dark .search-bar-user{background:#f3f4f6;background:var(--bg-tertiary)}.search-bar-user:focus-within{border-color:#f90;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff99001a}.search-bar-user svg{color:#6b7280;color:var(--text-secondary);flex-shrink:0}.search-bar-user input{background:#0000;border:none;color:#111827;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.search-bar-user input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.filter-select-user{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:150px;padding:12px 16px;transition:all .3s ease;transition:all var(--transition-base)}.dark .filter-select-user{background:#f3f4f6;background:var(--bg-tertiary)}.filter-select-user:hover{border-color:#d1d5db;border-color:var(--border-medium)}.filter-select-user:focus{border-color:#f90;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff99001a;outline:none}.filter-select-user:disabled{cursor:not-allowed;opacity:.5}.btn-refresh-user{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;transition:all var(--transition-base);width:48px}.dark .btn-refresh-user{background:#f3f4f6;background:var(--bg-tertiary)}.btn-refresh-user:hover{border-color:#f90;border-color:var(--primary-orange);color:#f90;color:var(--primary-orange);transform:rotate(180deg)}.happenings-list-user{min-height:400px}.loading-state-user{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state-user svg{color:#f90;color:var(--primary-orange);margin-bottom:16px;margin-bottom:var(--spacing-lg)}.loading-state-user p{font-size:16px;font-weight:600}.empty-state-user{align-items:center;background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.dark .empty-state-user{box-shadow:0 2px 8px #0000004d}.empty-state-user svg{color:#d1d5db;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.dark .empty-state-user svg{color:#4b5563}.empty-state-user h3{color:#111827;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.empty-state-user p{color:#6b7280;color:var(--text-secondary);font-size:16px;margin:0 0 24px;margin:0 0 var(--spacing-xl) 0}.happenings-grid-user{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.happening-card-user{animation:fadeInUp .5s ease both;background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:24px;padding:var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-base)}.dark .happening-card-user{box-shadow:0 4px 12px #0000004d}.happening-card-user:hover{border-color:#f90;border-color:var(--primary-orange);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.happening-header-user{align-items:flex-start;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.happening-author,.happening-header-user{display:flex;gap:12px;gap:var(--spacing-md)}.happening-author{align-items:center;flex:1 1;min-width:0}.author-avatar{background:linear-gradient(135deg,#f90,#f60);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-dark) 100%);border:3px solid #e5e7eb;border:3px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#fff}.author-info{flex:1 1;min-width:0}.author-info h4{color:#111827;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.happening-meta-info{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:4px}.happening-meta-info svg{flex-shrink:0}.separator{margin:0 4px}.happening-owner-actions{display:flex;flex-shrink:0;gap:8px;gap:var(--spacing-sm)}.btn-icon-tiny{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.dark .btn-icon-tiny{background:#f3f4f6;background:var(--bg-tertiary)}.btn-icon-tiny:hover{background:#f0f1f3;background:var(--bg-hover);transform:scale(1.1)}.btn-icon-tiny.btn-danger:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.dark .btn-icon-tiny.btn-danger:hover{background:#7f1d1d;color:#fca5a5}.happening-business-badge{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#111827;color:var(--text-primary);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px;margin-bottom:var(--spacing-md);padding:6px 12px}.dark .happening-business-badge{background:#f3f4f6;background:var(--bg-tertiary)}.happening-business-badge img{border-radius:50%;height:20px;object-fit:cover;width:20px}.happening-business-badge svg{color:#f90;color:var(--primary-orange)}.happening-message-user{word-wrap:break-word;color:#111827;color:var(--text-primary);font-size:15px;line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-lg);white-space:pre-wrap}.happening-image-container{border-radius:12px;border-radius:var(--radius-lg);margin-bottom:16px;margin-bottom:var(--spacing-lg);max-height:400px;overflow:hidden;width:100%}.happening-image-container img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;transition:transform var(--transition-slow);width:100%}.happening-card-user:hover .happening-image-container img{transform:scale(1.05)}.happening-footer-user{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);padding-top:16px;padding-top:var(--spacing-lg)}.happening-stats{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg);margin-bottom:12px;margin-bottom:var(--spacing-md)}.happening-stats span{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:4px}.happening-stats svg{color:#9ca3af;color:var(--text-tertiary)}.happening-actions-user{display:flex;gap:12px;gap:var(--spacing-md)}.action-btn{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;color:#111827;color:var(--text-primary);flex:1 1;font-size:14px;gap:6px;padding:10px 16px;transition:all .3s ease;transition:all var(--transition-base)}.dark .action-btn{background:#f3f4f6;background:var(--bg-tertiary)}.action-btn:hover{background:#f0f1f3;background:var(--bg-hover);border-color:#f90;border-color:var(--primary-orange);color:#f90;color:var(--primary-orange)}.action-btn svg{flex-shrink:0}.expiration-warning{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fef3c7;border:2px solid #f59e0b;border-radius:10px;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:13px;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-lg);padding:12px;padding:var(--spacing-md)}.dark .expiration-warning{background:#78350f;border-color:#fbbf24;color:#fde68a}.expiration-warning svg{color:#f59e0b;flex-shrink:0}.dark .expiration-warning svg{color:#fbbf24}.info-footer-user{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);margin-top:48px;margin-top:var(--spacing-3xl);padding-top:32px;padding-top:var(--spacing-2xl)}.info-card-user{animation:fadeInUp .5s ease;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid #3b82f6;border-radius:16px;border-radius:var(--radius-xl);display:flex;gap:24px;gap:var(--spacing-xl);padding:32px;padding:var(--spacing-2xl)}.dark .info-card-user{background:linear-gradient(135deg,#1e3a8a,#312e81);border-color:#60a5fa}.info-card-user svg{color:#3b82f6;flex-shrink:0;margin-top:4px}.dark .info-card-user svg{color:#93c5fd}.info-card-user h4{color:#1e40af;font-size:18px;font-weight:700;margin:0 0 12px;margin:0 0 var(--spacing-md) 0}.dark .info-card-user h4{color:#93c5fd}.info-card-user ul{color:#1e40af;margin:0;padding-left:20px}.dark .info-card-user ul{color:#bfdbfe}.info-card-user li{font-size:14px;line-height:1.8;margin-bottom:8px;margin-bottom:var(--spacing-sm)}@media (max-width:1400px){.happenings-grid-user{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1200px){.happenings-grid-user{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:1024px){.happenings-user-container{padding:24px 16px;padding:var(--spacing-xl) var(--spacing-lg)}.create-form-card,.happenings-user-header,.search-filters-user{padding:24px;padding:var(--spacing-xl)}.header-title-user h1{font-size:28px}.stats-row-user{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.happenings-grid-user{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.happenings-user-container{padding:16px 12px;padding:var(--spacing-lg) var(--spacing-md)}.happenings-user-header{padding:24px 16px;padding:var(--spacing-xl) var(--spacing-lg)}.header-content-user,.header-title-user{align-items:flex-start;flex-direction:column}.header-title-user{gap:12px;gap:var(--spacing-md)}.header-title-user svg{height:32px;width:32px}.header-title-user h1{font-size:24px}.btn-create-happening{justify-content:center;width:100%}.stats-row-user{grid-template-columns:1fr}.create-form-card{padding:24px 16px;padding:var(--spacing-xl) var(--spacing-lg)}.form-row-user{grid-template-columns:1fr}.form-actions-user{flex-direction:column}.form-actions-user button{justify-content:center;width:100%}.tabs-user{flex-direction:column}.tab-btn-user{width:100%}.search-filters-user{flex-direction:column;padding:16px;padding:var(--spacing-lg)}.search-bar-user{min-width:0;width:100%}.btn-refresh-user,.filter-select-user{width:100%}.happenings-grid-user{grid-template-columns:1fr}.happening-header-user{flex-wrap:wrap}.happening-footer-user{flex-direction:column;gap:12px;gap:var(--spacing-md)}.happening-actions-user{width:100%}.action-btn{font-size:13px;padding:8px 12px}.info-card-user{flex-direction:column;padding:24px;padding:var(--spacing-xl)}}@media (max-width:480px){.happenings-user-container{padding:12px 8px;padding:var(--spacing-md) var(--spacing-sm)}.happenings-user-header{padding:16px 12px;padding:var(--spacing-lg) var(--spacing-md)}.header-title-user h1{font-size:20px}.header-title-user p{font-size:13px}.stat-item-user{padding:16px;padding:var(--spacing-lg)}.stat-item-user svg{height:20px;width:20px}.stat-item-user h3{font-size:24px}.stat-item-user p{font-size:12px}.create-form-card{padding:16px 12px;padding:var(--spacing-lg) var(--spacing-md)}.create-form-card h2{font-size:20px}.form-group-user input,.form-group-user select,.form-group-user textarea{font-size:14px}.btn-create-happening,.btn-primary-user,.btn-secondary-user{font-size:14px;padding:10px 20px}.author-avatar{height:40px;width:40px}.author-info h4{font-size:14px}.happening-meta-info{font-size:12px}.happening-message-user{font-size:14px}.happening-business-badge{font-size:11px;padding:4px 10px}.happening-stats{font-size:12px;gap:12px;gap:var(--spacing-md)}.action-btn{font-size:12px;padding:8px 10px}.toast-notification-user{font-size:13px;left:10px;padding:12px 16px;right:10px;top:10px}.info-card-user{padding:16px;padding:var(--spacing-lg)}.info-card-user h4{font-size:16px}.info-card-user li{font-size:13px}}.action-btn:focus-visible,.btn-create-happening:focus-visible,.btn-icon-tiny:focus-visible,.btn-primary-user:focus-visible,.btn-refresh-user:focus-visible,.btn-secondary-user:focus-visible,.tab-btn-user:focus-visible{outline:3px solid #f90;outline:3px solid var(--primary-orange);outline-offset:2px}@media print{.btn-create-happening,.create-form-section,.filters-tabs-section,.happening-actions-user,.happening-owner-actions,.happenings-user-header button,.info-footer-user,.toast-notification-user{display:none!important}.happening-card-user{border:1px solid #e5e7eb;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.happenings-grid-user{gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.happenings-user-header{border:1px solid #e5e7eb;box-shadow:none}}.action-btn,.happening-card-user,.happening-image-container img,.stat-item-user{will-change:transform}.happening-message-user::-webkit-scrollbar,.happenings-list-user::-webkit-scrollbar{height:6px;width:6px}.happening-message-user::-webkit-scrollbar-track,.happenings-list-user::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-tertiary);border-radius:3px}.happening-message-user::-webkit-scrollbar-thumb,.happenings-list-user::-webkit-scrollbar-thumb{background:#f90;background:var(--primary-orange);border-radius:3px}.happening-message-user::-webkit-scrollbar-thumb:hover,.happenings-list-user::-webkit-scrollbar-thumb:hover{background:#f60;background:var(--primary-orange-dark)}.dark .create-form-card,.dark .empty-state-user,.dark .happening-card-user,.dark .happenings-user-header,.dark .search-filters-user,.dark .tabs-user{box-shadow:0 4px 12px #0000004d}.dark .happening-card-user:hover{box-shadow:0 8px 24px #0006}.mt-2{margin-top:8px;margin-top:var(--spacing-sm)}.mt-4{margin-top:16px;margin-top:var(--spacing-lg)}.mb-2{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.p-4{padding:16px;padding:var(--spacing-lg)}.gap-2{gap:8px;gap:var(--spacing-sm)}.gap-4{gap:16px;gap:var(--spacing-lg)}:root{--primary-gradient-start:#000;--primary-gradient-end:#000;--primary-black:#0f1111;--primary-white:#fff;--text-primary:#0f1111;--text-secondary:#565959;--text-tertiary:#888;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-cyan:#06b6d4;--bg-primary:#fff;--bg-secondary:#f7f8f9;--bg-tertiary:#eaeded;--bg-hover:#f3f3f3;--bg-gradient:linear-gradient(135deg,#000,#25004a);--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-xs:0 1px 2px #0f11110d;--shadow-sm:0 1px 3px #0f111114;--shadow-md:0 4px 6px -1px #0f11111f;--shadow-lg:0 10px 15px -3px #0f111126;--shadow-xl:0 20px 25px -5px #0f11112e;--shadow-2xl:0 25px 50px -12px #0f111140;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:500ms cubic-bezier(0.4,0,0.2,1);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-xs:0.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-popover:500;--z-tooltip:600}@media (prefers-color-scheme:dark){.km-container{--primary-black:#fff;--primary-white:#0f1111;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--bg-primary:#1a1a1a;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-hover:#334155;--border-light:#334155;--border-medium:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f8f9;background-color:var(--bg-secondary);color:#0f1111;font-family:var(--font-sans)}.km-edit-input,.km-input,.km-search-input{background:#fff!important;border:2px solid #d1d5db!important;color:#000!important}.km-edit-input:hover,.km-input:hover,.km-search-input:hover{border-color:#9ca3af!important}.km-edit-input:focus,.km-input:focus,.km-search-input:focus{background:#f9fafb!important;border-color:#000!important;box-shadow:0 0 0 4px #0000001a!important;color:#000!important}.km-edit-input::placeholder,.km-input::placeholder,.km-search-input::placeholder{color:#9ca3af!important}button{background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}button,input,select,textarea{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%}.km-container{background:linear-gradient(135deg,#000,#25004a);background:var(--bg-gradient);min-height:100vh;overflow-x:hidden;padding:2rem;padding:var(--spacing-xl);position:relative}.km-container:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.6}}.km-header{align-items:center;animation:slideDown .6s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0f11112e;box-shadow:var(--shadow-xl);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;z-index:1;z-index:var(--z-base)}.km-header:before{animation:shimmerSlide 3s infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmerSlide{0%{left:-100%}to{left:200%}}.km-header-content{gap:1.5rem;gap:var(--spacing-lg);z-index:1;z-index:var(--z-base)}.km-header-content,.km-header-icon{align-items:center;display:flex;position:relative}.km-header-icon{animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0f111126,0 0 30px #3b82f64d;box-shadow:var(--shadow-lg),0 0 30px #3b82f64d;color:#fff;height:72px;justify-content:center;overflow:hidden;width:72px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}}.km-header-icon:before{animation:iconGlow 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes iconGlow{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.km-header-text h1{-webkit-text-fill-color:#0000;animation:textGradient 3s ease infinite;background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-background-clip:text;background-clip:text;color:#0f1111;color:var(--text-primary);font-size:2.25rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}@keyframes textGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.km-header-text p{color:#565959;color:var(--text-secondary);font-size:1rem;font-weight:400;letter-spacing:-.01em}.km-header-actions{z-index:1;z-index:var(--z-base)}.km-alert,.km-header-actions{display:flex;gap:1rem;gap:var(--spacing-md);position:relative}.km-alert{align-items:center;animation:alertSlideIn .4s cubic-bezier(.4,0,.2,1);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0f111126;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.km-alert:before{animation:alertPulse 2s ease-in-out infinite;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.5}}.km-alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-left:4px solid var(--accent-red);color:#ef4444;color:var(--accent-red)}.km-alert-error:before{background:#ef4444;background:var(--accent-red)}.km-alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;border-left:4px solid var(--accent-green);color:#10b981;color:var(--accent-green)}.km-alert-success:before{background:#10b981;background:var(--accent-green)}.km-alert-close{align-items:center;background:#0000000d;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:.25rem;padding:var(--spacing-xs);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.km-alert-close:hover{background:#00000026;transform:scale(1.1) rotate(90deg)}.km-main{grid-gap:2rem;grid-gap:var(--spacing-xl);align-items:start;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:340px 1fr}.km-sidebar{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:2rem;top:var(--spacing-xl)}.km-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0f11111f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.km-card:before{background:linear-gradient(90deg,#000,#000);background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.km-card:hover{border-color:#3b82f64d;box-shadow:0 20px 25px -5px #0f11112e;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.km-card:hover:before{opacity:1}.km-card-header{align-items:center;color:#0f1111;color:var(--text-primary);display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.km-card-header h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.km-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--spacing-md) center;background-repeat:no-repeat;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f1111;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);padding-right:calc(1.5rem + 24px);padding-right:calc(var(--spacing-lg) + 24px);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.km-select:hover{box-shadow:0 0 0 3px #3b82f61a}.km-select:focus,.km-select:hover{border-color:#3b82f6;border-color:var(--accent-blue)}.km-select:focus{box-shadow:0 0 0 4px #3b82f626;outline:none}.km-store-category{margin-top:1rem;margin-top:var(--spacing-md)}.km-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:9999px;border-radius:var(--radius-full);color:#3b82f6;color:var(--accent-blue);display:inline-flex;font-size:.85rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.km-score-display{align-items:center;display:flex;flex-direction:column;padding:1.5rem 0;padding:var(--spacing-lg) 0;position:relative}.km-score-circle{animation:scoreRotate 20s linear infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));height:140px;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:140px}@keyframes scoreRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.km-score-circle circle{transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}.km-score-label{color:#565959;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.km-stats-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid}.km-stat-card,.km-stats-grid{gap:1rem;gap:var(--spacing-md)}.km-stat-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f111114;box-shadow:var(--shadow-sm);display:flex;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.km-stat-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.km-stat-card:hover{border-color:#3b82f64d;box-shadow:0 10px 15px -3px #0f111126;box-shadow:var(--shadow-lg);transform:translateX(6px)}.km-stat-card:hover:before{left:100%}.km-stat-icon{align-items:center;animation:iconBounce 2s ease-in-out infinite;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0f11111f;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.km-stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.km-stat-active{background:linear-gradient(135deg,#10b981,#059669)}.km-stat-inactive{background:linear-gradient(135deg,#f59e0b,#d97706)}.km-stat-content{flex:1 1;min-width:0}.km-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-background-clip:text;background-clip:text;color:#0f1111;color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.km-stat-label{color:#565959;color:var(--text-secondary);font-size:.875rem;font-weight:500}.km-recommendations{flex-direction:column;list-style:none}.km-recommendation,.km-recommendations{display:flex;gap:.5rem;gap:var(--spacing-sm)}.km-recommendation{align-items:center;animation:recommendationSlide .4s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid #f59e0b33;border-radius:.75rem;border-radius:var(--radius-lg);color:#f59e0b;color:var(--accent-amber);font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}@keyframes recommendationSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.km-recommendation-success{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b98133;color:#10b981;color:var(--accent-green)}.km-content{animation:slideInRight .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.km-tabs{background:#fff;background:var(--bg-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0f11111f;box-shadow:var(--shadow-md);display:flex;gap:.5rem;gap:var(--spacing-sm);overflow-x:auto;padding:.5rem;padding:var(--spacing-sm);position:relative;scrollbar-width:none}.km-tabs::-webkit-scrollbar{display:none}.km-tabs:before{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:1rem;border-radius:var(--radius-xl);bottom:.5rem;bottom:var(--spacing-sm);content:"";height:calc(100% - 1rem);height:calc(100% - var(--spacing-md));left:.5rem;left:var(--spacing-sm);position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:0;z-index:0}.km-tab{align-items:center;background:#0000;border:none;border-radius:1rem;border-radius:var(--radius-xl);color:#565959;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap;z-index:1;z-index:var(--z-base)}.km-tab:hover{background:#f7f8f9;background:var(--bg-secondary);color:#0f1111;color:var(--text-primary);transform:translateY(-2px)}.km-tab-active{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:0 4px 6px -1px #0f11111f,0 0 20px #3b82f64d;box-shadow:var(--shadow-md),0 0 20px #3b82f64d;color:#fff;transform:translateY(-2px)}.km-tab-content{animation:tabContentFade .4s ease;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}@keyframes tabContentFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.km-edit-input,.km-input,.km-search-input{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f1111;color:var(--text-primary);font-size:.95rem;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.km-edit-input:hover,.km-input:hover,.km-search-input:hover{border-color:#d1d5db;border-color:var(--border-medium)}.km-edit-input:focus,.km-input:focus,.km-search-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f626;outline:none;transform:translateY(-2px)}.km-textarea{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f1111;color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.6;min-height:200px;padding:1.5rem;padding:var(--spacing-lg);resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.km-textarea:hover{border-color:#d1d5db;border-color:var(--border-medium)}.km-textarea:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f626;outline:none}.km-add-form{display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.km-input-hint{align-items:center;background:linear-gradient(135deg,#f7f8f9,#eaeded);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-left:3px solid #3b82f6;border-left:3px solid var(--accent-blue);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.km-input-hint,.km-section-description{color:#565959;color:var(--text-secondary)}.km-section-description{font-size:.95rem;line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.km-btn-primary,.km-btn-secondary{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.01em;overflow:hidden;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.km-btn-primary:before,.km-btn-secondary:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.km-btn-primary:hover:before,.km-btn-secondary:hover:before{height:300px;width:300px}.km-btn-primary{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:0 4px 6px -1px #0f11111f,0 0 20px #3b82f64d;box-shadow:var(--shadow-md),0 0 20px #3b82f64d;color:#fff}.km-btn-primary:hover:not(:disabled){box-shadow:0 20px 25px -5px #0f11112e,0 0 30px #3b82f666;box-shadow:var(--shadow-xl),0 0 30px #3b82f666;transform:translateY(-3px)}.km-btn-primary:active{transform:translateY(-1px)}.km-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.km-btn-secondary{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-light);color:#0f1111;color:var(--text-primary)}.km-btn-secondary:hover:not(:disabled){background:#f7f8f9;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 6px -1px #0f11111f;box-shadow:var(--shadow-md);color:#3b82f6;color:var(--accent-blue);transform:translateY(-3px)}.km-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.km-search-box{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f111114;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--spacing-md);overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.km-search-box:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.km-search-box:focus-within{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 6px -1px #0f11111f,0 0 0 4px #3b82f626;box-shadow:var(--shadow-md),0 0 0 4px #3b82f626;transform:translateY(-2px)}.km-search-box:focus-within:before{left:100%}.km-search-input{background:#0000;border:none;flex:1 1;padding:0}.km-search-input:focus{box-shadow:none;outline:none;transform:none}.km-search-clear{align-items:center;background:#f7f8f9;background:var(--bg-secondary);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#565959;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px}.km-search-clear:hover{background:#eaeded;background:var(--bg-tertiary);color:#0f1111;color:var(--text-primary);transform:scale(1.1) rotate(90deg)}.km-keywords-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);max-height:600px;overflow-y:auto;padding-right:.5rem;padding-right:var(--spacing-sm);scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.km-keywords-list::-webkit-scrollbar{width:8px}.km-keywords-list::-webkit-scrollbar-track{background:#0000;border-radius:9999px;border-radius:var(--radius-full)}.km-keywords-list::-webkit-scrollbar-thumb{background:#3b82f64d;background-clip:padding-box;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full)}.km-keywords-list::-webkit-scrollbar-thumb:hover{background:#3b82f680;background-clip:padding-box}.km-keyword-item{align-items:center;animation:keywordFadeIn .4s cubic-bezier(.4,0,.2,1) both;background:#f7f8f9;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@keyframes keywordFadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.km-keyword-item:before{background:linear-gradient(180deg,#000,#000);background:linear-gradient(180deg,var(--primary-gradient-start),var(--primary-gradient-end));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);width:4px}.km-keyword-item:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f666;box-shadow:0 10px 15px -3px #0f111126;box-shadow:var(--shadow-lg);transform:translateX(4px)}.km-keyword-item:hover:before{opacity:1}.km-keyword-inactive{filter:grayscale(.3);opacity:.6}.km-keyword-content{align-items:center;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md);min-width:0}.km-keyword-icon{animation:iconPulse 2s ease-in-out infinite;color:#3b82f6;color:var(--accent-blue);flex-shrink:0}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.km-keyword-text{color:#0f1111;color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-status-badge{animation:badgeFloat 3s ease-in-out infinite;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #0f11110d;box-shadow:var(--shadow-xs);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.km-status-active{background:linear-gradient(135deg,#10b98133,#0596691a);border:1px solid #10b981;border:1px solid var(--accent-green);color:#10b981;color:var(--accent-green)}.km-status-inactive{background:linear-gradient(135deg,#9ca3af33,#6b72801a);border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#888;color:var(--text-tertiary)}.km-keyword-actions{display:flex;flex-shrink:0;gap:.25rem;gap:var(--spacing-xs)}.km-action-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.km-action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.km-action-btn:hover:before{height:100px;width:100px}.km-action-toggle{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.km-action-toggle:hover{box-shadow:0 6px 16px #06b6d466;transform:scale(1.15) rotate(5deg)}.km-action-edit{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:0 4px 12px #3b82f64d}.km-action-edit:hover{box-shadow:0 6px 16px #3b82f666;transform:scale(1.15) rotate(-5deg)}.km-action-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.km-action-delete:hover{box-shadow:0 6px 16px #ef444466;transform:scale(1.15) rotate(5deg)}.km-action-save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.km-action-save:hover{box-shadow:0 6px 16px #10b98166;transform:scale(1.15)}.km-action-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.km-action-cancel:hover{box-shadow:0 6px 16px #6b728066;transform:scale(1.15) rotate(-5deg)}.km-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.km-action-btn:disabled:hover{transform:none}.km-keyword-edit{align-items:center;animation:editModeSlide .3s ease;display:flex;gap:1rem;gap:var(--spacing-md);width:100%}@keyframes editModeSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.km-edit-input{flex:1 1}.km-bulk-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg)}.km-categories{display:flex;flex-direction:column;gap:3rem;gap:var(--spacing-2xl)}.km-category-section{animation:categorySlideIn .6s cubic-bezier(.4,0,.2,1) both;background:#f7f8f9;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@keyframes categorySlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.km-category-section:hover{border-color:#3b82f64d;box-shadow:0 10px 15px -3px #0f111126;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.km-category-title{align-items:center;color:#0f1111;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md);position:relative}.km-category-title:after{background:linear-gradient(90deg,#000,#000);background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.km-category-title:before{animation:categoryIconBounce 2s ease-in-out infinite;content:"📂";font-size:1.5rem}@keyframes categoryIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.km-keyword-chips{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.km-chip{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #3b82f633;border-radius:9999px;border-radius:var(--radius-full);color:#3b82f6;color:var(--accent-blue);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.km-chip:before{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0;z-index:0}.km-chip:hover:not(.km-chip-disabled):before{height:200px;width:200px}.km-chip:hover:not(.km-chip-disabled){border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 6px -1px #0f11111f,0 0 20px #3b82f64d;box-shadow:var(--shadow-md),0 0 20px #3b82f64d;color:#fff;transform:translateY(-3px)}.km-chip>*{position:relative;z-index:1}.km-chip-disabled{background:#eaeded;background:var(--bg-tertiary);border-color:#e5e7eb;border-color:var(--border-light);color:#888;color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.km-table-wrapper{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0f11111f;box-shadow:var(--shadow-md);overflow-x:auto}.km-table{border-collapse:collapse;font-size:.95rem;width:100%}.km-table thead{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:200;z-index:var(--z-sticky)}.km-table th{border-bottom:3px solid #fff3;font-size:.8125rem;font-weight:700;letter-spacing:.05em;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md);text-align:left;text-transform:uppercase;white-space:nowrap}.km-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.km-table tbody tr:hover{background:#f7f8f9;background:var(--bg-secondary);transform:scale(1.01)}.km-table tbody tr:last-child{border-bottom:none}.km-table-row-inactive{opacity:.6}.km-table td{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md);vertical-align:middle}.km-table-keyword{align-items:center;color:#0f1111;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;gap:var(--spacing-sm)}.km-table-length{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-family:var(--font-mono)}.km-table-date,.km-table-length{color:#565959;color:var(--text-secondary);font-size:.875rem}.km-table-actions{display:flex;gap:.25rem;gap:var(--spacing-xs)}.km-tips-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;position:relative}.km-tips-card:before{animation:tipsGlow 10s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a,#0000);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes tipsGlow{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-30px,30px) rotate(180deg)}}.km-tips-card .km-card-header{color:#fff}.km-tips-card .km-card-header,.km-tips-grid{position:relative;z-index:1;z-index:var(--z-base)}.km-tips-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.km-tip{animation:tipFloat .6s cubic-bezier(.4,0,.2,1) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}@keyframes tipFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.km-tip:hover{background:#ffffff2e;border-color:#fff6;box-shadow:0 12px 24px #0000004d;transform:translateY(-6px)}.km-tip-icon{animation:tipIconRotate 3s ease-in-out infinite;display:inline-block;font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}@keyframes tipIconRotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.km-tip h4{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.km-tip p{color:#fffffff2;font-size:.9375rem;line-height:1.7}.km-empty-state{align-items:center;animation:emptyStateFade .6s ease;color:#888;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}@keyframes emptyStateFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.km-empty-state svg{animation:emptyIconFloat 3s ease-in-out infinite;margin-bottom:2rem;margin-bottom:var(--spacing-xl);opacity:.4}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.km-empty-state h3{color:#0f1111;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.km-empty-state p{color:#565959;color:var(--text-secondary);font-size:1rem;max-width:400px}.km-error-state,.km-loading{align-items:center;background:linear-gradient(135deg,#000,#25004a);background:var(--bg-gradient);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;text-align:center}.km-error-state:before,.km-loading:before{animation:backgroundPulse 10s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a,#0000),radial-gradient(circle at 70% 70%,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.km-error-state p,.km-loading p{font-size:1.25rem;font-weight:500;margin-top:1.5rem;margin-top:var(--spacing-lg);position:relative;z-index:1;z-index:var(--z-base)}.km-error-state h3{font-size:2rem;font-weight:700;margin:1.5rem 0 .5rem;margin:var(--spacing-lg) 0 var(--spacing-sm);position:relative;z-index:1;z-index:var(--z-base)}.km-spinner{animation:spin 1s linear infinite}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.km-main{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:300px 1fr}.km-header-text h1{font-size:2rem}.km-tips-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.km-container{padding:1.5rem;padding:var(--spacing-lg)}.km-main{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.km-sidebar{order:2;position:static}.km-content{order:1}.km-header{border-radius:1rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--spacing-lg)}.km-header-content{flex-direction:column;text-align:center}.km-header-icon{height:56px;width:56px}.km-header-text h1{font-size:1.75rem}.km-header-actions{justify-content:center;width:100%}.km-tabs{overflow-x:scroll}.km-add-form{flex-direction:column}.km-stats-grid{grid-template-columns:repeat(2,1fr)}.km-tips-grid{grid-template-columns:1fr}.km-keyword-item{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.km-keyword-actions{justify-content:flex-end;width:100%}.km-bulk-actions{flex-direction:column}.km-btn-primary,.km-btn-secondary{width:100%}}@media (max-width:480px){.km-container,.km-header{padding:1rem;padding:var(--spacing-md)}.km-header-icon{height:48px;width:48px}.km-header-text h1{font-size:1.5rem}.km-header-text p{font-size:.875rem}.km-card{padding:1.5rem;padding:var(--spacing-lg)}.km-stats-grid{grid-template-columns:1fr}.km-stat-card{padding:1rem;padding:var(--spacing-md)}.km-stat-icon{height:48px;width:48px}.km-score-circle{height:110px;width:110px}.km-tab{font-size:.875rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.km-keyword-chips{gap:.25rem;gap:var(--spacing-xs)}.km-chip{font-size:.8125rem;padding:6px 12px}.km-table-wrapper{font-size:.875rem}.km-table td,.km-table th{padding:.5rem .25rem;padding:var(--spacing-sm) var(--spacing-xs)}}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:3px solid #3b82f6;outline:3px solid var(--accent-blue)}a:focus-visible,button:focus-visible{outline-offset:4px}.km-skip-to-content{background:#3b82f6;background:var(--accent-blue);border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;left:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:absolute;text-decoration:none;top:-40px;z-index:100}.km-skip-to-content:focus{top:.5rem;top:var(--spacing-sm)}@media (prefers-contrast:high){:root{--border-light:#000;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #0009}.km-card,.km-keyword-item{border-width:3px}.km-btn-primary,.km-btn-secondary{border:3px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.km-header-icon,.km-keyword-icon,.km-score-circle{animation:none!important}}@media print{.km-container{background:#fff;padding:0}.km-action-btn,.km-alert,.km-bulk-actions,.km-header-actions,.km-keyword-actions,.km-search-box,.km-tabs{display:none!important}.km-main{display:block}.km-card,.km-sidebar{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.km-table{page-break-inside:auto}.km-table tr{page-break-after:auto;page-break-inside:avoid}}.km-action-btn,.km-btn-primary,.km-btn-secondary,.km-card,.km-chip,.km-keyword-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.km-keywords-list,.km-table-wrapper{contain:layout style paint}.km-card:before,.km-header-icon:before,.km-keyword-item:before{transform:translateZ(0);will-change:transform,opacity}*{scrollbar-color:#3b82f64d #0000}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3b82f64d;background-clip:padding-box;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#3b82f680;background-clip:padding-box}::selection{background:#3b82f633;color:#0f1111;color:var(--text-primary)}::-moz-selection{background:#3b82f633;color:#0f1111;color:var(--text-primary)}.km-text-center{text-align:center}.km-text-left{text-align:left}.km-text-right{text-align:right}.km-hidden{display:none!important}.km-visible{display:block!important}.km-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.km-mt-0{margin-top:0!important}.km-mt-1{margin-top:.25rem!important;margin-top:var(--spacing-xs)!important}.km-mt-2{margin-top:.5rem!important;margin-top:var(--spacing-sm)!important}.km-mt-3{margin-top:1rem!important;margin-top:var(--spacing-md)!important}.km-mt-4{margin-top:1.5rem!important;margin-top:var(--spacing-lg)!important}.km-mt-5{margin-top:2rem!important;margin-top:var(--spacing-xl)!important}.km-mb-0{margin-bottom:0!important}.km-mb-1{margin-bottom:.25rem!important;margin-bottom:var(--spacing-xs)!important}.km-mb-2{margin-bottom:.5rem!important;margin-bottom:var(--spacing-sm)!important}.km-mb-3{margin-bottom:1rem!important;margin-bottom:var(--spacing-md)!important}.km-mb-4{margin-bottom:1.5rem!important;margin-bottom:var(--spacing-lg)!important}.km-mb-5{margin-bottom:2rem!important;margin-bottom:var(--spacing-xl)!important}.km-p-0{padding:0!important}.km-p-1{padding:.25rem!important;padding:var(--spacing-xs)!important}.km-p-2{padding:.5rem!important;padding:var(--spacing-sm)!important}.km-p-3{padding:1rem!important;padding:var(--spacing-md)!important}.km-p-4{padding:1.5rem!important;padding:var(--spacing-lg)!important}.km-p-5{padding:2rem!important;padding:var(--spacing-xl)!important}.km-flex{display:flex}.km-flex-column{flex-direction:column}.km-items-center{align-items:center}.km-justify-center{justify-content:center}.km-justify-between{justify-content:space-between}.km-gap-1{gap:.25rem;gap:var(--spacing-xs)}.km-gap-2{gap:.5rem;gap:var(--spacing-sm)}.km-gap-3{gap:1rem;gap:var(--spacing-md)}.km-gap-4{gap:1.5rem;gap:var(--spacing-lg)}.km-gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.km-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.km-gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.km-gradient-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.km-gradient-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.km-gradient-primary{background:linear-gradient(135deg,#000,#000);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end))}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-upload-container{margin:0 auto;max-width:900px;padding:2rem}.upload-title{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 2rem}.upload-title svg{color:#3b82f6}.alert{align-items:center;border-radius:.5rem;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.upload-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem}.section-header,.upload-section{margin-bottom:1.5rem}.section-header h3{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.image-count{background:#f3f4f6;border-radius:9999px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem}.image-preview{aspect-ratio:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.delete-btn{align-items:center;background:#ef4444f2;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:32px}.image-preview:hover .delete-btn{opacity:1}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.upload-box{align-items:center;aspect-ratio:1;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;transition:all .2s}.upload-box:hover{background:#eff6ff;border-color:#3b82f6}.file-input{display:none}.upload-content{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.upload-content svg{color:#9ca3af}.upload-content span:first-of-type{color:#374151;font-weight:500}.upload-hint{color:#9ca3af;font-size:.75rem}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column}.empty-state svg{margin-bottom:1rem}.empty-state p{margin:.25rem 0}.empty-hint{color:#9ca3af;font-size:.875rem}.youtube-form{margin-bottom:1.5rem}.form-group{gap:.5rem}.form-group label{font-weight:500}.input-group{gap:.75rem}.youtube-input{border:1px solid #d1d5db;border-radius:.5rem;flex:1 1;font-size:.875rem;padding:.75rem 1rem;transition:all .2s}.youtube-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.youtube-input:disabled{background:#f3f4f6;cursor:not-allowed}.input-hint{color:#6b7280;font-size:.75rem;margin:0}.btn-primary{border-radius:.5rem;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:background .2s;white-space:nowrap}.btn-primary:disabled{opacity:.5}.video-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;gap:1rem;justify-content:space-between;padding:1rem}.video-info,.video-preview{align-items:center;display:flex}.video-info{flex:1 1;gap:.75rem;min-width:0}.video-info svg{color:#ef4444;flex-shrink:0}.video-label{color:#374151;flex-shrink:0;font-size:.875rem;font-weight:500}.video-link{align-items:center;color:#3b82f6;display:flex;font-size:.875rem;gap:.375rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.video-link:hover{text-decoration:underline}.btn-danger-outline{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:.375rem;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-danger-outline:hover{background:#fef2f2}.instructions{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;padding:1.5rem}.instructions h4{color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 .75rem}.instructions ul{color:#1e40af;margin:0;padding-left:1.5rem}.instructions li{font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.instructions li:last-child{margin-bottom:0}@media (max-width:768px){.image-upload-container{padding:1rem}.upload-title{font-size:1.5rem}.upload-section{padding:1.5rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.section-header{align-items:flex-start;gap:.75rem}.input-group,.section-header,.video-preview{flex-direction:column}.video-preview{align-items:stretch}.video-info{flex-wrap:wrap}}:root{--primary-yellow:#ffd93d;--primary-yellow-dark:#fc0;--primary-yellow-light:#fff4cc;--secondary-yellow:#ffe57f;--bg-cream:#fffef7;--bg-light-yellow:#fffaec;--bg-pale-yellow:#fff9e6;--text-dark:#3a3a3a;--text-medium:#6b6b6b;--text-light:#999;--border-color:#f5e6c3;--shadow-sm:0 2px 8px #ffd93d1a;--shadow-md:0 4px 16px #ffd93d26;--shadow-lg:0 8px 32px #ffd93d33;--accent-green:#a8d08d;--accent-orange:#ffb347;--accent-pink:#ffb6c1;--accent-blue:#87ceeb;--accent-purple:plum}.happenings-advanced{background:linear-gradient(135deg,#fffef7,#fffaec);background:linear-gradient(135deg,var(--bg-cream) 0,var(--bg-light-yellow) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.happenings-advanced,.toast{color:#3a3a3a;color:var(--text-dark)}.toast{animation:slideInRight .3s ease;background:#fff;border:2px solid #ffd93d;border:2px solid var(--primary-yellow);border-radius:12px;box-shadow:0 8px 32px #ffd93d33;box-shadow:var(--shadow-lg);font-weight:500;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}.toast-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#a8d08d;border-color:var(--accent-green);color:#155724}.toast-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24}.toast-info{background:linear-gradient(135deg,#fff4cc,#ffe57f);background:linear-gradient(135deg,var(--primary-yellow-light) 0,var(--secondary-yellow) 100%);border-color:#ffd93d;border-color:var(--primary-yellow)}.happenings-header{background:#fff;border-bottom:3px solid #ffd93d;border-bottom:3px solid var(--primary-yellow);box-shadow:0 4px 16px #ffd93d26;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:20px;padding:20px 24px}.header-left .logo{align-items:center;display:flex;gap:12px}.logo svg{color:#fc0;color:var(--primary-yellow-dark)}.logo h1{color:#3a3a3a;color:var(--text-dark);font-size:28px;font-weight:800;letter-spacing:-.5px}.logo p{color:#6b6b6b;color:var(--text-medium);font-size:14px;margin-top:2px}.btn-refresh{background:#fff9e6;background:var(--bg-pale-yellow);border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:10px;color:#3a3a3a;color:var(--text-dark);cursor:pointer;padding:10px;transition:all .3s ease}.btn-refresh:hover{background:#fff4cc;background:var(--primary-yellow-light);border-color:#ffd93d;border-color:var(--primary-yellow);transform:scale(1.05)}.btn-refresh:disabled{opacity:.6}.btn-create,.btn-login{align-items:center;background:linear-gradient(135deg,#ffd93d,#fc0);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--primary-yellow-dark) 100%);border:none;border-radius:12px;box-shadow:0 2px 8px #ffd93d1a;box-shadow:var(--shadow-sm);color:#3a3a3a;color:var(--text-dark);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create:hover,.btn-login:hover{box-shadow:0 4px 16px #ffd93d26;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-bar{grid-gap:16px;background:linear-gradient(135deg,#fff9e6,#fff4cc);background:linear-gradient(135deg,var(--bg-pale-yellow) 0,var(--primary-yellow-light) 100%);border-top:2px solid #f5e6c3;border-top:2px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:1400px;padding:16px 24px}.stat-item{align-items:center;background:#fff;border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.stat-item:hover{border-color:#ffd93d;border-color:var(--primary-yellow);box-shadow:0 2px 8px #ffd93d1a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-item svg{color:#fc0;color:var(--primary-yellow-dark)}.stat-item strong{color:#3a3a3a;color:var(--text-dark);display:block;font-size:20px;font-weight:800;line-height:1}.stat-item span{color:#6b6b6b;color:var(--text-medium);display:block;font-size:12px;margin-top:2px}.filters-section{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1400px}.search-bar{align-items:center;background:#fff;border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #ffd93d1a;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:14px 20px;transition:all .3s ease}.search-bar:focus-within{border-color:#ffd93d;border-color:var(--primary-yellow);box-shadow:0 4px 16px #ffd93d26;box-shadow:var(--shadow-md)}.search-bar svg{color:#6b6b6b;color:var(--text-medium)}.search-bar input{background:#0000;border:none;color:#3a3a3a;color:var(--text-dark);flex:1 1;font-size:16px;outline:none}.search-bar input::placeholder{color:#999;color:var(--text-light)}.search-bar button{background:#fff9e6;background:var(--bg-pale-yellow);border:none;border-radius:6px;color:#6b6b6b;color:var(--text-medium);cursor:pointer;padding:6px;transition:all .2s ease}.search-bar button:hover{background:#fff4cc;background:var(--primary-yellow-light);color:#3a3a3a;color:var(--text-dark)}.categories-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0;scrollbar-color:#ffd93d #fff9e6;scrollbar-color:var(--primary-yellow) var(--bg-pale-yellow);scrollbar-width:thin}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-track{background:#fff9e6;background:var(--bg-pale-yellow);border-radius:10px}.categories-scroll::-webkit-scrollbar-thumb{background:#ffd93d;background:var(--primary-yellow);border-radius:10px}.category-chip{align-items:center;background:#fff;border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:20px;color:#3a3a3a;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.category-chip:hover{box-shadow:0 2px 8px #ffd93d1a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-chip.active{background:linear-gradient(135deg,#ffd93d,#fc0);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--primary-yellow-dark) 100%);border-color:#fc0;border-color:var(--primary-yellow-dark);box-shadow:0 4px 16px #ffd93d26;box-shadow:var(--shadow-md);color:#3a3a3a;color:var(--text-dark)}.category-chip .count{background:#fff9e6;background:var(--bg-pale-yellow);border-radius:10px;font-size:12px;font-weight:700;padding:2px 8px}.category-chip.active .count{background:#fff;color:#fc0;color:var(--primary-yellow-dark)}.category-all{border-left:4px solid #ffd93d;border-left:4px solid var(--primary-yellow)}.category-events{border-left:4px solid #87ceeb;border-left:4px solid var(--accent-blue)}.category-offers{border-left:4px solid #a8d08d;border-left:4px solid var(--accent-green)}.category-news{border-left:4px solid #ffb347;border-left:4px solid var(--accent-orange)}.category-announcement{border-left:4px solid #ffb6c1;border-left:4px solid var(--accent-pink)}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select{border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:10px;color:#3a3a3a;color:var(--text-dark);min-width:140px;padding:10px 16px;transition:all .3s ease}.filter-select:focus,.filter-select:hover{border-color:#ffd93d;border-color:var(--primary-yellow)}.filter-select:focus{box-shadow:0 2px 8px #ffd93d1a;box-shadow:var(--shadow-sm)}.filter-select:disabled{cursor:not-allowed;opacity:.5}.view-toggles{background:#fff;border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin-left:auto;padding:4px}.view-toggles button{background:#0000;border:none;border-radius:6px;color:#6b6b6b;color:var(--text-medium);cursor:pointer;padding:8px 12px;transition:all .2s ease}.view-toggles button:hover{background:#fff9e6;background:var(--bg-pale-yellow);color:#3a3a3a;color:var(--text-dark)}.view-toggles button.active{background:linear-gradient(135deg,#ffd93d,#fc0);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--primary-yellow-dark) 100%);color:#3a3a3a;color:var(--text-dark)}.happenings-content{margin:0 auto;max-width:1400px;padding:0 24px 80px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg,.loading-state svg{color:#fc0;color:var(--primary-yellow-dark);margin-bottom:16px}.empty-state p,.loading-state p{color:#6b6b6b;color:var(--text-medium);font-size:16px;margin-top:8px}.empty-state h3{color:#3a3a3a;color:var(--text-dark);font-size:24px;margin-bottom:8px}.happenings-grid{grid-gap:24px;animation:fadeIn .5s ease;display:grid;gap:24px}.happenings-grid.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.happenings-grid.list{grid-template-columns:1fr;margin:0 auto;max-width:800px}.happening-card{background:#fff;border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.happening-card:hover{border-color:#ffd93d;border-color:var(--primary-yellow);box-shadow:0 8px 32px #ffd93d33;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.happening-card.featured{background:linear-gradient(135deg,#fff4cc,#ffe57f 30%,#fff);background:linear-gradient(135deg,var(--primary-yellow-light) 0,var(--secondary-yellow) 30%,#fff 100%);border:3px solid #fc0;border:3px solid var(--primary-yellow-dark)}.featured-badge{align-items:center;background:#fc0;background:var(--primary-yellow-dark);border-radius:20px;box-shadow:0 2px 8px #ffd93d1a;box-shadow:var(--shadow-sm);color:#3a3a3a;color:var(--text-dark);display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 12px;position:absolute;right:12px;top:12px;z-index:2}.featured-badge svg{height:14px;width:14px}.happening-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.author-section{flex:1 1;gap:12px}.author-avatar,.author-section{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,#ffd93d,#fc0);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--primary-yellow-dark) 100%);border:3px solid #f5e6c3;border:3px solid var(--border-color);border-radius:50%;color:#3a3a3a;color:var(--text-dark);flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info h4{color:#3a3a3a;color:var(--text-dark);font-size:16px;font-weight:700;margin-bottom:4px}.meta-info{align-items:center;color:#6b6b6b;color:var(--text-medium);display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.meta-info svg{height:12px;width:12px}.separator{color:#f5e6c3;color:var(--border-color)}.business-badge{align-items:center;background:#fff9e6;background:var(--bg-pale-yellow);border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:20px;color:#3a3a3a;color:var(--text-dark);display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.business-badge img{border-radius:50%;height:20px;object-fit:cover;width:20px}.category-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:12px;padding:6px 12px;text-transform:uppercase}.category-tag.events{background:#87ceeb33;border:2px solid #87ceeb;border:2px solid var(--accent-blue);color:#2980b9}.category-tag.offers{background:#a8d08d33;border:2px solid #a8d08d;border:2px solid var(--accent-green);color:#27ae60}.category-tag.news{background:#ffb34733;border:2px solid #ffb347;border:2px solid var(--accent-orange);color:#e67e22}.category-tag.announcement{background:#ffb6c133;border:2px solid #ffb6c1;border:2px solid var(--accent-pink);color:#c0392b}.happening-message{word-wrap:break-word;color:#3a3a3a;color:var(--text-dark);font-size:15px;line-height:1.6;margin-bottom:16px}.happening-image{border:2px solid #f5e6c3;border:2px solid var(--border-color);border-radius:12px;margin-bottom:16px;overflow:hidden;width:100%}.happening-image img{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.happening-footer{align-items:center;border-top:2px solid #fff9e6;border-top:2px solid var(--bg-pale-yellow);display:flex;justify-content:space-between;padding-top:16px}.stats{color:#6b6b6b;color:var(--text-medium);display:flex;font-size:14px;font-weight:600;gap:16px}.stats span{align-items:center;display:flex;gap:6px}.stats svg{height:14px;width:14px}.actions{display:flex;gap:8px}.action-btn{background:#fff9e6;background:var(--bg-pale-yellow);border:2px solid #f5e6c3;border:2px solid var(--border-color);color:#6b6b6b;color:var(--text-medium);padding:8px;transition:all .2s ease}.action-btn:hover{background:#fff4cc;background:var(--primary-yellow-light);border-color:#ffd93d;border-color:var(--primary-yellow);color:#3a3a3a;color:var(--text-dark);transform:scale(1.1)}.action-btn.active{border-color:#fc0;border-color:var(--primary-yellow-dark)}.action-btn.active,.scroll-top{background:linear-gradient(135deg,#ffd93d,#fc0);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--primary-yellow-dark) 100%);color:#3a3a3a;color:var(--text-dark)}.scroll-top{border:3px solid #fff;border-radius:50%;bottom:32px;box-shadow:0 8px 32px #ffd93d33;box-shadow:var(--shadow-lg);cursor:pointer;padding:14px;position:fixed;right:32px;transition:all .3s ease;z-index:99}.scroll-top:hover{box-shadow:0 12px 40px #ffd93d4d;transform:translateY(-4px) scale(1.1)}.modal-overlay{background:#fff9e6f2}.modal-content{animation:slideUp .3s ease;position:relative}.modal-close{background:#fff;border:2px solid #ffd93d;border:2px solid var(--primary-yellow);color:#3a3a3a;color:var(--text-dark);padding:10px;position:absolute;right:0;top:-48px;z-index:1001}.modal-close:hover{background:#ffd93d;background:var(--primary-yellow);transform:rotate(90deg) scale(1.1)}@media (max-width:768px){.header-content{flex-direction:column;gap:12px}.logo h1{font-size:22px}.stats-bar{grid-template-columns:repeat(2,1fr)}.happenings-grid.grid{grid-template-columns:1fr}.filter-controls{flex-direction:column}.filter-select{width:100%}.view-toggles{justify-content:center;margin-left:0;width:100%}.scroll-top{bottom:20px;padding:12px;right:20px}.modal-close{right:10px;top:10px}}@media (max-width:480px){.filters-section{padding:16px}.happenings-content{padding:0 16px 60px}.happening-card{padding:16px}.author-avatar{height:40px;width:40px}.category-chip{font-size:13px;padding:8px 14px}}:root{--port-bg:#fff;--port-surface:#fff;--port-primary:#000;--port-border:#000;--port-text-main:#000;--port-text-muted:#000;--port-accent:#000;--port-success:#000;--port-warning:#000;--port-danger:#000;--port-radius:20px}.port-container{background-color:#fff;background-color:var(--port-bg);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;width:100%}.port-container *{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.port-auth-required,.port-loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh;padding:20px;text-align:center}.port-auth-required p,.port-loading-screen p{color:#000;color:var(--port-text-muted);font-size:14px;font-weight:600}.port-auth-required h2{color:#000;font-size:24px;font-weight:800;margin-bottom:12px}.port-header{background:#fff;border-bottom:1px solid #000;border-bottom:1px solid var(--port-border);box-shadow:0 2px 8px #00000005;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.port-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.port-header-content h1{align-items:center;color:#000;display:flex;font-size:20px;font-weight:800;gap:8px;letter-spacing:-.5px}.port-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.port-draft-badge,.port-user-info{align-items:center;border-radius:100px;display:flex;font-size:11px;font-weight:700;gap:6px;padding:6px 12px}.port-user-info{font-size:13px;font-weight:600}.port-draft-badge,.port-user-info{background:#fff;border:2px solid #000;color:#000}.port-step-navigation-horizontal{background:#fff;border-bottom:1px solid #000;border-bottom:1px solid var(--port-border);box-shadow:0 2px 8px #00000005;padding:12px 20px;position:-webkit-sticky;position:sticky;top:73px;z-index:99}.port-step-navigation-wrapper{display:flex;gap:10px;margin:0 auto;max-width:1400px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.port-step-navigation-wrapper::-webkit-scrollbar{display:none}.port-nav-step-horizontal{align-items:center;background:#fff;border:2px solid #000;border-radius:100px;color:#000;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.port-nav-step-horizontal:hover:not(:disabled){background:#f5f5f5;transform:translateY(-2px)}.port-nav-step-horizontal.active{background:#000;box-shadow:0 4px 12px #00000026;color:#fff}.port-nav-step-horizontal:disabled{cursor:not-allowed;opacity:.5}.port-step-icon-horizontal{align-items:center;display:flex;font-size:16px;justify-content:center}.port-step-label-horizontal{font-size:13px}.port-body{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:20px;width:100%}.port-main-content{flex:1 1;width:100%}.port-step-content{animation:port-slideUp .4s ease;display:block!important;width:100%}@keyframes port-slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.port-form-section{background:#fff;border:2px solid #000;border-radius:20px;border-radius:var(--port-radius);box-shadow:none;margin-bottom:20px;padding:24px;width:100%}.port-form-section h3{color:#000;font-size:18px;font-weight:800;margin-bottom:20px}.port-form-section h4{color:#000;font-size:16px;font-weight:700;margin-bottom:16px}.port-form-section h5{color:#000;font-size:14px;font-weight:700;margin-bottom:12px}.port-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.port-form-group{display:block;margin-bottom:16px;width:100%}.port-form-group.port-full-width{grid-column:1/-1}.port-form-label{color:#000;display:block;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.port-form-input,.port-form-select,.port-form-textarea{background:#fff;border:2px solid #000;border-radius:12px;color:#000;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.port-form-input:focus,.port-form-select:focus,.port-form-textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 4px #0000001a;outline:none}.port-form-textarea{min-height:100px;resize:vertical}.error-message{color:#000;color:var(--port-danger);font-size:12px;font-weight:600}.has-error .port-form-input,.has-error .port-form-select,.has-error .port-form-textarea{background:#fef2f2!important;border-color:#000!important;border-color:var(--port-danger)!important}.port-checkbox-label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px}.port-checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.port-array-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.port-array-input-group input{flex:1 1}.port-file-upload-container{background:#fff;border:2px solid #000;border-radius:16px;cursor:pointer;margin-bottom:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.port-file-upload-container:hover{background:#f5f5f5;border-color:#000;transform:translateY(-2px)}.port-file-upload-icon{align-items:center;color:#000;display:flex;font-size:48px;justify-content:center;margin-bottom:16px}.port-file-upload-text{margin-bottom:8px}.port-file-upload-text strong{color:#000;display:block;font-size:15px;font-weight:700;margin-bottom:6px}.port-file-upload-text span{color:#000;display:block;font-size:13px}.port-file-upload-hint{color:#000;font-size:12px;font-weight:500;margin-top:12px}.port-form-input[type=file]{clip:auto!important;background:#fff!important;border:2px solid #000!important;border-radius:12px!important;color:#000!important;cursor:pointer!important;display:block!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;height:auto!important;margin:0!important;overflow:visible!important;padding:14px 16px!important;position:static!important;white-space:normal!important;width:100%!important}.port-file-input-wrapper{display:block;position:relative;width:100%}.port-file-input-label{align-items:center;background:#fff;border:2px solid #000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.port-file-input-label:hover{background:#f5f5f5;border-color:#000;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.port-file-input-icon{color:#000;font-size:48px;margin-bottom:16px;position:relative;z-index:1}.port-file-input-text{position:relative;text-align:center;z-index:1}.port-file-input-text strong{color:#000;display:block;font-size:15px;font-weight:700;margin-bottom:6px}.port-file-input-text span{color:#000;display:block;font-size:13px}.port-file-input-hint{color:#000;font-size:12px;font-weight:500;margin-top:12px;position:relative;z-index:1}.port-file-input-badge{background:#fff;border:1px solid #000;border-radius:100px;color:#000;display:inline-block;font-size:11px;font-weight:700;margin-top:8px;padding:4px 12px;position:relative;z-index:1}.port-preview-container{animation:port-fadeInUp .4s ease;margin-top:16px}@keyframes port-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.port-profile-preview-wrapper{align-items:center;background:#fff;border:2px solid #000;border-radius:16px;display:flex;gap:16px;padding:16px}.port-profile-preview{border:3px solid #000;border-radius:20px;box-shadow:none;height:140px;object-fit:cover;transition:all .3s ease;width:140px}.port-profile-preview:hover{box-shadow:0 12px 32px #00000026;transform:scale(1.05)}.port-profile-preview-info{flex:1 1}.port-profile-preview-info h4{color:#000;font-size:14px;font-weight:700;margin-bottom:8px}.port-profile-preview-info p{color:#000;font-size:13px;margin-bottom:12px}.port-file-preview{align-items:center;background:#fff;border:2px solid #000;border-radius:12px;box-shadow:none;display:flex;gap:12px;margin-top:16px;padding:16px 20px;transition:all .2s ease}.port-file-preview:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.port-file-preview-icon{align-items:center;background:#fff;border:2px solid #000;border-radius:12px;color:#000;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.port-file-preview-content{flex:1 1}.port-file-preview-content h4{color:#000;font-size:14px;font-weight:700;margin-bottom:4px}.port-file-preview a{color:#000;display:block;font-size:14px;font-weight:600;text-decoration:underline}.port-file-preview a:hover{text-decoration:none}.port-file-meta{color:#000;font-size:12px;margin-top:4px}.port-file-remove-btn{background:#fff;border:2px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s ease}.port-file-remove-btn:hover{background:#000;border-color:#000;color:#fff;transform:scale(1.05)}.port-upload-progress{background:#fff;border:1px solid #000;border:1px solid var(--port-border);border-radius:12px;margin-top:16px;padding:16px}.port-upload-progress-bar{background:#fff;background:var(--port-bg);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.port-upload-progress-fill{animation:port-shimmer 2s infinite;background:linear-gradient(90deg,#000,#000);background:linear-gradient(90deg,var(--port-accent),var(--port-success));border-radius:4px;height:100%;transition:width .3s ease}@keyframes port-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.port-upload-progress-text{align-items:center;color:#000;color:var(--port-text-muted);display:flex;font-size:13px;font-weight:600;justify-content:space-between}.port-upload-success{background:#ecfdf5;border-color:#d1fae5}.port-upload-success .port-upload-progress-fill{background:#000;background:var(--port-success)}.port-templates-section{width:100%}.port-templates-section h3{color:#000;font-size:20px;font-weight:800;margin-bottom:20px}.port-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.port-template-card{background:#fff;border:2px solid #000;border-radius:16px;box-shadow:none;cursor:pointer;overflow:hidden;padding:16px;transition:all .2s ease}.port-template-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.port-template-card.selected{background:#f5f5f5;border-color:#000}.port-template-preview{align-items:center;background:#fff;background:var(--port-bg);border-radius:12px;display:flex;height:180px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative}.port-template-preview img{height:100%;object-fit:cover;width:100%}.port-template-placeholder{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);color:#000;color:var(--port-text-muted);display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;width:100%}.port-template-info h4{color:#000;color:var(--port-text-main);font-size:16px;font-weight:700;margin-bottom:8px}.port-template-info p{color:#000;color:var(--port-text-muted);font-size:13px;line-height:1.5;margin-bottom:16px}.port-template-actions{display:flex;gap:8px}.port-education-section,.port-experience-section,.port-projects-section,.port-skills-section{width:100%}.port-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.port-section-header h3{color:#000;font-size:20px;font-weight:800;margin:0}.port-section-header h5{color:#000;font-size:14px;font-weight:700;margin:0}.port-section-divider{background:#000;background:var(--port-border);border-radius:2px;height:2px;margin:40px 0}.port-item-form{background:#fff;border:2px solid #000;border-radius:20px;border-radius:var(--port-radius);box-shadow:none;margin-bottom:20px;padding:24px}.port-item-form-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.port-item-form-header h4{color:#000;font-size:16px;font-weight:700;margin:0}.port-achievements-section,.port-highlights-section,.port-images-section,.port-responsibilities-section,.port-technologies-section{margin-top:24px;width:100%}.port-image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}.port-image-preview-item{aspect-ratio:1;background:#fff;background:var(--port-bg);border-radius:12px;overflow:hidden;position:relative}.port-image-preview-item img{height:100%;object-fit:cover;width:100%}.port-remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.port-remove-image-btn:hover{background:#000;background:var(--port-danger);transform:scale(1.1)}.port-skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.port-skill-form-item{background:#fff;border:2px solid #000;border-radius:16px;box-shadow:none;padding:20px}.port-skill-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.port-skill-form-header h4{color:#000;font-size:14px;font-weight:700;margin:0}.port-proficiency-slider{-webkit-appearance:none;appearance:none;background:#fff;background:var(--port-bg);border-radius:3px;height:6px;outline:none;width:100%}.port-proficiency-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;background:var(--port-accent);border-radius:50%;box-shadow:0 2px 8px #6366f14d;cursor:pointer;height:18px;width:18px}.port-proficiency-slider::-moz-range-thumb{background:#000;background:var(--port-accent);border:none;border-radius:50%;box-shadow:0 2px 8px #6366f14d;cursor:pointer;height:18px;width:18px}.port-preview-section{width:100%}.port-preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.port-preview-header h3{color:#000;font-size:20px;font-weight:800;margin:0}.port-preview-actions{display:flex;flex-wrap:wrap;gap:12px}.port-preview-container{border-radius:16px;min-height:400px;padding:20px}.port-preview-container,.port-preview-iframe{background:#fff;border:2px solid #000;width:100%}.port-preview-iframe{border-radius:12px;box-shadow:none;height:600px}.port-empty-preview{padding:80px 20px;text-align:center}.port-empty-preview p{color:#000;color:var(--port-text-muted);font-size:15px;font-weight:600}.port-preview-info{display:flex;flex-direction:column;gap:20px;margin-top:24px}.port-domain-info-section{background:#fff;border:2px solid #000;border-radius:16px;padding:24px}.port-domain-preview{color:#000;font-size:14px;margin-top:12px}.port-domain-preview strong{color:#000;font-weight:700}.port-status-section{background:#fff;border:2px solid #000;border-radius:16px;padding:20px}.port-empty-state{padding:60px 20px;text-align:center;width:100%}.port-empty-state h3{color:#000;font-size:18px;font-weight:800;margin-bottom:12px}.port-empty-state p{color:#000;color:var(--port-text-muted);font-size:14px;margin-bottom:24px}.btn{background:#0000;border-radius:100px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;justify-content:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--port-primary)}.btn-primary:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0003}.btn-secondary{background:#000;background:var(--port-text-muted)}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-outline{border:2px solid #000;border:2px solid var(--port-border);color:#000}.btn-outline:hover:not(:disabled){background:#fff;background:var(--port-bg);border-color:#000;border-color:var(--port-primary);transform:translateY(-2px)}.btn-success{background:var(--port-success)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-danger{background:#000;background:var(--port-danger)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-sm{font-size:13px;padding:8px 16px}.btn.loading{color:#0000;pointer-events:none;position:relative}.btn.loading:after{animation:port-spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes port-spin{to{transform:rotate(1turn)}}.port-footer{background:#fff;border-top:1px solid #000;border-top:1px solid var(--port-border);box-shadow:0 -4px 20px #0000000d;margin-top:auto;padding:20px}.port-step-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px}.port-step-controls .btn-outline{background:#fff;border:2px solid #000;border:2px solid var(--port-border);color:#000;color:var(--port-text-main);font-size:14px;font-weight:700;padding:14px 28px}.port-step-controls .btn-outline:hover:not(:disabled){background:#fff;background:var(--port-bg);border-color:#000;border-color:var(--port-text-main);transform:translateY(-2px)}.port-step-controls .btn-primary{background:#000;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:700;padding:14px 32px}.port-step-controls .btn-primary:hover:not(:disabled){background:#1a1a1a;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.port-final-actions{display:flex;flex-wrap:wrap;gap:12px}.port-final-actions .btn{font-size:14px;font-weight:700;padding:14px 32px}.notification{animation:port-slideIn .3s ease;background:#fff;box-shadow:0 8px 24px #00000026;max-width:400px;padding:16px 20px;z-index:2000}@keyframes port-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-success{border-left:4px solid #000;border-left:4px solid var(--port-success)}.notification-error{border-left:4px solid #000;border-left:4px solid var(--port-danger)}.notification-info{border-left:4px solid #000;border-left:4px solid var(--port-accent)}.notification span{color:#000;color:var(--port-text-main);flex:1 1;font-size:14px;font-weight:600}.notification-close{border-radius:6px;color:#000;color:var(--port-text-muted)}.notification-close:hover{background:#fff;background:var(--port-bg);color:#000;color:var(--port-text-main)}.port-loading-overlay{align-items:center;animation:port-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes port-fadeIn{0%{opacity:0}to{opacity:1}}.port-loading-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;text-align:center}.port-loading-content p{color:#000;color:var(--port-text-muted);font-size:14px;font-weight:600;margin-top:16px}.spinner{animation:port-spin .8s linear infinite;border:3px solid #fff;border-top-color:#000;border:3px solid var(--port-bg);border-top-color:var(--port-accent)}.spinner.large{border-width:4px;height:48px;width:48px}.port-project-card{background:#fff;border:1px solid #000;border:1px solid var(--port-border);border-radius:16px;box-shadow:0 2px 12px #0000000d;margin-bottom:24px;overflow:hidden}.port-project-images{width:100%}.port-project-main-image{height:300px;object-fit:cover;width:100%}.port-project-thumbnails{background:#fff;background:var(--port-bg);display:flex;gap:8px;padding:12px}.port-project-thumbnail{border-radius:8px;cursor:pointer;height:80px;object-fit:cover;transition:transform .2s;width:80px}.port-project-thumbnail:hover{transform:scale(1.05)}.port-project-info{padding:24px}.port-project-title{color:#000;color:var(--port-text-main);font-size:20px;font-weight:700;margin-bottom:8px}.port-project-category{background:#fff;background:var(--port-bg);border-radius:100px;color:#000;color:var(--port-text-muted);display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.port-project-description{color:#000;color:var(--port-text-muted);font-size:14px;line-height:1.6;margin-bottom:16px}.port-project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.port-tech-tag{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:12px;font-weight:600;padding:6px 12px}.port-project-links{display:flex;flex-wrap:wrap;gap:12px}.port-project-link{background:#000;background:var(--port-primary);border-radius:100px;color:#fff;font-size:13px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .2s}.port-project-link:hover{background:#333;transform:translateY(-2px)}.port-skill-category{margin-bottom:24px}.port-skill-category h4{color:#000;color:var(--port-text-main);font-size:16px;font-weight:700;margin-bottom:16px}.port-skills-list{display:flex;flex-direction:column;gap:16px}.port-skill-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:150px 1fr auto}.port-skill-name{color:#000;color:var(--port-text-main);font-size:14px;font-weight:600}.port-skill-bar{background:#fff;background:var(--port-bg);border-radius:4px;height:8px;overflow:hidden}.port-skill-progress{background:#000;background:var(--port-accent);border-radius:4px;height:100%;transition:width .3s ease}.port-skill-proficiency{color:#000;color:var(--port-text-muted);font-size:13px;font-weight:700}.port-education-item,.port-experience-item{border-bottom:1px solid #000;border-bottom:1px solid var(--port-border);margin-bottom:32px;padding-bottom:32px}.port-education-item:last-child,.port-experience-item:last-child{border-bottom:none}.port-experience-header{margin-bottom:16px}.port-education-item h3,.port-experience-header h3{color:#000;color:var(--port-text-main);font-size:18px;font-weight:700;margin-bottom:4px}.port-education-item h4,.port-experience-header h4{color:#000;color:var(--port-text-muted);font-size:16px;font-weight:600;margin-bottom:8px}.port-education-date,.port-education-grade,.port-experience-date,.port-experience-location{color:#000;color:var(--port-text-muted);font-size:13px;margin-right:16px}.port-education-description,.port-experience-description{color:#000;color:var(--port-text-muted);font-size:14px;line-height:1.6;margin-bottom:16px}.port-experience-achievements,.port-experience-responsibilities{margin-bottom:16px}.port-experience-achievements h5,.port-experience-responsibilities h5{color:#000;color:var(--port-text-main);font-size:14px;font-weight:700;margin-bottom:8px}.port-experience-achievements ul,.port-experience-responsibilities ul{list-style:disc;padding-left:24px}.port-experience-achievements li,.port-experience-responsibilities li{color:#000;color:var(--port-text-muted);font-size:14px;line-height:1.6;margin-bottom:6px}.port-social-link{align-items:center;background:#fff;background:var(--port-bg);border-radius:100px;color:#000;color:var(--port-text-main);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;margin-right:12px;padding:8px 16px;text-decoration:none;transition:all .2s}.port-social-link:hover{background:#000;background:var(--port-primary);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.port-body{padding:16px}.port-header{padding:12px 16px}.port-header-content{align-items:flex-start;flex-direction:column}.port-header-content h1{font-size:18px}.port-header-actions{width:100%}.port-step-navigation-horizontal{padding:8px 16px;top:69px}.port-nav-step-horizontal{font-size:12px;padding:10px 18px}.port-form-grid,.port-skills-grid,.port-templates-grid{grid-template-columns:1fr}.port-preview-header,.port-section-header{align-items:flex-start;flex-direction:column}.port-preview-actions{width:100%}.port-preview-actions .btn{flex:1 1}.port-preview-iframe{height:400px}.port-skill-item{gap:8px;grid-template-columns:1fr}.port-step-controls{justify-content:stretch}.port-step-controls .btn{flex:1 1}.port-image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.notification{left:10px;max-width:calc(100% - 20px);right:10px}.port-form-section{padding:20px}}@media (max-width:500px){.port-header{padding:10px 12px}.port-header-content h1{font-size:16px}.port-draft-badge,.port-user-info{font-size:10px;padding:4px 8px}.btn-sm{font-size:12px;padding:6px 12px}.port-step-navigation-horizontal{padding:6px 12px;top:63px}.port-nav-step-horizontal{font-size:11px;padding:8px 14px}.port-step-icon-horizontal{font-size:14px}.port-form-section{border-radius:16px;padding:16px}.port-form-section h3{font-size:16px}.port-item-form{padding:16px}.port-template-preview{height:140px}.port-preview-iframe{height:300px}.btn{font-size:13px;padding:10px 20px}.port-empty-preview,.port-empty-state{padding:40px 16px}.port-domain-info-section,.port-status-section{padding:16px}}@media (max-width:375px){.port-body{padding:12px}.port-nav-step-horizontal .port-step-label-horizontal{display:none}.port-nav-step-horizontal{padding:8px 12px}.port-form-section,.port-item-form{padding:14px}}.btn:focus-visible,.port-form-input:focus-visible,.port-form-select:focus-visible,.port-form-textarea:focus-visible,.port-nav-step-horizontal:focus-visible{outline:3px solid #000;outline:3px solid var(--port-accent);outline-offset:2px}.port-container ::selection{background:#000;background:var(--port-accent);color:#fff}.port-container ::-moz-selection{background:#000;background:var(--port-accent);color:#fff}@media (prefers-reduced-motion:reduce){.port-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--wm-cream:#f9f7f2;--wm-black:#1a1a1a;--wm-coral:#e87a5d;--wm-gray:#eeece7;--wm-white:#fff;--wm-success:#10b981;--wm-radius-studio:24px;--wm-radius-pill:100px;--wm-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.wm-pricing-card .wm-btn{margin-top:8px!important;padding:16px 32px!important}.wm-pricing-card .wm-btn-block{display:block!important;width:100%!important}.wm-pricing-card button{border-radius:100px!important;border-radius:var(--wm-radius-pill)!important;font-size:.95rem!important;font-weight:700!important;padding:16px 32px!important}body{font-family:Plus Jakarta Sans,sans-serif}.wm-container,body{background-color:#f9f7f2!important;background-color:var(--wm-cream)!important;color:#1a1a1a!important;color:var(--wm-black)!important}.wm-container{max-width:100vw;min-height:100vh;overflow-x:hidden;padding:16px}.wm-wrapper{margin:0 auto;max-width:1000px}.wm-loading{align-items:center;background-color:#f9f7f2!important;background-color:var(--wm-cream)!important;color:#1a1a1a!important;color:var(--wm-black)!important;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.wm-spinner{animation:wm-spin 1s linear infinite;border:4px solid #eeece7!important;border-top:4px solid #e87a5d!important;border:4px solid var(--wm-gray)!important;border-radius:50%;border-top-color:var(--wm-coral)!important;height:48px;width:48px}@keyframes wm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wm-loading p{font-size:.9rem;margin-top:20px;opacity:.6}.wm-loading p,.wm-notification{color:#1a1a1a!important;color:var(--wm-black)!important;font-weight:600}.wm-notification{align-items:center;animation:wm-slideIn .3s ease-out;background:#fff!important;background:var(--wm-white)!important;border:1px solid #0000000d;border-radius:24px;border-radius:var(--wm-radius-studio);box-shadow:0 8px 15px #0000001a;display:flex;font-size:.85rem;gap:12px;justify-content:space-between;max-width:350px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes wm-slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.wm-notification-success{border-left:4px solid #10b981!important;border-left:4px solid var(--wm-success)!important}.wm-notification-error{border-left:4px solid #ef4444!important}.wm-notification-warning{border-left:4px solid #ffc107!important}.wm-notification-info{border-left:4px solid #17a2b8!important}.wm-notification button{background:none;border:none;color:#1a1a1a!important;color:var(--wm-black)!important;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.5;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition)}.wm-notification button:hover{opacity:1}.wm-header{margin-bottom:24px;padding:10px 4px}.wm-header,.wm-header-content{align-items:center;display:flex;justify-content:space-between}.wm-header-content{width:100%}.wm-header h1{color:#1a1a1a!important;color:var(--wm-black)!important;font-family:Playfair Display,serif;font-size:1.8rem;letter-spacing:-1px}.wm-btn{background:#1a1a1a!important;background:var(--wm-black)!important;border:none;border-radius:100px;border-radius:var(--wm-radius-pill);box-shadow:0 8px 15px #0000001a;color:#fff!important;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition)}.wm-btn:hover{box-shadow:0 12px 20px #00000026;transform:translateY(-2px)}.wm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.wm-btn-primary{background:#1a1a1a!important;background:var(--wm-black)!important;color:#fff!important}.wm-btn-secondary{background:#fff!important;background:var(--wm-white)!important;border:1.5px solid #eeece7;border:1.5px solid var(--wm-gray);color:#1a1a1a!important;color:var(--wm-black)!important}.wm-btn-success{background:#10b981!important;background:var(--wm-success)!important;color:#fff!important}.wm-btn-warning{background:#ffc107!important;color:#1a1a1a!important;color:var(--wm-black)!important}.wm-btn-danger{background:#ef4444!important;color:#fff!important}.wm-btn-sm{border-radius:6px;font-size:.75rem;padding:6px 12px}.wm-btn-block{width:100%}.wm-stats-strip{align-items:center;background:#fff!important;background:var(--wm-white)!important;border:1px solid #eeece7;border:1px solid var(--wm-gray);border-radius:24px;border-radius:var(--wm-radius-studio);display:flex;gap:20px;justify-content:space-around;margin-bottom:30px;overflow-x:auto;padding:20px;scrollbar-width:none}.wm-stats-strip::-webkit-scrollbar{display:none}.wm-stat-item{align-items:baseline;display:flex;flex-shrink:0;gap:6px}.wm-stat-label{font-size:.65rem;font-weight:800;letter-spacing:1px;opacity:.5;text-transform:uppercase}.wm-stat-label,.wm-stat-value{color:#1a1a1a!important;color:var(--wm-black)!important}.wm-stat-value{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700}.wm-section-title{color:#1a1a1a!important;color:var(--wm-black)!important;font-size:.75rem;font-weight:800;letter-spacing:1.5px;margin-bottom:16px;opacity:.4;padding-left:4px;text-transform:uppercase}.wm-project-card{grid-gap:16px;background:#fff!important;background:var(--wm-white)!important;border:1px solid #eeece7;border:1px solid var(--wm-gray);border-radius:24px;border-radius:var(--wm-radius-studio);display:grid;gap:16px;margin-bottom:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition)}.wm-project-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}@media (min-width:768px){.wm-header h1{font-size:3rem}.wm-project-card{align-items:center;grid-template-columns:2fr 1.5fr 1fr 1.5fr}}.wm-proj-info .wm-title{color:#1a1a1a!important;color:var(--wm-black)!important;display:block;font-size:1.1rem;font-weight:800;margin-bottom:4px}.wm-proj-info .wm-template{color:#e87a5d!important;color:var(--wm-coral)!important;font-size:.7rem;font-weight:700;text-transform:uppercase}.wm-proj-url{background:#f9f7f2!important;background:var(--wm-cream)!important;border-radius:8px;color:#666!important;font-family:monospace;font-size:.85rem;padding:6px 12px;word-break:break-all}.wm-status-badge{align-items:center;border-radius:100px;border-radius:var(--wm-radius-pill);display:inline-flex;font-size:.7rem;font-weight:800;gap:6px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.wm-status-live{background:#e6f6f0!important;color:#10b981!important;color:var(--wm-success)!important}.wm-status-draft{background:#f3f4f6!important;color:#666!important}.wm-status-ready{background:#e0f2fe!important;color:#0284c7!important}.wm-status-archived{background:#fee2e2!important;color:#dc2626!important}.wm-action-group{display:flex;flex-wrap:wrap;gap:8px}.wm-btn-action{align-items:center;background:#fff!important;border:1.5px solid #eeece7;border:1.5px solid var(--wm-gray);border-radius:100px;border-radius:var(--wm-radius-pill);color:#1a1a1a!important;color:var(--wm-black)!important;cursor:pointer;display:flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;gap:6px;justify-content:center;min-width:80px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition)}.wm-btn-action:hover{background:#1a1a1a!important;background:var(--wm-black)!important;border-color:#1a1a1a;border-color:var(--wm-black);color:#fff!important;transform:translateY(-2px)}.wm-btn-delete{color:#ff4d4d!important;flex:0 0 44px;padding:12px}.wm-btn-delete:hover{background:#fff1f1!important;border-color:#ff4d4d!important;color:#ff4d4d!important}.wm-pulse{animation:wm-pulse-animation 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}@keyframes wm-pulse-animation{0%{box-shadow:0 0 0 0 #10b98166}to{box-shadow:0 0 0 8px #10b98100}}.wm-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.wm-search{flex:1 1;min-width:250px}.wm-search-input{background:#fff!important;background:var(--wm-white)!important;border:1.5px solid #eeece7;border:1.5px solid var(--wm-gray);border-radius:24px;border-radius:var(--wm-radius-studio);color:#1a1a1a!important;color:var(--wm-black)!important;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition);width:100%}.wm-search-input:focus{border-color:#1a1a1a;border-color:var(--wm-black);box-shadow:0 5px 15px #0000000d}.wm-filter-group{align-items:center;display:flex;gap:8px}.wm-filter-group label{font-size:.75rem;font-weight:700;opacity:.6}.wm-filter-group label,.wm-select{color:#1a1a1a!important;color:var(--wm-black)!important}.wm-select{background:#fff!important;background:var(--wm-white)!important;border:1.5px solid #eeece7;border:1.5px solid var(--wm-gray);border-radius:100px;border-radius:var(--wm-radius-pill);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;outline:none;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition)}.wm-select:focus{border-color:#1a1a1a;border-color:var(--wm-black)}.wm-table-container{background:#fff!important;background:var(--wm-white)!important;border:1px solid #eeece7;border:1px solid var(--wm-gray);border-radius:24px;border-radius:var(--wm-radius-studio);overflow-x:auto;padding:20px}.wm-table{border-collapse:collapse;width:100%}.wm-table thead{border-bottom:2px solid #eeece7;border-bottom:2px solid var(--wm-gray)}.wm-table th{font-size:.7rem;font-weight:800;letter-spacing:1px;opacity:.6;padding:12px;text-align:left;text-transform:uppercase}.wm-table td,.wm-table th{color:#1a1a1a!important;color:var(--wm-black)!important}.wm-table td{border-bottom:1px solid #eeece7;border-bottom:1px solid var(--wm-gray);font-size:.85rem;padding:16px 12px}.wm-table tbody tr:last-child td{border-bottom:none}.wm-table tbody tr:hover{background:#f9f7f2!important;background:var(--wm-cream)!important}.wm-empty-state{padding:60px 20px;text-align:center}.wm-empty-state h3{font-size:1.5rem;margin-bottom:8px}.wm-empty-state h3,.wm-empty-state p{color:#1a1a1a!important;color:var(--wm-black)!important}.wm-empty-state p{font-size:.9rem;margin-bottom:24px;opacity:.6}.wm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.wm-modal{background:#fff!important;background:var(--wm-white)!important;border-radius:24px;border-radius:var(--wm-radius-studio);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.wm-modal-large{max-width:700px}.wm-modal-pricing{max-width:900px}.wm-modal-header{align-items:center;border-bottom:1px solid #eeece7;border-bottom:1px solid var(--wm-gray);display:flex;justify-content:space-between;padding:24px}.wm-modal-header h3{font-size:1.5rem;font-weight:700}.wm-modal-close,.wm-modal-header h3{color:#1a1a1a!important;color:var(--wm-black)!important}.wm-modal-close{background:none;border:none;cursor:pointer;font-size:2rem;line-height:1;opacity:.5;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--wm-transition)}.wm-modal-close:hover{opacity:1}.wm-modal-body{padding:24px}.wm-modal-footer{border-top:1px solid #eeece7;border-top:1px solid var(--wm-gray);display:flex;gap:12px;justify-content:flex-end;padding:24px}@media (max-width:768px){.wm-project-card{grid-template-columns:1fr}.wm-action-group{width:100%}.wm-btn-action{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.wm-filters{align-items:stretch;flex-direction:column}.wm-filter-group{width:100%}.wm-table-container{overflow-x:scroll}}.wm-text-success{color:#10b981!important;color:var(--wm-success)!important}.wm-text-danger{color:#ef4444!important}.wm-text-warning{color:#ffc107!important}.wm-text-info{color:#17a2b8!important}.wm-text-muted{color:#6c757d!important}.dashboard-container{margin-top:0;overflow:hidden;position:relative;width:100%}.dashboard-container,.dashboard-sidebar{background-color:#fff;display:flex;height:100vh;padding-top:0}.dashboard-sidebar{border-right:1px solid #e5e7eb;bottom:0;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:900}.dashboard-sidebar.dashboard-collapsed{width:70px}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#0000}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dashboard-sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-start;padding:20px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-sidebar-toggle-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.dashboard-sidebar-toggle-btn:hover{background-color:#f3f4f6;color:#111827}.dashboard-nav-menu{flex:1 1;overflow-y:auto;padding:16px 8px}.dashboard-nav-divider{margin-top:8px;padding:12px 16px 8px}.dashboard-nav-divider .dashboard-nav-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-nav-item{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;margin:2px 0;padding:12px 16px;position:relative;transition:all .2s ease}.dashboard-nav-item:hover{background-color:#f3f4f6;color:#111827}.dashboard-nav-item.dashboard-active{background-color:#eff6ff;color:#2563eb;font-weight:500}.dashboard-nav-icon{flex-shrink:0;min-width:20px}.dashboard-nav-item .dashboard-nav-label{font-size:14px;margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-nav-badge{background-color:#ef4444;border-radius:12px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.dashboard-sidebar.dashboard-collapsed .dashboard-nav-item{justify-content:center;padding:12px 8px}.dashboard-sidebar.dashboard-collapsed .dashboard-nav-badge,.dashboard-sidebar.dashboard-collapsed .dashboard-nav-divider .dashboard-nav-label,.dashboard-sidebar.dashboard-collapsed .dashboard-nav-label{display:none}.dashboard-logout-btn{align-items:center;background-color:#fef2f2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:16px 8px;padding:12px 16px;transition:all .2s ease}.dashboard-logout-btn:hover{background-color:#fee2e2}.dashboard-sidebar.dashboard-collapsed .dashboard-logout-btn{justify-content:center;padding:12px 8px}.dashboard-sidebar.dashboard-collapsed .dashboard-logout-btn span{display:none}.dashboard-main-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:260px;overflow:hidden;padding-top:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-main-content.dashboard-expanded{margin-left:70px}.dashboard-content-body{background-color:#fff;flex:1 1;overflow-y:auto;padding:0}.dashboard-content-body::-webkit-scrollbar{width:8px}.dashboard-content-body::-webkit-scrollbar-track{background:#f9fafb}.dashboard-content-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dashboard-content-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dashboard-overview{background-color:#fff;padding:32px}.dashboard-welcome-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.dashboard-welcome-text h1{color:#111827;font-size:28px;font-weight:700;margin-bottom:8px}.dashboard-welcome-text p{color:#6b7280;font-size:15px}.dashboard-quick-action-btn{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.dashboard-quick-action-btn:hover{background-color:#1d4ed8;box-shadow:0 4px 6px #2563eb33;transform:translateY(-1px)}.dashboard-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.dashboard-stat-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.dashboard-stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.dashboard-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dashboard-stat-primary .dashboard-stat-icon{background-color:#eff6ff;color:#2563eb}.dashboard-stat-service .dashboard-stat-icon,.dashboard-stat-success .dashboard-stat-icon{background-color:#f0fdf4;color:#16a34a}.dashboard-stat-warning .dashboard-stat-icon{background-color:#fef3c7;color:#d97706}.dashboard-stat-info .dashboard-stat-icon{background-color:#e0f2fe;color:#0284c7}.dashboard-stat-secondary .dashboard-stat-icon{background-color:#f3f4f6;color:#6b7280}.dashboard-stat-accent .dashboard-stat-icon{background-color:#faf5ff;color:#9333ea}.dashboard-stat-message .dashboard-stat-icon{background-color:#fef2f2;color:#dc2626}.dashboard-stat-content{flex:1 1}.dashboard-stat-value{color:#111827;font-size:24px;font-weight:700;margin-bottom:4px}.dashboard-stat-label{color:#6b7280;font-size:13px;margin-bottom:4px}.dashboard-stat-change{color:#6b7280;font-size:12px}.dashboard-stat-change.dashboard-positive{color:#16a34a;font-weight:500}.dashboard-quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.dashboard-action-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.dashboard-action-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.dashboard-action-icon{align-items:center;background-color:#eff6ff;border-radius:10px;color:#2563eb;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dashboard-action-content h3{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.dashboard-action-content p{color:#6b7280;font-size:12px}.dashboard-activity-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.dashboard-activity-section h2{color:#111827;font-size:18px;font-weight:600;margin-bottom:20px}.dashboard-activity-list{display:flex;flex-direction:column;gap:16px}.dashboard-activity-item{align-items:flex-start;background-color:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.dashboard-activity-item:hover{background-color:#f3f4f6}.dashboard-activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dashboard-activity-icon.dashboard-primary{background-color:#eff6ff;color:#2563eb}.dashboard-activity-icon.dashboard-service,.dashboard-activity-icon.dashboard-success{background-color:#f0fdf4;color:#16a34a}.dashboard-activity-icon.dashboard-warning{background-color:#fef3c7;color:#d97706}.dashboard-activity-content{flex:1 1}.dashboard-activity-content p{color:#111827;font-size:14px;margin-bottom:4px}.dashboard-activity-content span{color:#6b7280;display:block;font-size:13px}.dashboard-activity-time{color:#9ca3af;font-size:12px;margin-top:4px}.dashboard-mobile-menu-toggle,.dashboard-mobile-overlay{display:none}@media (max-width:1024px){.dashboard-container{flex-direction:column;height:100vh;min-height:100vh}.dashboard-sidebar{background-color:#f9f7f2!important;border-bottom:1px solid #e5e7eb;border-right:none;left:0;max-height:60px;overflow-x:auto;overflow-y:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:900}.dashboard-sidebar,.dashboard-sidebar.dashboard-collapsed{flex-direction:row!important;height:auto;width:100%}.dashboard-sidebar.dashboard-collapsed:hover{width:100%}.dashboard-logout-btn,.dashboard-nav-divider,.dashboard-sidebar-header{display:none!important}.dashboard-nav-menu{-ms-overflow-style:none;align-items:center;display:flex!important;flex:1 1;flex-direction:row!important;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px 16px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.dashboard-nav-menu::-webkit-scrollbar{display:none}.dashboard-nav-item{align-items:center;background-color:#f1f5f9!important;border-radius:100px!important;display:inline-flex!important;flex-shrink:0;margin:0!important;padding:10px 18px!important;scroll-snap-align:start;white-space:nowrap}.dashboard-nav-item:hover{background-color:#e2e8f0!important}.dashboard-nav-item.dashboard-active{background-color:#2563eb!important;box-shadow:none!important;color:#fff!important}.dashboard-nav-item .dashboard-nav-icon{height:18px;margin-left:0;margin-right:8px;min-width:18px;width:18px}.dashboard-nav-item .dashboard-nav-label{display:inline-block;font-size:13px;margin-left:0!important}.dashboard-nav-badge{font-size:10px;margin-left:6px!important;margin-right:0;padding:2px 6px}.dashboard-main-content{height:auto;margin-left:0!important;min-height:calc(100vh - 60px)}.dashboard-main-content.dashboard-expanded{margin-left:0!important}.dashboard-content-body{height:auto}.dashboard-overview{padding:24px 16px}.dashboard-welcome-section{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.dashboard-welcome-text h1{font-size:24px}.dashboard-stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-quick-actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-welcome-text h1{font-size:22px}.dashboard-stat-value{font-size:20px}.dashboard-quick-actions-grid{grid-template-columns:1fr}.dashboard-nav-item{font-size:12px;padding:8px 16px}.dashboard-nav-item .dashboard-nav-icon{height:16px;width:16px}}.terms-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:999999}.terms-modal{animation:slideUp .25s ease;background:#fff;background:var(--occ-surface,#fff);border-radius:12px;box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:480px;width:100%}.terms-modal-header{border-bottom:1px solid #00000014;border-bottom:1px solid var(--occ-border,#00000014);padding:16px 20px 12px}.terms-header-content{align-items:center;display:flex;gap:10px;margin-bottom:4px}.terms-header-content h2{color:#1a1a1a;color:var(--occ-black,#1a1a1a);font-family:Playfair Display,serif;font-family:var(--occ-serif,"Playfair Display",serif);font-size:1.3rem;line-height:1.2;margin:0}.terms-version{color:#1a1a1a73;color:var(--occ-text-dim,#1a1a1a73);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono,"JetBrains Mono",monospace);font-size:.55rem;letter-spacing:.8px;margin:0;text-transform:uppercase}.terms-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.terms-intro{background:#ff9f6614;background:var(--occ-accent-dim,#ff9f6614);border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px}.terms-intro svg{flex-shrink:0;margin-top:2px}.terms-intro p{color:#1a1a1a;color:var(--occ-text,#1a1a1a);font-size:.8rem;line-height:1.5;margin:0}.terms-content h3{color:#ff9f66;color:var(--occ-accent,#ff9f66);font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.65rem;letter-spacing:1.2px;margin:0 0 12px;text-transform:uppercase}.terms-content ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 14px;padding:0}.terms-content li{align-items:flex-start;display:flex;font-size:.75rem;gap:8px;line-height:1.4}.terms-content li svg{color:#27ae60;color:var(--occ-green,#27ae60);flex-shrink:0;height:14px;margin-top:1px;width:14px}.terms-content li strong{color:#1a1a1a;color:var(--occ-black,#1a1a1a);font-size:.75rem}.terms-important{background:#fff9e6;border-left:3px solid #f39c12;border-radius:6px;display:flex;gap:10px;margin-top:12px;padding:12px}.terms-important svg{color:#f39c12;flex-shrink:0;height:16px;margin-top:1px;width:16px}.terms-important h4{color:#856404;font-size:.75rem;line-height:1.3;margin:0 0 6px}.terms-important p{color:#856404;font-size:.7rem;line-height:1.4;margin:0}.auto-delete-notice{background:#ffe6e6;border-left-color:#e74c3c}.auto-delete-notice svg{color:#e74c3c}.auto-delete-notice h4,.auto-delete-notice p{color:#c0392b}.deletion-details{font-size:.68rem;margin-top:8px}.deletion-list{margin-top:6px;padding-left:6px}.deletion-list li{display:block;font-size:.7rem;gap:0;margin-bottom:3px}.deletion-manual{background:#ffffff80;border-radius:4px;font-size:.7rem;margin-top:8px;padding:8px}.privacy-note{font-size:.68rem;font-style:italic;margin-top:6px}.terms-checkbox{align-items:flex-start;background:#ff9f660d;border:1px solid #ff9f6633;border-radius:6px;display:flex;gap:8px;margin-top:14px;padding:10px}.terms-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.terms-checkbox label{color:#1a1a1a;color:var(--occ-text,#1a1a1a);cursor:pointer;font-size:.72rem;line-height:1.5}.terms-checkbox label a{color:#ff9f66;color:var(--occ-accent,#ff9f66);font-weight:600;text-decoration:underline}.terms-checkbox label a:hover{color:#ffb388;color:var(--occ-accent-hov,#ffb388)}.terms-error{align-items:center;background:#e74c3c1a;background:var(--occ-red-dim,#e74c3c1a);border:1px solid #e74c3c;border:1px solid var(--occ-red,#e74c3c);border-radius:6px;color:#e74c3c;color:var(--occ-red,#e74c3c);display:flex;font-size:.72rem;gap:6px;margin-top:10px;padding:10px 12px}.terms-modal-footer{border-top:1px solid #f0884314;border-top:1px solid var(--occ-border,#f0884314);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.terms-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.65rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase;transition:all .2s}.terms-btn.outline{background:#0000;border:1px solid #00000026;border:1px solid var(--occ-border-md,#00000026);color:#f4902d99;color:var(--occ-text-dim,#f4902d99)}.terms-btn.outline:hover:not(:disabled){border-color:#f99b28;border-color:var(--occ-black,#f99b28);color:#f8961f;color:var(--occ-black,#f8961f)}.terms-btn.accent{background:#ff9f66;background:var(--occ-accent,#ff9f66);color:#fff;opacity:.5}.terms-btn.accent.active{opacity:1}.terms-btn.accent.active:hover:not(:disabled){background:#ffb388;background:var(--occ-accent-hov,#ffb388);box-shadow:0 3px 12px #ff9f664d;transform:translateY(-1px)}.terms-btn:disabled{cursor:not-allowed;opacity:.4}.terms-btn:active:not(:disabled){transform:scale(.98)}.deletion-warning-banner{align-items:center;animation:slideDown .35s ease;border:2px solid;border-radius:10px;display:flex;gap:12px;margin:12px 0;padding:12px 16px;transition:all .3s ease}.deletion-warning-banner.normal{background:#e8f4ff;border-color:#3498db}.deletion-warning-banner.urgent{background:#fff9e6;border-color:#f39c12}.deletion-warning-banner.critical{animation:pulse 2s ease-in-out infinite;background:#ffe6e6;border-color:#e74c3c}.dwb-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.deletion-warning-banner.normal .dwb-icon{background:#3498db;color:#fff}.deletion-warning-banner.urgent .dwb-icon{background:#f39c12;color:#fff}.deletion-warning-banner.critical .dwb-icon{background:#e74c3c;color:#fff}.dwb-content{flex:1 1}.dwb-content h4{font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.75rem;font-weight:700;letter-spacing:.4px;margin:0 0 4px;text-transform:uppercase}.deletion-warning-banner.normal .dwb-content h4{color:#2980b9}.deletion-warning-banner.urgent .dwb-content h4{color:#d68910}.deletion-warning-banner.critical .dwb-content h4{color:#c0392b}.dwb-content p{color:#1a1a1acc;font-size:.75rem;line-height:1.4;margin:0 0 6px}.dwb-content p strong{color:#1a1a1a;font-weight:700}.dwb-kept-info{align-items:center;color:#1a1a1a99;display:flex;font-size:.68rem;gap:5px;margin-top:3px}.dwb-kept-info svg{color:#27ae60;height:13px;width:13px}.dwb-disable-btn{background:#ff9f66;background:var(--occ-accent,#ff9f66);border:none;border-radius:7px;color:#fff;cursor:pointer;flex-shrink:0;font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.65rem;font-weight:700;letter-spacing:.8px;padding:8px 16px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.dwb-disable-btn:hover{background:#ffb388;background:var(--occ-accent-hov,#ffb388);box-shadow:0 3px 10px #ff9f664d;transform:translateY(-1px)}.dwb-disable-btn:active{transform:translateY(0)}.deletion-info-card{background:#fff;background:var(--occ-surface,#fff);border:1px solid #0000001a;border:1px solid var(--occ-border,#0000001a);border-radius:10px;overflow:hidden}.dic-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:8px;padding:12px 16px}.dic-header svg{height:16px;width:16px}.dic-header h4{font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.7rem;font-weight:700;letter-spacing:.8px;margin:0;text-transform:uppercase}.dic-body{padding:16px}.dic-row{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--occ-border,#00000014);display:flex;justify-content:space-between;padding:10px 0}.dic-row:last-child{border-bottom:none}.dic-label{color:#1a1a1a99;font-size:.75rem}.dic-value{color:#1a1a1a;font-size:.75rem;font-weight:600}.dic-value.urgent{color:#e74c3c;font-weight:700}.dic-badge{border-radius:16px;font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.dic-badge.scheduled{background:#fff9e6;border:1px solid #f39c12;color:#f39c12}.dic-warning{background:#ffe6e6;border-left:3px solid #e74c3c;border-radius:6px;display:flex;gap:10px;margin:12px 0;padding:12px}.dic-warning svg{color:#e74c3c;flex-shrink:0;height:15px;margin-top:1px;width:15px}.dic-warning strong{color:#c0392b;display:block;font-size:.72rem;margin-bottom:6px}.dic-warning ul{margin:3px 0;padding-left:18px}.dic-warning li{color:#c0392b;font-size:.7rem;margin-bottom:3px}.dic-disable-btn{background:#ff9f66;background:var(--occ-accent,#ff9f66);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.65rem;font-weight:700;letter-spacing:.8px;margin-top:12px;padding:10px 20px;text-transform:uppercase;transition:all .2s;width:100%}.dic-disable-btn:hover:not(:disabled){background:#ffb388;background:var(--occ-accent-hov,#ffb388);box-shadow:0 3px 12px #ff9f664d}.dic-disable-btn:disabled{cursor:not-allowed;opacity:.5}.dic-kept{align-items:center;display:flex;flex-direction:column;padding:32px 16px;text-align:center}.dic-kept svg{color:#27ae60;height:40px;margin-bottom:12px;width:40px}.dic-kept p{color:#1a1a1acc;font-size:.8rem;margin:3px 0}.dic-kept p strong{color:#27ae60}.deletion-countdown{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;gap:6px;justify-content:center;padding:16px}.countdown-unit{align-items:center;display:flex;flex-direction:column;min-width:50px}.countdown-value{font-family:monospace;font-family:var(--occ-mono,monospace);font-size:1.6rem;font-weight:700;line-height:1}.countdown-label{font-size:.6rem;letter-spacing:.8px;margin-top:3px;opacity:.8;text-transform:uppercase}.countdown-separator{font-size:1.3rem;font-weight:700;opacity:.6}@media (max-width:768px){.terms-modal{border-radius:10px;max-height:90vh;max-width:95vw}.terms-modal-header{padding:14px 16px 10px}.terms-header-content h2{font-size:1.15rem}.terms-modal-body{padding:14px 16px}.terms-intro{gap:8px;padding:10px}.terms-intro p{font-size:.75rem}.terms-content li{font-size:.72rem}.terms-important{padding:10px}.terms-important h4{font-size:.72rem}.terms-important p{font-size:.68rem}.terms-checkbox{padding:8px}.terms-checkbox input[type=checkbox]{height:15px;width:15px}.terms-checkbox label{font-size:.7rem}.terms-modal-footer{flex-direction:column;padding:12px 16px}.terms-btn{font-size:.62rem;padding:10px 16px;width:100%}.deletion-warning-banner{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 14px}.dwb-icon{height:32px;width:32px}.dwb-content h4{font-size:.7rem}.dwb-content p{font-size:.72rem}.dwb-kept-info{font-size:.65rem}.dwb-disable-btn{font-size:.62rem;padding:9px 14px;width:100%}.deletion-countdown{gap:4px;padding:12px}.countdown-unit{min-width:42px}.countdown-value{font-size:1.3rem}.countdown-label{font-size:.55rem}.countdown-separator{font-size:1.1rem}.dic-body{padding:14px}.dic-row{padding:8px 0}.dic-label,.dic-value{font-size:.72rem}.dic-badge{font-size:.6rem;padding:2px 8px}.dic-warning{padding:10px}.dic-warning strong{font-size:.7rem}.dic-warning li{font-size:.68rem}}@media (max-width:480px){.terms-header-content h2{font-size:1.05rem}.terms-version{font-size:.52rem}.terms-intro p{font-size:.72rem}.terms-content h3{font-size:.62rem}.terms-content li{font-size:.7rem}.terms-checkbox label{font-size:.68rem}.deletion-warning-banner{padding:10px 12px}.dwb-content h4{font-size:.68rem}.dwb-content p{font-size:.7rem}}:root{--occ-radius:12px;--occ-shadow-sm:0 2px 8px #0000000f;--occ-shadow-md:0 4px 18px #00000014;--occ-shadow-lg:0 8px 32px #0000001a}.occasionmanagement-container{background:#fdfcfb;background:var(--occ-bg);color:#1a1a1a;color:var(--occ-text);font-family:Inter,sans-serif;font-family:var(--occ-sans);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px 80px}.occasionmanagement-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.occasionmanagement-header h1{color:#1a1a1a;color:var(--occ-black);font-family:Playfair Display,serif;font-family:var(--occ-serif);font-size:2.6rem;letter-spacing:-1px;line-height:1;margin:10px 0 8px}.occasionmanagement-header p{color:#1a1a1a73;color:var(--occ-text-dim);font-size:.85rem;line-height:1.5}.occasionmanagement-label-tag{background:#ff9f6621;background:var(--occ-accent-dim);border-radius:6px;color:#ff9f66;color:var(--occ-accent);display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.52rem;letter-spacing:2px;padding:4px 10px;text-transform:uppercase}.occasionmanagement-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:28px 0}.occasionmanagement-stat-box{background:#fff;background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--occ-shadow-sm);padding:18px 12px;text-align:center;transition:box-shadow .2s,transform .2s}.occasionmanagement-stat-box:hover{box-shadow:0 4px 18px #00000014;box-shadow:var(--occ-shadow-md);transform:translateY(-2px)}.sb-val{color:#1a1a1a;color:var(--occ-black);font-family:Playfair Display,serif;font-family:var(--occ-serif);font-size:1.8rem;font-weight:700}.sb-label{color:#1a1a1a73;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.5rem;letter-spacing:1px;margin-top:6px}.occasionmanagement-view-toggle{border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);display:flex;gap:8px;margin-bottom:24px;padding-bottom:2px}.occasionmanagement-view-toggle button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#1a1a1a73;color:var(--occ-text-dim);cursor:pointer;display:flex;flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;gap:6px;justify-content:center;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .2s}.occasionmanagement-view-toggle button:hover{background:#f7f6f4;background:var(--occ-surface2);color:#1a1a1a;color:var(--occ-black)}.occasionmanagement-view-toggle button.active{border-bottom-color:#ff9f66;border-bottom-color:var(--occ-accent);color:#ff9f66;color:var(--occ-accent);font-weight:700}.occasionmanagement-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.occasionmanagement-search-box{align-items:center;background:#fff;background:var(--occ-surface);border:1px solid #0000001f;border:1px solid var(--occ-border-md);border-radius:10px;display:flex;flex:1 1;gap:10px;min-width:250px;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.occasionmanagement-search-box:focus-within{border-color:#ff9f66;border-color:var(--occ-accent);box-shadow:0 0 0 3px #ff9f6621;box-shadow:0 0 0 3px var(--occ-accent-dim)}.occasionmanagement-search-box input{background:#0000;border:none;color:#1a1a1a;color:var(--occ-text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--occ-sans);font-size:.85rem;outline:none}.occasionmanagement-search-box input::placeholder{color:#1a1a1a73;color:var(--occ-text-dim)}.occasionmanagement-filter-group{display:flex;flex-wrap:wrap;gap:8px}.occasionmanagement-filter-select{align-items:center;background:#fff;background:var(--occ-surface);border:1px solid #0000001f;border:1px solid var(--occ-border-md);border-radius:10px;display:flex;gap:8px;padding:11px 14px;transition:border-color .2s}.occasionmanagement-filter-select:hover{border-color:#0000001f;border-color:var(--occ-border-md)}.occasionmanagement-filter-select select{background:#0000;border:none;color:#1a1a1a;color:var(--occ-text);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;letter-spacing:.5px;outline:none;text-transform:uppercase}.occasionmanagement-filter-select select option{background:#fff;background:var(--occ-surface);color:#1a1a1a;color:var(--occ-text);padding:8px}.occasionmanagement-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.occasionmanagement-card{background:#fff;background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--occ-shadow-sm);padding:18px;position:relative;transition:box-shadow .2s,transform .2s}.occasionmanagement-card:hover{box-shadow:0 4px 18px #00000014;box-shadow:var(--occ-shadow-md);transform:translateY(-2px)}.omc-header{align-items:flex-start;border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);display:flex;gap:10px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;position:relative}.omc-title-section{flex:1 1;min-width:0}.omc-header h3{color:#1a1a1a;color:var(--occ-black);font-family:Playfair Display,serif;font-family:var(--occ-serif);font-size:1.2rem;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omc-celebrant{font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.6rem;letter-spacing:.5px;text-transform:uppercase}.omc-celebrant,.omc-menu-btn{color:#1a1a1a73;color:var(--occ-text-dim)}.omc-menu-btn{align-items:center;background:#f7f6f4;background:var(--occ-surface2);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.omc-menu-btn:hover{background:#00000012;background:var(--occ-border);color:#1a1a1a;color:var(--occ-black)}.omc-actions-dropdown{animation:omc-dropdown-appear .2s ease;background:#fff;background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:10px;box-shadow:0 8px 32px #0000001a;box-shadow:var(--occ-shadow-lg);min-width:180px;overflow:hidden;position:absolute;right:0;top:40px;z-index:100}@keyframes omc-dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.omc-actions-dropdown button{align-items:center;background:#0000;border:none;border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);color:#1a1a1a;color:var(--occ-text);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;gap:8px;letter-spacing:.5px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.omc-actions-dropdown button:last-child{border-bottom:none}.omc-actions-dropdown button:hover{background:#f7f6f4;background:var(--occ-surface2)}.omc-actions-dropdown button.danger:hover{background:#e74c3c1a;background:var(--occ-red-dim);color:#e74c3c;color:var(--occ-red)}.omc-body{margin-bottom:14px}.omc-meta-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:10px}.omc-meta-item{display:flex;flex-direction:column;gap:3px}.meta-label{color:#1a1a1a73;color:var(--occ-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.5rem;letter-spacing:1px;text-transform:uppercase}.meta-value{color:#1a1a1a;color:var(--occ-text);font-size:.78rem;font-weight:500}.omc-url-section{border-top:1px solid #00000012;border-top:1px solid var(--occ-border);margin-top:12px;padding-top:12px}.omc-url-link{color:#ff9f66;color:var(--occ-accent);display:block;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.68rem;margin-top:4px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.omc-url-link:hover{color:#ffb388;color:var(--occ-accent-hov);text-decoration:underline}.omc-footer{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.om-badge{border-radius:5px;display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.52rem;font-weight:600;letter-spacing:.8px;padding:3px 8px;text-transform:uppercase}.om-badge.published{background:#27ae601f;background:var(--occ-green-dim);color:#27ae60;color:var(--occ-green)}.om-badge.draft{background:#f7f6f4;background:var(--occ-surface2);color:#1a1a1a73;color:var(--occ-text-dim)}.om-badge.template{background:#3498db1a;background:var(--occ-blue-dim);color:#3498db;color:var(--occ-blue)}.om-badge.success{background:#27ae601f;background:var(--occ-green-dim);color:#27ae60;color:var(--occ-green)}.om-badge.pending{background:#f39c121f;color:#f39c12}.om-badge.failed{background:#e74c3c1a;background:var(--occ-red-dim);color:#e74c3c;color:var(--occ-red)}.om-badge.refunded{background:#8e44ad1f;color:#8e44ad}.occasionmanagement-transactions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.occasionmanagement-transaction-card{background:#fff;background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--occ-shadow-sm);padding:16px;transition:box-shadow .2s}.occasionmanagement-transaction-card:hover{box-shadow:0 4px 18px #00000014;box-shadow:var(--occ-shadow-md)}.omtc-header{align-items:flex-start;border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.omtc-id{color:#1a1a1a;color:var(--occ-black);font-size:.7rem;font-weight:700;letter-spacing:.5px;margin:0 0 4px}.omtc-date,.omtc-id{font-family:JetBrains Mono,monospace;font-family:var(--occ-mono)}.omtc-date{color:#1a1a1a73;color:var(--occ-text-dim);font-size:.55rem;letter-spacing:.3px}.omtc-body{display:flex;flex-direction:column;gap:8px}.omtc-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.omtc-label{color:#1a1a1a73;color:var(--occ-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.55rem;letter-spacing:.8px;text-transform:uppercase}.omtc-value{color:#1a1a1a;color:var(--occ-text);font-size:.78rem;font-weight:500;text-align:right}.omtc-amount{color:#ff9f66;color:var(--occ-accent);font-size:.85rem}.occasionmanagement-btn,.omtc-amount{font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-weight:700}.occasionmanagement-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.65rem;gap:6px;justify-content:center;letter-spacing:1.2px;padding:12px 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.occasionmanagement-btn:active{transform:scale(.96)}.occasionmanagement-btn:disabled{cursor:not-allowed;opacity:.32}.occasionmanagement-btn.accent{background:#ff9f66;background:var(--occ-accent);color:#1a1a1a;color:var(--occ-black)}.occasionmanagement-btn.accent:hover:not(:disabled){background:#ffb388;background:var(--occ-accent-hov);box-shadow:0 4px 16px #ff9f664d}.occasionmanagement-btn.outline{background:#0000;border:1px solid #0000001f;border:1px solid var(--occ-border-md);color:#1a1a1a73;color:var(--occ-text-dim)}.occasionmanagement-btn.outline:hover:not(:disabled){border-color:#1a1a1a;border-color:var(--occ-black);color:#1a1a1a;color:var(--occ-black)}.occasionmanagement-btn.danger{background:#e74c3c;background:var(--occ-red);color:#fff}.occasionmanagement-btn.danger:hover:not(:disabled){background:#c0392b;box-shadow:0 4px 14px #e74c3c4d}.occasionmanagement-modal-overlay{align-items:center;animation:omm-overlay-appear .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}@keyframes omm-overlay-appear{0%{opacity:0}to{opacity:1}}.occasionmanagement-modal{animation:omm-modal-appear .3s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--occ-surface);border-radius:16px;box-shadow:0 8px 32px #0000001a;box-shadow:var(--occ-shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.occasionmanagement-modal.small{max-width:400px}@keyframes omm-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.omm-header{align-items:center;border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);display:flex;justify-content:space-between;padding:20px 24px}.omm-header h2{color:#1a1a1a;color:var(--occ-black);font-family:Playfair Display,serif;font-family:var(--occ-serif);font-size:1.5rem;margin:0}.omm-close{align-items:center;background:#0000;border:none;color:#1a1a1a73;color:var(--occ-text-dim);cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:32px}.omm-close:hover{color:#1a1a1a;color:var(--occ-black)}.omm-body{flex:1 1;overflow-y:auto;padding:24px}.omm-detail-row{align-items:center;border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);display:flex;gap:16px;justify-content:space-between;padding:12px 0}.omm-detail-row:last-child{border-bottom:none}.omm-label{color:#1a1a1a73;color:var(--occ-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase}.omm-value{color:#1a1a1a;color:var(--occ-text);font-size:.85rem;font-weight:500;text-align:right}.omm-link{color:#ff9f66;color:var(--occ-accent);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.75rem;text-decoration:none;transition:color .2s}.omm-link:hover{color:#ffb388;color:var(--occ-accent-hov);text-decoration:underline}.omm-empty-text{color:#1a1a1a73;color:var(--occ-text-dim);font-size:.85rem;padding:40px 20px;text-align:center}.omm-warning{color:#e74c3c;color:var(--occ-red);font-size:.8rem;margin-top:8px}.omm-transactions-list{display:flex;flex-direction:column;gap:12px}.omm-footer{border-top:1px solid #00000012;border-top:1px solid var(--occ-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.occasionmanagement-empty{padding:80px 20px;text-align:center}.occasionmanagement-empty p{color:#1a1a1a73;color:var(--occ-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.7rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.occasionmanagement-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:100px 20px}.occasionmanagement-loading p{color:#1a1a1a73;color:var(--occ-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase}.occasionmanagement-spinner{animation:occ-spin .7s linear infinite;border:3px solid #0000001f;border-top-color:#ff9f66;border:3px solid var(--occ-border-md);border-radius:50%;border-top-color:var(--occ-accent);height:28px;width:28px}.occasionmanagement-spinner.lg{border-width:4px;height:42px;width:42px}@keyframes occ-spin{to{transform:rotate(1turn)}}.occasionmanagement-notification{align-items:center;background:#fff;background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:10px;box-shadow:0 8px 32px #0000001a;box-shadow:var(--occ-shadow-lg);color:#1a1a1a;color:var(--occ-text);display:flex;font-family:Inter,sans-serif;font-family:var(--occ-sans);font-size:.8rem;gap:10px;left:50%;max-width:90vw;padding:12px 20px 12px 16px;position:fixed;top:18px;transform:translateX(-50%) translateY(-120px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;z-index:600}.occasionmanagement-notification.show{transform:translateX(-50%) translateY(0)}.notif-icon{align-items:center;display:flex;font-size:1rem;justify-content:center}.notif-close{color:#1a1a1a73;color:var(--occ-text-dim);font-size:1.1rem;margin-left:auto;transition:color .2s}.notif-close:hover{color:#1a1a1a;color:var(--occ-black)}.occasionmanagement-notification.success{border-color:#27ae60;border-color:var(--occ-green)}.occasionmanagement-notification.success .notif-icon{color:#27ae60;color:var(--occ-green)}.occasionmanagement-notification.error{border-color:#e74c3c;border-color:var(--occ-red)}.occasionmanagement-notification.error .notif-icon{color:#e74c3c;color:var(--occ-red)}.occasionmanagement-notification.info{border-color:#3498db;border-color:var(--occ-blue)}.occasionmanagement-notification.info .notif-icon{color:#3498db;color:var(--occ-blue)}@media (max-width:1024px){.occasionmanagement-stats-row{grid-template-columns:repeat(2,1fr)}.occasionmanagement-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.occasionmanagement-container{padding:24px 16px 60px}.occasionmanagement-header{align-items:flex-start;flex-direction:column}.occasionmanagement-header h1{font-size:2rem}.occasionmanagement-stats-row{gap:10px;grid-template-columns:repeat(2,1fr)}.occasionmanagement-stat-box{padding:14px 10px}.sb-val{font-size:1.5rem}.sb-label{font-size:.48rem}.occasionmanagement-filters{flex-direction:column}.occasionmanagement-search-box{min-width:100%}.occasionmanagement-filter-group{width:100%}.occasionmanagement-filter-select{flex:1 1}.occasionmanagement-grid,.occasionmanagement-transactions-grid{grid-template-columns:1fr}.omc-header h3{font-size:1.1rem}.omc-meta-row{gap:8px;grid-template-columns:1fr}.omm-header h2{font-size:1.3rem}.omm-footer{flex-direction:column-reverse}.omm-footer .occasionmanagement-btn{width:100%}}@media (max-width:480px){.occasionmanagement-header h1{font-size:1.6rem}.occasionmanagement-stats-row{grid-template-columns:1fr 1fr}.occasionmanagement-view-toggle button{font-size:.6rem;padding:10px 14px}.omc-header h3{font-size:1rem}.occasionmanagement-btn{font-size:.6rem;padding:10px 16px}.occasionmanagement-modal{max-height:90vh;max-width:100%}.omm-header{padding:16px 18px}.omm-body{padding:18px}.omm-footer{padding:14px 18px}}.occasionwebsite-subdomain-type-toggle{grid-gap:12px;gap:12px;margin-bottom:24px}.occasionwebsite-subdomain-type-toggle button{border:2px solid #e2e8f0;color:#64748b;font-size:14px;gap:8px;padding:14px 20px;transition:all .2s ease}.occasionwebsite-subdomain-type-toggle button:hover{background:#ff9f660d;border-color:#ff9f66}.occasionwebsite-subdomain-type-toggle button.active{background:linear-gradient(135deg,#ff9f66,#ff8c4d);border-color:#ff9f66;box-shadow:0 4px 12px #ff9f664d}.invitation-form{gap:20px}.invitation-form .form-group{display:flex;flex-direction:column;gap:8px}.invitation-form label{color:#2d2926;font-size:14px;font-weight:600}.invitation-form .req{color:#e87a5d;margin-left:4px}.invitation-form input,.invitation-form textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.invitation-form input:focus,.invitation-form textarea:focus{border-color:#ff9f66;box-shadow:0 0 0 3px #ff9f661a;outline:none}.invitation-form input:disabled,.invitation-form textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.invitation-form textarea{line-height:1.6;min-height:100px;resize:vertical}.invitation-form small{color:#8c8681;font-size:12px}.invitation-preview{background:linear-gradient(135deg,#e87a5d0d,#e87a5d05);border-left:3px solid #e87a5d;gap:12px;margin-top:8px;padding:16px}.invitation-preview p{color:#64748b;font-size:13px;line-height:1.5}.occasionwebsite-action-card .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.occasionwebsite-action-card .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.occasionwebsite-action-card .btn-success:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.occasionwebsite-subdomain-type-toggle{grid-template-columns:1fr}.occasionwebsite-subdomain-type-toggle button{font-size:13px;padding:12px 16px}.invitation-form input,.invitation-form textarea{font-size:16px}.invitation-preview{align-items:flex-start;flex-direction:column}}.payment-summary .benefits-section ul{list-style:none;margin:16px 0;padding:0}.payment-summary .benefits-section li{align-items:center;color:#2d2926;display:flex;font-size:14px;gap:12px;padding:8px 0}.payment-summary .benefits-section li svg{color:#10b981;flex-shrink:0}.url-preview-card{background:#fff;border:2px dashed #ff9f66;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.url-preview-card strong{color:#8c8681;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.url-preview-card code{color:#2d2926;font-family:Monaco,Courier New,monospace;font-size:16px;line-height:1.5}.url-preview-card .subdomain-highlight{color:#ff9f66;font-weight:700}.occasionwebsite-published-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:20px;margin:32px 0;padding:32px;text-align:center}.occasionwebsite-published-card .published-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 24px #10b98133;display:inline-block;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.occasionwebsite-published-card .published-icon.success{color:#10b981}.occasionwebsite-published-card h2{color:#2d2926;font-family:"DM Serif Display",Georgia,serif;font-size:28px;margin-bottom:12px}.occasionwebsite-published-card p{color:#64748b;font-size:15px;margin-bottom:24px}.opc-url-box{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin:20px 0;padding:16px 20px}.opc-url-box svg{color:#10b981;flex-shrink:0}.opc-url{color:#2d2926;flex:1 1;font-size:15px;font-weight:600;text-align:left;word-break:break-all}.opc-copy-btn,.opc-visit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.opc-copy-btn{background:#e2e8f0;color:#475569}.opc-copy-btn:hover{background:#cbd5e1}.opc-copy-btn.copied{background:#10b981;color:#fff}.opc-visit-btn{background:linear-gradient(135deg,#ff9f66,#ff8c4d);color:#fff}.opc-visit-btn:hover{background:linear-gradient(135deg,#ff8c4d,#ff7a34);box-shadow:0 4px 12px #ff9f664d;transform:translateY(-1px)}.occasionwebsite-payment-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-radius:16px;gap:20px;margin:24px 0;padding:24px}.payment-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #10b98133;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.payment-icon.success{color:#10b981}.payment-details h3{color:#2d2926;font-size:18px;margin:0 0 4px}.payment-details p{color:#64748b;font-size:14px}@media (max-width:640px){.opc-url-box{flex-wrap:wrap}.opc-url{margin-bottom:8px;width:100%}.opc-copy-btn,.opc-visit-btn{flex:1 1}.occasionwebsite-payment-banner{flex-direction:column;text-align:center}.occasionwebsite-published-card{padding:24px 20px}.occasionwebsite-published-card h2{font-size:24px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.occasionwebsite-payment-banner,.occasionwebsite-published-card{animation:slideInFromTop .4s ease-out}.spin{animation:spin 1s linear infinite}.error-section,.loading-section,.processing-section,.success-section{padding:60px 40px;text-align:center}.spinner-large{margin:0 auto 24px}.payment-note{background:#eff6ff;margin-top:16px}.success-icon-large{margin:0 auto 24px}.order-number-box,.success-title{margin-bottom:24px}.order-number-box{background:#f0fdf4;border:2px dashed #10b981}.order-number-box p{color:#6b7280;letter-spacing:.5px}.payment-summary-box{background:#f9fafb;margin-bottom:24px}.payment-summary-box h3{margin-bottom:16px}.success-message,.summary-row span{color:#6b7280}.error-icon-large{animation:shake .5s;margin:0 auto 24px}.error-title{margin-bottom:16px}.error-message{background:#fef2f2;color:#6b7280}.btn-primary,.btn-secondary{display:inline-flex}.btn-primary:hover{box-shadow:0 10px 25px #667eea66}.btn-secondary{border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:640px){.payment-page{padding:12px}.error-section,.loading-section,.processing-section,.success-section{padding:40px 24px}.error-title,.success-title{font-size:24px}.order-number-box h2{font-size:20px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.payment-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.payment-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.loading-section,.processing-section{padding:60px 40px}.spinner-large{border:4px solid #f3f4f6;border-top-color:#667eea;height:60px;margin:0 auto 30px;width:60px}.spinner-large,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:3px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;display:inline-block;height:24px;margin-right:10px;vertical-align:middle;width:24px}.loading-section h2,.processing-section h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 10px}.loading-section p,.processing-section p{color:#6b7280;margin:5px 0}.payment-note{background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;margin-top:20px;padding:12px 20px}.success-section{padding:50px 40px}.success-icon-large{animation:successPop .6s ease-out;height:100px;margin:0 auto 25px;width:100px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title{color:#10b981;font-weight:700;margin:0 0 25px}.order-number-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:25px 0;padding:25px}.order-number-box p{font-weight:500;margin:0 0 8px;opacity:.9}.order-number-box h2{font-size:28px;margin:0}.payment-summary-box{background-color:#f9fafb;border-radius:12px;margin:25px 0;padding:25px}.payment-summary-box h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:600;margin:0 0 20px;padding-bottom:10px}.summary-row{border-bottom:1px solid #e5e7eb}.summary-row.total-row{border-top:2px solid #d1d5db;font-size:18px;font-weight:600;margin-top:10px;padding-top:15px}.summary-row span{color:#4b5563;font-size:15px}.summary-row .amount{color:#1f2937}.summary-row .amount.success{color:#059669;font-size:20px}.email-notification{align-items:center;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;display:flex;justify-content:center;margin:20px 0;padding:15px 20px}.email-notification p{color:#92400e;font-weight:500;margin:0}.email-info-box{align-items:flex-start;background-color:#eff6ff;border:2px solid #3b82f6;border-radius:12px;display:flex;gap:15px;margin:25px 0;padding:20px;text-align:left}.email-icon{flex-shrink:0;font-size:32px}.email-text{flex:1 1}.email-text strong{color:#1e40af;display:block;font-size:16px;margin-bottom:8px}.email-text p{color:#3b82f6;font-size:14px;margin:5px 0}.success-message{color:#4b5563;font-size:16px;line-height:1.6;margin:25px 0}.support-info{background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;margin:25px 0;padding:15px 20px}.support-info p{color:#991b1b;font-size:14px;margin:0}.error-section{padding:50px 40px}.error-icon-large{animation:shake .5s ease-in-out;height:100px;margin:0 auto 25px;width:100px}.error-title{color:#ef4444;font-weight:700;margin:0 0 20px}.error-message{background-color:#fef2f2;border-left:4px solid #ef4444;line-height:1.6;margin:25px 0}.action-buttons{gap:15px;margin:30px 0}.btn-primary,.btn-secondary{min-width:160px;padding:14px 32px}.btn-primary{box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 6px 20px #667eea80}.btn-secondary{background-color:#f3f4f6;color:#4b5563}.btn-secondary:hover{background-color:#e5e7eb}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}@media (max-width:640px){.payment-page{padding:10px}.payment-container{border-radius:12px}.error-section,.loading-section,.processing-section,.success-section{padding:40px 25px}.error-title,.success-title{font-size:26px}.order-number-box h2{font-size:22px}.email-info-box,.payment-summary-box{padding:20px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{min-width:auto;width:100%}.summary-row{font-size:14px}.email-info-box{flex-direction:column;text-align:center}}.error-section,.success-section{animation:fadeIn .5s ease-out}@media print{.payment-page{background:#fff}.action-buttons{display:none}.payment-container{box-shadow:none}}.ad-management-container{background:linear-gradient(180deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:40px 20px}.ad-management-loading-container{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:80vh}.ad-management-loading-spinner{align-items:center;background:#000;border-radius:50%;box-shadow:0 10px 40px #0000004d;display:flex;height:80px;justify-content:center;width:80px}.ad-management-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.ad-spinner-small{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.ad-management-loading-text{color:#64748b;font-size:18px;font-weight:500}.ad-hero{align-items:center;background:#000;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin:0 auto 48px;max-width:1400px;overflow:hidden;padding:48px;position:relative}.ad-hero:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ad-hero-content{flex:1 1;gap:24px;position:relative;z-index:1}.ad-hero-content,.ad-hero-icon{align-items:center;display:flex}.ad-hero-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;color:#fff;height:64px;justify-content:center;width:64px}.ad-title{color:#fff;font-size:42px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.ad-subtitle{color:#fffc;font-size:18px;font-weight:400;margin:0}.ad-cancel-btn,.ad-create-btn{align-items:center;border:none;border-radius:14px;box-shadow:0 8px 24px #0003;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;padding:16px 32px;position:relative;transition:all .3s ease;z-index:1}.ad-create-btn{background:#fff;color:#000}.ad-cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.ad-cancel-btn:hover,.ad-create-btn:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-2px)}.ad-alert-error,.ad-alert-success{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;gap:16px;margin:0 auto 24px;max-width:1400px;padding:20px 24px}.ad-alert-error{border:2px solid #fee2e2;color:#dc2626}.ad-alert-success{border:2px solid #d1fae5;color:#059669}.ad-alert-text{flex:1 1;font-size:15px;font-weight:500}.ad-alert-close{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.ad-alert-close:hover{background:#0000000d}.ad-form-card{animation:fadeIn .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 60px #00000014;margin:0 auto 48px;max-width:1400px;padding:48px}.ad-form-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:20px;margin-bottom:40px;padding-bottom:24px}.ad-form-header-icon{align-items:center;background:#000;border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.ad-form-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 4px}.ad-form-subtitle{color:#64748b;font-size:15px;margin:0}.ad-spec-display{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:16px;margin-bottom:32px;padding:24px}.ad-spec-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.ad-spec-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.ad-spec-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ad-spec-item{display:flex;flex-direction:column;gap:4px}.ad-spec-item.ad-spec-full{grid-column:1/-1}.ad-spec-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ad-spec-value{color:#1e293b;font-size:15px;font-weight:600}.ad-form{display:flex;flex-direction:column;gap:32px}.ad-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ad-form-group{display:flex;flex-direction:column;gap:10px;position:relative}.ad-label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px}.ad-input,.ad-textarea{background:#fafbfc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:15px;outline:none;padding:14px 18px;transition:all .3s ease}.ad-input:focus,.ad-textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 4px #0000000d}.ad-input-error{border-color:#dc2626!important}.ad-textarea{min-height:120px;resize:vertical}.ad-char-count{color:#94a3b8;font-size:12px;text-align:right}.ad-error-text{color:#dc2626;font-size:13px;font-weight:500}.ad-image-section{margin-bottom:8px}.ad-section-label{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.ad-image-upload-container{border:3px dashed #cbd5e1;border-radius:16px;overflow:hidden;transition:all .3s ease}.ad-image-upload-container:hover{border-color:#000}.ad-upload-label{background:#f8fafc;cursor:pointer;display:block;padding:60px 40px;text-align:center;transition:all .3s ease}.ad-upload-label:hover{background:#fff}.ad-file-input{display:none}.ad-upload-content{align-items:center;display:flex;flex-direction:column;gap:16px}.ad-upload-icon{align-items:center;background:#000;border-radius:20px;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:8px;width:80px}.ad-upload-title{color:#1e293b;font-size:20px;font-weight:700;margin:0}.ad-upload-text{color:#64748b;font-size:15px;margin:0}.ad-upload-hint{color:#94a3b8;font-size:13px;margin:0}.ad-upload-badge{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:12px;font-weight:600;margin-top:8px;padding:6px 16px}.ad-upload-progress{max-width:400px;width:100%}.ad-progress-bar{background:#e2e8f0;border-radius:8px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.ad-progress-fill{background:#000;border-radius:8px;height:100%;transition:width .3s ease}.ad-uploading-text{color:#000;font-size:16px;font-weight:600}.ad-image-preview,.ad-video-preview{background:#000;min-height:400px;position:relative;width:100%}.ad-preview-image,.ad-preview-video{display:block;height:100%;max-height:500px;object-fit:contain;width:100%}.ad-image-overlay,.ad-video-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#000c);display:flex;inset:0;justify-content:center;opacity:0;padding:32px;position:absolute;transition:opacity .3s ease}.ad-image-preview:hover .ad-image-overlay,.ad-video-preview:hover .ad-video-overlay{opacity:1}.ad-remove-image-btn,.ad-remove-video-btn{align-items:center;background:#fff;border:none;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.ad-remove-image-btn:hover,.ad-remove-video-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px)}.ad-submit-btn{justif-content:center;align-items:center;background:#000;border:none;border-radius:14px;box-shadow:0 8px 24px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;margin-top:16px;padding:18px 36px;transition:all .3s ease}.ad-submit-btn:hover:not(.ad-submit-btn-disabled){box-shadow:0 12px 32px #0006;transform:translateY(-2px)}.ad-submit-btn-disabled{cursor:not-allowed;opacity:.6}.ad-my-ads-section{margin:0 auto;max-width:1400px}.ad-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.ad-section-title{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 4px}.ad-section-subtitle{color:#64748b;font-size:15px;margin:0}.ad-count{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;padding:16px 32px}.ad-count-number{color:#000;font-size:36px;font-weight:800}.ad-count-label{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ad-empty-state{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000f;padding:100px 40px;text-align:center}.ad-empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:30px;color:#cbd5e1;display:flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.ad-empty-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.ad-empty-text{color:#64748b;font-size:16px;margin:0 0 32px}.ad-empty-button{align-items:center;background:#000;border:none;border-radius:12px;box-shadow:0 4px 16px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.ad-empty-button:hover{box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.ad-ads-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.ad-card{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000f}.ad-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.ad-image-container{background:#000;height:240px;overflow:hidden;position:relative}.ad-card-image,.ad-card-video{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ad-card:hover .ad-card-image{transform:scale(1.05)}.ad-image-overlay-gradient{background:linear-gradient(180deg,#0000004d,#0000 50%,#00000080);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.ad-card:hover .ad-image-overlay-gradient{opacity:1}.ad-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px;position:absolute;right:16px;top:16px;z-index:2}.ad-status-active,.ad-status-approved,.ad-status-pending{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.ad-status-approved{background:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.ad-status-pending{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;color:#fff}.ad-status-active{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.ad-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;bottom:16px;font-size:12px;gap:6px;left:16px;padding:8px 16px;z-index:2}.ad-card-body{padding:24px}.ad-card-title{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 8px}.ad-card-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px}.ad-meta{background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px}.ad-meta-item{color:#64748b;font-size:13px;font-weight:500;gap:10px}.ad-analytics-container{margin-bottom:20px}.ad-analytics-header{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.ad-analytics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ad-analytic-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .3s ease}.ad-analytic-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ad-analytic-icon-views{color:#667eea}.ad-analytic-icon-clicks{color:#f59e0b}.ad-analytic-icon-ctr{color:#10b981}.ad-analytic-content{text-align:center}.ad-analytic-value{color:#1e293b;font-size:22px;font-weight:800;margin:0 0 4px}.ad-analytic-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ad-redirect-info{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.ad-redirect-link{color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none}.ad-redirect-link:hover{text-decoration:underline}.ad-delete-btn{align-items:center;background:#fee2e2;border:2px solid #0000;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.ad-delete-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-2px)}.ad-help-section{margin:48px auto;max-width:1400px}.ad-help-card{background:linear-gradient(135deg,#000,#1e293b);border-radius:24px;box-shadow:0 20px 60px #0000004d;color:#fff;padding:48px;text-align:center}.ad-help-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.ad-help-card h3{font-size:28px;font-weight:700;margin:0 0 12px}.ad-help-card p{color:#fffc;font-size:16px;margin:0 0 32px}.ad-help-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.ad-help-btn-primary,.ad-help-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.ad-help-btn-primary{background:#fff;color:#000}.ad-help-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.ad-help-btn-primary:hover,.ad-help-btn-secondary:hover{box-shadow:0 8px 24px #fff3;transform:translateY(-2px)}.ad-specs-reference{margin:48px auto;max-width:1400px}.ad-specs-header{margin-bottom:40px;text-align:center}.ad-specs-header h2{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.ad-specs-header p{color:#64748b;font-size:16px;margin:0}.ad-specs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ad-spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease}.ad-spec-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.ad-spec-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.ad-spec-card-header h4{color:#1e293b;font-size:16px;font-weight:700;margin:0}.ad-spec-card-body{display:flex;flex-direction:column;gap:12px}.ad-spec-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.ad-spec-row span{color:#64748b;font-weight:500}.ad-spec-row strong{color:#1e293b;font-weight:700}.ad-spec-row.ad-spec-placement{align-items:flex-start;flex-direction:column;gap:4px}.ad-spec-row.ad-spec-placement p{color:#475569;font-size:13px;line-height:1.5;margin:0}.ad-pricing-section{margin:48px auto;max-width:1400px}.ad-pricing-header{margin-bottom:40px;text-align:center}.ad-pricing-header h2{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.ad-pricing-header p{color:#64748b;font-size:16px;margin:0}.ad-pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ad-pricing-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:32px;position:relative;transition:all .3s ease}.ad-pricing-card:hover{border-color:#000;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.ad-pricing-card-featured{background:#000;border-color:#000;color:#fff}.ad-pricing-badge{background:#f59e0b;border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.ad-pricing-badge,.ad-pricing-type{letter-spacing:.5px;text-transform:uppercase}.ad-pricing-type{color:#64748b;font-size:14px;font-weight:600;margin-bottom:16px}.ad-pricing-card-featured .ad-pricing-type{color:#fffc}.ad-pricing-range{color:#1e293b;font-size:36px;font-weight:800;margin-bottom:8px}.ad-pricing-card-featured .ad-pricing-range{color:#fff}.ad-pricing-unit{color:#64748b;font-size:14px;margin-bottom:24px}.ad-pricing-card-featured .ad-pricing-unit{color:#ffffffb3}.ad-pricing-features{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.ad-pricing-features li{align-items:center;color:#475569;display:flex;font-size:14px;gap:10px}.ad-pricing-card-featured .ad-pricing-features li{color:#ffffffe6}.ad-pricing-features li svg{color:#10b981;flex-shrink:0}.ad-pricing-card-featured .ad-pricing-features li svg{color:#fff}@media (max-width:1024px){.ad-hero{padding:32px}.ad-title{font-size:32px}.ad-form-card{padding:32px}.ad-ads-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.ad-management-container{padding:20px 16px}.ad-hero{padding:24px}.ad-hero,.ad-hero-content{flex-direction:column;text-align:center}.ad-title{font-size:28px}.ad-subtitle{font-size:16px}.ad-form-card{padding:24px}.ad-form-header{flex-direction:column;text-align:center}.ad-ads-grid,.ad-analytics-grid,.ad-form-grid,.ad-pricing-grid,.ad-spec-grid,.ad-specs-grid{grid-template-columns:1fr}.ad-section-header{flex-direction:column;text-align:center}.ad-help-card{padding:32px 24px}.ad-help-buttons{flex-direction:column}.ad-help-btn-primary,.ad-help-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.ad-title{font-size:24px}.ad-cancel-btn,.ad-create-btn{justify-content:center;width:100%}.ad-form-card{padding:20px}.ad-upload-label{padding:40px 20px}.ad-card-body{padding:16px}.ad-section-title{font-size:24px}}.ad-analytics-container{background:linear-gradient(180deg,#f9fafb,#fff);min-height:100vh;padding-bottom:6rem}.ad-analytics-content{margin:0 auto;max-width:1400px;padding:2rem}.analytics-header{margin-bottom:3rem;text-align:center}.header-icon-title{align-items:center;display:inline-flex;gap:1rem;margin-bottom:1rem}.header-icon{color:#667eea}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.header-subtitle{color:#6b7280;font-size:1.125rem}.input-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:2rem}.input-wrapper{margin:0 auto;max-width:600px}.input-label{color:#1f2937;display:block;font-weight:600;margin-bottom:.75rem}.input-group{gap:1rem}.company-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#000;flex:1 1;font-size:1rem;outline:none;padding:1rem;transition:border-color .2s}.company-input:focus{background:#fff;border-color:#667eea}.company-input::placeholder{color:#9ca3af}.fetch-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:transform .2s;white-space:nowrap}.fetch-button:hover:not(:disabled){transform:scale(1.05)}.fetch-button:disabled{background:#9ca3af;cursor:not-allowed}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;gap:.5rem;margin-top:1rem;padding:1rem}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.time-range-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.time-range-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.time-range-btn.active{background:#667eea;border-color:#667eea;color:#fff}.time-range-btn:hover:not(.active){border-color:#667eea;color:#667eea}.action-buttons{gap:.75rem}.action-btn{border:none;border-radius:8px;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:transform .2s}.action-btn:hover{transform:translateY(-2px)}.refresh-btn{background:#fff;border:2px solid #e5e7eb;color:#374151}.export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.analytics-section{margin-bottom:2rem}.section-title{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-card{border-radius:16px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:1.5rem;transition:transform .2s}.metric-card:hover{transform:translateY(-4px)}.metric-card-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-card-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-card-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-card-yellow{background:linear-gradient(135deg,#fa709a,#fee140)}.metric-card-teal{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#1f2937}.metric-card-orange{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#1f2937}.metric-icon{margin-bottom:.75rem;opacity:.9}.metric-value{font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.metric-label{font-size:.875rem;opacity:.9}.ads-list{display:flex;flex-direction:column;gap:1.5rem}.ad-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;display:flex;flex-wrap:wrap;transition:transform .2s,box-shadow .2s}.ad-card:hover{box-shadow:0 8px 12px #0000001f;transform:translateY(-2px)}.ad-preview{background:#000;flex-shrink:0;min-height:250px;position:relative;width:300px}.ad-media{height:100%;object-fit:cover;width:100%}.ad-type-badge{align-items:center;background:#000c;bottom:12px;display:flex;font-weight:600;gap:.375rem;left:12px}.ad-status-badge,.ad-type-badge{border-radius:20px;color:#fff;font-size:.75rem;padding:.5rem .75rem;position:absolute}.ad-status-badge{font-weight:700;right:12px;top:12px}.ad-status-badge.active{background:#10b981}.ad-status-badge.inactive{background:#ef4444}.ad-info{flex:1 1;min-width:300px;padding:2rem}.ad-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.ad-company{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:.5rem}.ad-description{color:#6b7280;line-height:1.6;margin-bottom:1rem}.ad-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.5rem;margin-bottom:1.5rem}.ad-meta-item{align-items:center;display:flex;gap:.5rem}.ad-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.ad-stat{background:#f3f4f6;border-radius:12px;padding:1rem;text-align:center}.ad-stat-value{color:#667eea;font-size:1.75rem;font-weight:700}.ad-stat-label{color:#6b7280;font-size:.75rem;margin-top:.25rem}.ad-breakdown{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakdown-section h4{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.breakdown-list{gap:.5rem}.breakdown-item{border-radius:6px;font-size:.875rem;padding:.5rem}.breakdown-device{align-items:center;display:flex;gap:.5rem;text-transform:capitalize}.breakdown-percentage{color:#667eea;font-weight:600}.performance-content{display:flex;flex-direction:column;gap:1.5rem}.performance-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:2rem}.performance-card h3{color:#1f2937;font-size:1.25rem;margin-bottom:1.5rem}.performance-metrics{display:flex;flex-direction:column;gap:1.5rem}.performance-stat{display:flex;flex-direction:column;gap:.5rem}.stat-bar{background:#e5e7eb;border-radius:6px;height:12px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.stat-value{font-size:1.25rem}.audience-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.audience-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:2rem}.audience-card h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:1.5rem}.audience-list{display:flex;flex-direction:column;gap:.75rem}.audience-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:background .2s}.audience-item:hover{background:#f3f4f6}.audience-count{color:#667eea;font-weight:600}.device-name{align-items:center;display:flex;gap:.5rem;text-transform:capitalize}.engagement-content{display:flex;flex-direction:column;gap:1.5rem}.engagement-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:2rem}.engagement-card h3{color:#1f2937;font-size:1.25rem;margin-bottom:1.5rem}.engagement-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.engagement-stat{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:1rem;padding:1rem}.engagement-stat svg{color:#667eea;flex-shrink:0}.engagement-value{color:#1f2937;font-size:1.5rem;font-weight:700}.engagement-label{color:#6b7280;font-size:.75rem}.peak-hours{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.peak-hours h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.peak-hours-list{display:flex;flex-direction:column;gap:.5rem}.peak-hour-item{background:#f9fafb;border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem}.peak-hour-count{color:#667eea;font-weight:600}.settings-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-card{box-shadow:0 4px 6px #00000012;padding:2rem}.settings-card h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:1rem}.settings-card p{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.export-button,.refresh-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:transform .2s;width:100%}.export-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.export-button:hover,.refresh-button:hover{transform:translateY(-2px)}.empty-state{border-radius:16px;box-shadow:0 4px 6px #00000012}.empty-icon{color:#667eea;opacity:.2}.empty-title{color:#1f2937;font-size:1.75rem}.empty-description{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:500px}.bottom-navigation{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 6px #0000000d;left:0;position:fixed;right:0;z-index:1000}.nav-tabs{display:flex;justify-content:space-around;margin:0 auto;max-width:1400px;padding:.5rem 1rem}.nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.875rem;font-weight:500;gap:.25rem;max-width:200px;padding:.75rem 1rem;transition:all .2s}.nav-tab:hover{background:#f3f4f6;color:#667eea}.nav-tab.active{background:#ede9fe;color:#667eea}.nav-tab svg{flex-shrink:0}@media (max-width:768px){.ad-analytics-content{padding:1rem}.header-title{font-size:1.75rem}.header-subtitle{font-size:1rem}.input-group{flex-direction:column}.fetch-button{justify-content:center;width:100%}.controls-section{align-items:stretch;flex-direction:column}.action-buttons{justify-content:stretch;width:100%}.action-btn{flex:1 1}.ad-card{flex-direction:column}.ad-preview{width:100%}.metrics-grid{grid-template-columns:1fr}.ad-stats-grid{grid-template-columns:repeat(2,1fr)}.nav-tabs{padding:.25rem .5rem}.nav-tab{font-size:.75rem;padding:.5rem .25rem}.nav-tab span{display:none}}@media (max-width:480px){.time-range-buttons{width:100%}.time-range-btn{flex:1 1;font-size:.75rem;padding:.5rem}.metric-value{font-size:2rem}.ad-stats-grid{grid-template-columns:1fr}}:root{--ems-bg:#f9f7f4!important;--ems-surface:#fff!important;--ems-primary:#6366f1!important;--ems-border:#00000014!important;--ems-text-main:#000!important;--ems-text-muted:#666!important;--ems-accent:#6366f1!important;--ems-success:#10b981!important;--ems-warning:#f59e0b!important;--ems-danger:#ef4444!important;--ems-radius:20px!important}body{background:#f9f7f4!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}body ::selection{background:#6366f1!important;background:var(--ems-accent)!important;color:#fff!important}body ::-moz-selection{background:#6366f1!important;background:var(--ems-accent)!important;color:#fff!important}.login-container{align-items:center;background:#f9f7f4!important;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeInUp .5s ease;background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 20px 60px #00000014!important;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.logo-section{gap:15px;margin-bottom:15px}.logo-icon,.logo-section{align-items:center;display:flex;justify-content:center}.logo-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:12px;box-shadow:0 8px 20px #6366f14d!important;color:#fff!important;font-size:32px;font-weight:700;height:60px;width:60px}.login-header h1{color:#000!important;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.login-header p{color:#666!important;font-size:14px;font-weight:500;margin-top:8px}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#000!important;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.input-group input{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;padding:14px 16px;transition:all .2s ease}.input-group input:focus{background:#fff!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important}.error-msg{background:#fef2f2!important;border:1px solid #ef44444d!important;border-radius:12px!important;color:#ef4444!important;font-size:14px;font-weight:600;padding:12px;text-align:center}.login-btn{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:100px!important;box-shadow:0 4px 15px #6366f14d!important;color:#fff!important;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .2s ease}.login-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;box-shadow:0 6px 20px #6366f166!important;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-footer{color:#666!important;font-size:13px;font-weight:500;margin-top:20px;text-align:center}.mobile-menu-toggle{align-items:center;background:#fff!important;border:1px solid #00000014!important;border-radius:12px!important;box-shadow:0 4px 12px #00000014!important;cursor:pointer;display:none;height:44px;justify-content:center;left:20px;position:fixed;top:80px;transition:all .2s ease;width:44px;z-index:1002}.mobile-menu-toggle:hover{background:#fafafa!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important;transform:translateY(-2px)}.mobile-menu-toggle span{color:#000!important;font-size:24px}.ems-container{background:#f9f7f4!important;display:flex;min-height:100vh}.sidebar{background:#fff!important;border-right:1px solid #00000014!important;box-shadow:4px 0 20px #00000005!important;transition:transform .3s ease;z-index:100}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#0000001a!important;border-radius:3px}.sidebar-header{align-items:flex-start;border-bottom:1px solid #00000014!important;flex-direction:column;gap:20px;padding:24px 20px}.brand{gap:12px;margin-bottom:24px}.brand,.brand-logo{align-items:center;display:flex}.brand-logo{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:10px;box-shadow:0 4px 12px #6366f14d!important;color:#fff!important;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.brand h2{color:#000!important;font-size:22px;font-weight:800;letter-spacing:-.5px}.user-profile{align-items:center;background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;display:flex;gap:12px;padding:12px}.user-avatar{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;flex-shrink:0;font-size:18px;font-weight:700;height:45px;width:45px}.user-details{flex:1 1;min-width:0}.user-name{color:#000!important;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#666!important;font-size:12px;font-weight:600;text-transform:capitalize}.notifications-summary{display:flex;flex-direction:column;gap:8px;margin-top:16px}.notif-item{align-items:center;background:#eff6ff!important;border:1px solid #bae6fd!important;border-radius:8px!important;color:#0369a1!important;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}.notif-icon{font-size:16px}.nav-menu{flex:1 1;list-style:none;padding:16px 12px}.nav-menu li{align-items:center;border-radius:12px!important;color:#666!important;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;margin-bottom:4px;padding:12px 16px;position:relative;transition:all .2s ease}.nav-menu li:hover{background:#fafafa!important;color:#000!important}.nav-menu li.active{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;color:#6366f1!important;color:var(--ems-accent)!important;font-weight:700}.nav-icon{font-size:20px}.badge{background:#ef4444!important;border-radius:12px!important;color:#fff!important;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;position:absolute;right:16px;text-align:center}.menu-divider{cursor:default;height:1px;margin:16px 0}.menu-divider,.menu-divider:hover{background:#00000014!important}.menu-label{color:#666!important;cursor:default;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.menu-label:hover{background:#0000!important;color:#666!important}.logout-btn{align-items:center;background:#fef2f2!important;border:1px solid #ef444433!important;border-radius:12px!important;color:#ef4444!important;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin:16px 12px;padding:12px;transition:all .2s ease}.logout-btn:hover{background:#ef444426!important;border-color:#ef44444d!important;transform:translateY(-2px)}.main-content{background:#f9f7f4!important}.content-header{align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px}.page-title{color:#000!important;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}.header-actions{gap:12px}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:100px!important;box-shadow:0 4px 15px #6366f14d!important;color:#fff!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;box-shadow:0 6px 20px #6366f166!important}.btn-secondary{background:#fafafa!important;border:1px solid #00000014!important;border-radius:100px!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;font-weight:700;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#fff!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important}.dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;gap:20px}.stat-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);height:3px;right:0}.stat-card.primary{color:#6366f1!important;color:var(--ems-accent)!important}.stat-card.success{color:#10b981!important;color:var(--ems-success)!important}.stat-card.info{color:#0ea5e9!important}.stat-card.warning{color:#f59e0b!important;color:var(--ems-warning)!important}.stat-card:hover{border-color:currentColor!important;box-shadow:0 8px 30px #00000014!important}.stat-icon{background:#fafafa!important;border-radius:12px!important;font-size:40px;height:60px;width:60px}.stat-info{flex:1 1}.stat-info h3{color:#666!important;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-number{color:#000!important;font-size:32px;font-weight:800;margin-bottom:4px}.stat-trend{color:currentColor;font-size:13px;font-weight:600}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-card{background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 4px 20px #00000005!important;padding:24px}.dashboard-card h2{border-bottom:1px solid #00000014!important;color:#000!important;font-size:20px;font-weight:800;margin-bottom:20px;padding-bottom:12px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;display:flex;gap:12px}.activity-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-content p{color:#000!important;font-size:14px;font-weight:500;margin-bottom:4px}.activity-content strong{color:#000!important;font-weight:700}.activity-time{color:#666!important;font-size:12px;font-weight:600}.quick-stats{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.quick-stat-item{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;display:flex;flex-direction:column;gap:8px;padding:16px}.quick-stat-label{color:#666!important;font-size:13px;font-weight:600}.quick-stat-value{color:#6366f1!important;color:var(--ems-accent)!important;font-size:24px;font-weight:800}.department-stats{display:flex;flex-direction:column;gap:12px}.dept-stat{align-items:center;background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;display:flex;justify-content:space-between;padding:12px 16px}.dept-name{color:#000!important;font-weight:600}.dept-count{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:12px!important;color:#fff!important;font-size:13px;font-weight:700;padding:4px 12px}.analytics-section{display:flex;flex-direction:column;gap:24px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-card{background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 4px 20px #00000005!important;padding:24px}.chart-card h3{color:#000!important;font-size:18px;font-weight:800;margin-bottom:20px}.feed-section{display:flex;flex-direction:column;gap:20px}.create-post-card{background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 4px 20px #00000005!important;padding:20px}.post-input-header{display:flex;gap:12px;margin-bottom:16px}.post-avatar{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777)!important;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:45px;justify-content:center;width:45px}.post-input-header textarea{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;color:#000!important;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease}.post-input-header textarea:focus{background:#fff!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important}.post-actions{display:flex;justify-content:flex-end}.posts-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;padding:20px;transition:all .2s ease}.post-card:hover{border-color:#0000001f!important;box-shadow:0 8px 24px #0000000f!important}.post-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.post-author-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.post-author-info strong{color:#000!important;font-size:15px;font-weight:700}.post-meta{color:#666!important;font-size:13px;font-weight:500;margin-top:2px}.delete-post-btn{background:#fef2f2!important;border:1px solid #ef444433!important;border-radius:8px!important;color:#ef4444!important;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;height:32px;transition:all .2s ease;width:32px}.delete-post-btn:hover{background:#ef444433!important;transform:translateY(-2px)}.post-content{word-wrap:break-word;color:#000!important;font-size:15px;line-height:1.6;margin-bottom:16px}.post-footer{border-top:1px solid #00000014!important;display:flex;flex-wrap:wrap;gap:16px;padding-top:16px}.post-action-btn{align-items:center;background:#0000!important;border:none!important;border-radius:8px!important;color:#666!important;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.post-action-btn:hover{background:#fafafa!important;color:#6366f1!important;color:var(--ems-accent)!important}.messages-section{position:relative}.message-compose-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080!important;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 20px 60px #00000026!important;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.large{max-width:900px}.modal-header{border-bottom:1px solid #00000014!important;padding:24px}.modal-header h2{color:#000!important;font-size:22px}.close-btn{background:#fef2f2!important;border:1px solid #ef444433!important;border-radius:8px!important;color:#ef4444!important;cursor:pointer;font-size:20px;font-weight:700;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{background:#ef444433!important;transform:translateY(-2px)}.modal-body{padding:24px}.modal-footer{border-top:1px solid #00000014!important;flex-wrap:wrap;justify-content:flex-end;padding:20px 24px}.form-group{gap:8px;margin-bottom:16px}.form-group label{color:#000!important;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important}.form-row{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.checkbox-label{color:#000!important;font-weight:600;gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.code-textarea{font-family:Courier New,monospace!important;font-size:13px}.messages-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr;height:calc(100vh - 180px)}.messages-sidebar{background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;display:flex;flex-direction:column;overflow:hidden}.message-filters{border-bottom:1px solid #00000014!important;display:flex;flex-direction:column;padding:12px}.message-filters button{background:#0000!important;border:none!important;border-radius:12px!important;color:#666!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;transition:all .2s ease}.message-filters button:hover{background:#fafafa!important;color:#000!important}.message-filters button.active{background:#eff6ff!important;color:#6366f1!important;color:var(--ems-accent)!important;font-weight:700}.messages-list{flex:1 1;overflow-y:auto;padding:8px}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar-thumb{background:#0000001a!important;border-radius:3px}.message-item{border:1px solid #0000!important;border-radius:12px!important;cursor:pointer;margin-bottom:4px;padding:12px;position:relative;transition:all .2s ease}.message-item:hover{background:#fafafa!important;border-color:#00000014!important}.message-item.active{background:#eff6ff!important;border-color:#bae6fd!important}.message-item.unread{background:#f0f9ff!important;border-left:3px solid #6366f1!important;border-left:3px solid var(--ems-accent)!important}.message-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.message-sender{color:#000!important;font-size:14px;font-weight:700}.message-time{color:#666!important;font-size:12px;font-weight:600}.message-subject{color:#000!important;font-size:14px;font-weight:600;margin-bottom:4px}.message-preview,.message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview{color:#666!important;font-size:13px}.star-indicator{font-size:14px;position:absolute;right:12px;top:12px}.message-detail{background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;display:flex;flex-direction:column;overflow-y:auto}.message-detail::-webkit-scrollbar{width:8px}.message-detail::-webkit-scrollbar-track{background:#0000}.message-detail::-webkit-scrollbar-thumb{background:#0000001a!important;border-radius:4px}.message-detail-header{align-items:center;border-bottom:1px solid #00000014!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px}.message-detail-header h3{color:#000!important;flex:1 1;font-size:20px;font-weight:800;margin:0}.message-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-btn{background:#fafafa!important;border:1px solid #00000014!important;border-radius:8px!important;color:#666!important;font-size:16px;height:36px;transition:all .2s ease;width:36px}.icon-btn:hover{background:#fff!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important;color:#6366f1!important;color:var(--ems-accent)!important;transform:translateY(-2px)}.message-detail-info{border-bottom:1px solid #00000014!important;flex-wrap:wrap;justify-content:space-between;padding:20px 24px}.message-detail-info,.message-sender-info{align-items:center;display:flex;gap:12px}.sender-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.message-sender-info strong{color:#000!important;font-size:16px;font-weight:700}.message-sender-info p{color:#666!important;font-size:14px;font-weight:500;margin-top:2px}.message-date{color:#666!important;font-size:13px;font-weight:600}.message-body{word-wrap:break-word;color:#000!important;flex:1 1;font-size:15px;line-height:1.7;padding:24px}.no-message-selected{align-items:center;color:#666!important;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;padding:20px;text-align:center}.connections-section{display:flex;flex-direction:column;gap:24px}.connections-header{align-items:center;border-bottom:2px solid #00000014!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.connections-header h2{color:#000!important;font-size:22px;font-weight:800}.count-badge{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:100px!important;color:#fff!important;font-size:14px;font-weight:700;padding:6px 16px}.connections-list{display:flex;flex-direction:column;gap:12px}.connection-card{align-items:center;background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;display:flex;flex-wrap:wrap;gap:16px;padding:20px;transition:all .3s ease}.connection-card:hover{border-color:#0000001f!important;box-shadow:0 8px 24px #0000000f!important;transform:translateY(-2px)}.connection-card.pending-request{background:#f0f9ff!important;border-left:3px solid #6366f1!important;border-left:3px solid var(--ems-accent)!important}.connection-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.connection-avatar.large{font-size:24px;height:60px;width:60px}.connection-info{flex:1 1;min-width:0}.connection-info h3{color:#000!important;font-size:16px;font-weight:700;margin-bottom:4px}.connection-info p{color:#666!important;font-size:14px;font-weight:500;margin-bottom:6px}.connection-dept{background:#eff6ff!important;border-radius:12px!important;color:#6366f1!important;color:var(--ems-accent)!important;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.connection-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-accept{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:100px!important;color:#fff!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.btn-accept:hover{box-shadow:0 4px 15px #10b9814d!important;transform:translateY(-2px)}.btn-reject{background:#fef2f2!important;border:1px solid #ef444433!important;border-radius:100px!important;color:#ef4444!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.btn-reject:hover{background:#ef444433!important;transform:translateY(-2px)}.connected-badge{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:100px!important;color:#fff!important;font-size:13px;font-weight:700;padding:6px 12px}.connections-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.empty-state{background:#fff!important;border:2px dashed #0000001f!important;border-radius:16px!important;color:#666!important;font-size:15px;font-weight:600}.employees-section{display:flex;flex-direction:column;gap:20px}.employees-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.search-input{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;min-width:200px;padding:12px 16px;transition:all .2s ease}.search-input:focus{background:#fff!important;border-color:#6366f1!important;border-color:var(--ems-accent)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important}.filter-select{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px;font-weight:600;min-width:150px;padding:12px 16px}.filter-select:focus{border-color:#6366f1!important;border-color:var(--ems-accent)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important}.employees-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.employee-card{align-items:center;background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .3s ease}.employee-card:hover{border-color:#0000001f!important;box-shadow:0 8px 30px #00000014!important;transform:translateY(-4px)}.employee-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-radius:50%;color:#fff!important;display:flex;font-size:28px;font-weight:700;height:70px;justify-content:center;margin-bottom:16px;width:70px}.employee-card h3{color:#000!important;font-size:18px;font-weight:800;margin-bottom:6px}.employee-position{color:#666!important;font-size:14px;font-weight:600;margin-bottom:4px}.employee-dept{background:#f5f3ff!important;border-radius:12px!important;color:#8b5cf6!important;display:inline-block;font-size:12px;font-weight:700;margin-bottom:8px;padding:4px 12px}.employee-email{color:#666!important;font-size:13px;font-weight:500;margin-bottom:12px;word-break:break-all}.role-badge{border-radius:100px!important;display:inline-block;font-size:12px;font-weight:700;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#fef2f2!important;color:#ef4444!important}.role-badge.manager{background:#fffbeb!important;color:#f59e0b!important}.role-badge.employee{background:#eff6ff!important;color:#6366f1!important;color:var(--ems-accent)!important}.employee-actions{display:flex;justify-content:center;width:100%}.btn-connect{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:100px!important;color:#fff!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;padding:10px 24px;transition:all .2s ease}.btn-connect:hover{box-shadow:0 4px 15px #6366f14d!important;transform:translateY(-2px)}.status-badge{border-radius:100px!important;font-size:13px;padding:6px 16px}.status-badge.pending{background:#fffbeb!important;color:#f59e0b!important}.status-badge.approved,.status-badge.connected{background:#ecfdf5!important;color:#10b981!important}.status-badge.rejected{background:#fef2f2!important;color:#ef4444!important}.users-section{display:flex;flex-direction:column;gap:20px}.section-header{border-bottom:2px solid #00000014!important;flex-wrap:wrap;gap:12px;padding-bottom:12px}.section-header h2{color:#000!important;font-size:22px;font-weight:800}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-card{align-items:center;background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .3s ease}.user-card:hover{border-color:#0000001f!important;box-shadow:0 8px 24px #0000000f!important;transform:translateY(-4px)}.user-card .user-avatar{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777)!important;border-radius:50%;color:#fff!important;display:flex;font-size:28px;font-weight:700;height:70px;justify-content:center;margin-bottom:16px;width:70px}.user-card h3{color:#000!important;font-size:18px;font-weight:800;margin-bottom:6px}.user-email{color:#666!important;font-size:14px;font-weight:600;margin-bottom:12px;word-break:break-all}.user-type-badge{border-radius:100px!important;display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.user-type-badge.buyer{background:#eff6ff!important;color:#6366f1!important;color:var(--ems-accent)!important}.user-type-badge.seller{background:#ecfdf5!important;color:#10b981!important}.user-meta{align-items:center;color:#666!important;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:12px;justify-content:center;margin-bottom:12px}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}.status-dot.active{background:#10b981!important}.status-dot.inactive{background:#ef4444!important}.user-bio{color:#666!important;font-size:13px;line-height:1.5;margin-bottom:12px}.user-footer{border-top:1px solid #00000014!important;color:#666!important;font-size:12px;font-weight:600;padding-top:12px;width:100%}.templates-section{display:flex;flex-direction:column;gap:20px}.template-form-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080!important;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.templates-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.templates-filters{flex:1 1;min-width:200px}.view-toggle{background:#fafafa!important;border-radius:12px!important;gap:6px}.view-toggle button{background:#0000!important;border:none!important;border-radius:8px!important;color:#666!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.view-toggle button:hover{background:#0000000d!important;color:#000!important}.view-toggle button.active{background:#fff!important;box-shadow:0 2px 8px #00000014!important;color:#000!important;font-weight:700}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.templates-list{display:flex;flex-direction:column;gap:16px}.template-card{background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;overflow:hidden;transition:all .3s ease}.template-card:hover{border-color:#0000001f!important;box-shadow:0 8px 30px #00000014!important;transform:translateY(-4px)}.template-image{background:#fafafa!important;height:200px;overflow:hidden;position:relative;width:100%}.template-image img{height:100%;object-fit:cover;width:100%}.free-badge{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:100px!important;color:#fff!important;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.template-content{padding:20px}.template-content h3{color:#000!important;font-size:18px;font-weight:800;margin-bottom:8px}.template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666!important;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:16px;overflow:hidden}.template-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.template-category{background:#f5f3ff!important;border-radius:100px!important;color:#8b5cf6!important;font-size:12px;font-weight:700;padding:4px 12px}.template-price{color:#10b981!important;font-size:18px;font-weight:800}.template-stats{border-bottom:1px solid #00000014!important;border-top:1px solid #00000014!important;color:#666!important;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:12px;padding:12px 0}.template-actions,.template-stats{display:flex;flex-wrap:wrap;gap:8px}.btn-download{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:100px!important;color:#fff!important;cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;min-width:100px;padding:10px;transition:all .2s ease}.btn-download:hover{box-shadow:0 4px 15px #6366f14d!important;transform:translateY(-2px)}.btn-approve{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:100px!important;color:#fff!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;padding:10px 16px;transition:all .2s ease}.btn-approve:hover{box-shadow:0 4px 15px #10b9814d!important;transform:translateY(-2px)}.btn-delete{background:#fef2f2!important;border:1px solid #ef444433!important;border-radius:100px!important;color:#ef4444!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;padding:10px 16px;transition:all .2s ease}.btn-delete:hover{background:#ef444433!important;transform:translateY(-2px)}.ads-section{display:flex;flex-direction:column;gap:20px}.ads-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ad-card{background:#fff!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 4px 20px #00000005!important;overflow:hidden;transition:all .3s ease}.ad-card:hover{border-color:#0000001f!important;box-shadow:0 8px 24px #0000000f!important;transform:translateY(-4px)}.ad-image{background:#fafafa!important;height:200px;overflow:hidden;width:100%}.ad-image img{height:100%;object-fit:cover;width:100%}.ad-content{padding:20px}.ad-content h3{color:#000!important;font-size:18px;font-weight:800;margin-bottom:8px}.ad-content p{color:#666!important;font-size:14px;font-weight:500;line-height:1.6;margin-bottom:16px}.ad-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ad-badge{background:#fffbeb!important;color:#f59e0b!important}.ad-badge,.ad-location{border-radius:100px!important;font-size:12px;font-weight:700;padding:4px 12px}.ad-location{background:#eff6ff!important;color:#6366f1!important;color:var(--ems-accent)!important}.manage-section{display:flex;flex-direction:column;gap:24px}.add-employee-card{background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 4px 20px #00000005!important;padding:24px}.add-employee-card h2{border-bottom:1px solid #00000014!important;color:#000!important;font-size:20px;font-weight:800;margin-bottom:20px;padding-bottom:12px}.add-employee-form{display:flex;flex-direction:column;gap:16px}.btn-add-employee{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:100px!important;color:#fff!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:16px;font-weight:700;margin-top:8px;padding:14px;transition:all .3s ease}.btn-add-employee:hover{box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)}.employees-management-card{background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;box-shadow:0 4px 20px #00000005!important;padding:24px}.employees-management-card h2{border-bottom:1px solid #00000014!important;color:#000!important;font-size:20px;font-weight:800;margin-bottom:20px;padding-bottom:12px}.employees-management-list{display:flex;flex-direction:column;gap:12px}.emp-manage-card{align-items:center;background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;display:flex;flex-wrap:wrap;gap:16px;padding:16px;transition:all .2s ease}.emp-manage-card:hover{background:#fff!important;border-color:#0000001f!important;box-shadow:0 4px 12px #0000000a!important}.emp-manage-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.emp-manage-info{flex:1 1;min-width:0}.emp-manage-info h3{color:#000!important;font-size:16px;font-weight:700;margin-bottom:4px}.emp-manage-info p{color:#666!important;font-size:14px;font-weight:500;margin-bottom:2px}.emp-email{color:#666!important;font-size:13px!important;word-break:break-all}.emp-position{background:#eff6ff!important;border-radius:100px!important;color:#6366f1!important;color:var(--ems-accent)!important;display:inline-block;font-size:12px;font-weight:700;margin-top:6px;padding:4px 12px}.emp-manage-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.role-select{background:#fafafa!important;border:1px solid #00000014!important;border-radius:12px!important;color:#000!important;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:600;padding:8px 12px}.role-select:focus{border-color:#6366f1!important;border-color:var(--ems-accent)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important}.btn-delete-emp{background:#fef2f2!important;border:1px solid #ef444433!important;border-radius:100px!important;color:#ef4444!important;cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s ease}.btn-delete-emp:hover{background:#ef444433!important;transform:translateY(-2px)}@media (max-width:1024px){.main-content{margin-left:0;padding:24px 16px}.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle{display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-grid,.dashboard-grid,.messages-container{grid-template-columns:1fr}.messages-container{height:auto}.messages-sidebar{display:none}.messages-sidebar.mobile-visible{border-radius:0;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:999}.message-detail{height:auto;min-height:400px}}@media (max-width:768px){.page-title{font-size:24px}.content-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1 1}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-number{font-size:28px}.ads-grid,.connections-grid,.employees-grid,.form-row,.quick-stats,.templates-grid,.users-grid{grid-template-columns:1fr}.templates-controls{align-items:stretch;flex-direction:column}.view-toggle{justify-content:stretch;width:100%}.view-toggle button{flex:1 1}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:16px}.login-card{padding:30px 20px}.post-header{align-items:flex-start;flex-direction:column}.delete-post-btn{align-self:flex-end}}@media (max-width:480px){body{font-size:14px}.main-content{padding:16px 12px}.page-title{font-size:20px}.sidebar{width:100%}.stat-card{flex-direction:column;text-align:center}.stat-info{width:100%}.connection-card,.emp-manage-card{align-items:flex-start;flex-direction:column}.connection-actions,.emp-manage-actions{width:100%}.connection-actions button,.emp-manage-actions button,.emp-manage-actions select{flex:1 1}.message-detail-header,.message-detail-info{align-items:flex-start;flex-direction:column}.message-actions{justify-content:flex-start;width:100%}.btn-primary,.btn-secondary{font-size:14px;padding:10px 16px}.add-employee-card h2,.dashboard-card h2,.employees-management-card h2{font-size:18px}.employees-filters{flex-direction:column}.filter-select,.search-input{width:100%}.template-actions{flex-direction:column}.btn-download{width:100%}}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080!important;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:99}.mobile-overlay.active{display:block;opacity:1}body.menu-open{overflow:hidden}@media (max-width:1024px){.sidebar{z-index:1001}}@media (max-width:768px){.mobile-menu-toggle{top:140px}}@media (max-width:480px){.mobile-menu-toggle{height:40px;left:16px;top:130px;width:40px}.mobile-menu-toggle span{font-size:22px}}.btn-accept:focus-visible,.btn-add-employee:focus-visible,.btn-approve:focus-visible,.btn-connect:focus-visible,.btn-delete-emp:focus-visible,.btn-delete:focus-visible,.btn-download:focus-visible,.btn-primary:focus-visible,.btn-reject:focus-visible,.btn-secondary:focus-visible,.filter-select:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.input-group input:focus-visible,.login-btn:focus-visible,.logout-btn:focus-visible,.nav-menu li:focus-visible,.role-select:focus-visible,.search-input:focus-visible{outline:3px solid #6366f1!important;outline:3px solid var(--ems-accent)!important;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-add-employee.loading,.btn-primary.loading,.btn-secondary.loading,.login-btn.loading{color:#0000!important;pointer-events:none;position:relative}.btn-add-employee.loading:after,.btn-primary.loading:after,.btn-secondary.loading:after,.login-btn.loading:after{animation:spin .6s linear infinite;border:2px solid #0000!important;border-radius:50%;border-top-color:#fff!important;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.notification-toast{align-items:center;animation:slideIn .3s ease;background:#fff!important;border-radius:12px!important;box-shadow:0 8px 24px #00000026!important;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:2000}.notification-toast.success{border-left:4px solid #10b981!important}.notification-toast.error{border-left:4px solid #ef4444!important}.notification-toast.info{border-left:4px solid #6366f1!important;border-left:4px solid var(--ems-accent)!important}.notification-toast span{color:#000!important;flex:1 1;font-size:14px;font-weight:600}.notification-close{align-items:center;background:none!important;border:none!important;border-radius:6px!important;color:#666!important;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.notification-close:hover{background:#fafafa!important;color:#000!important}.spinner{animation:spin .8s linear infinite;border:3px solid #fafafa!important;border-top:3px solid var(--ems-accent)!important;height:40px;margin:0 auto;width:40px}.spinner-large{border-width:4px;height:48px;width:48px}.loading-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080!important;bottom:0;left:0;right:0;top:0;z-index:9999}.loading-content{background:#fff!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;padding:40px}.loading-content p{font-size:14px;font-weight:600;margin-top:16px}.loading-content p,.text-muted{color:#666!important}.text-primary{color:#6366f1!important;color:var(--ems-accent)!important}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-warning{color:#f59e0b!important}.font-extrabold{font-weight:800}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.ems-orders-container{background:#f8fafc;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.ems-orders-loading{color:#64748b;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.ems-orders-loading,.ems-toast{align-items:center;display:flex}.ems-toast{animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 10px 40px #0000001a;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:10000}.ems-toast-success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.ems-toast-error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.ems-toast-info{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af}.ems-toast button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;padding:4px}.ems-orders-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-left{flex:1 1}.header-title{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.header-subtitle{color:#64748b;font-size:15px;margin:0}.header-right{gap:12px}.btn-export,.btn-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-refresh{background:#eff6ff;color:#3b82f6}.btn-refresh:hover:not(:disabled){background:#dbeafe}.btn-export{background:#10b981}.btn-export:hover:not(:disabled){background:#059669}.btn-export:disabled,.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.view-toggle{background:#f1f5f9;border-radius:8px;display:flex;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s}.view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.ems-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border:2px solid #0000;border-radius:16px;box-shadow:0 1px 3px #0000001a;gap:16px;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.stat-total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-revenue .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-shipped .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-delivered .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-avg .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-value{color:#1e293b;font-size:28px;margin:0 0 4px}.stat-label{color:#64748b;font-size:13px;margin:0 0 8px}.stat-meta{color:#64748b;display:flex;font-size:12px;gap:12px}.stat-meta .urgent{color:#ef4444;font-weight:600}.ems-tabs-nav{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:8px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f8fafc;color:#1e293b}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tab-count{background:#0000001a;border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:2px 8px}.tab-btn.active .tab-count{background:#fff3}.ems-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.search-box{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;min-width:300px;padding:12px 16px}.search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none}.filter-group{background:#f8fafc;border-radius:8px;gap:8px;padding:8px 12px}.filter-select{background:#0000;border:none;color:#1e293b;font-size:14px;font-weight:500;outline:none;padding:4px}.results-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 4px}.results-count{color:#64748b;font-size:14px;font-weight:500}.clear-search{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#991b1b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.clear-search:hover{background:#fecaca}.ems-orders-content{min-height:400px}.orders-empty{align-items:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.orders-empty svg{margin-bottom:20px;opacity:.5}.orders-empty h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.orders-empty p{font-size:15px;margin:0 0 20px}.btn-reset-filters{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-reset-filters:hover{background:#2563eb}.orders-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.order-grid-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s}.order-grid-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.order-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:16px}.order-number{align-items:center;color:#1e293b;display:flex;font-size:13px;gap:6px}.order-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.priority-badge,.status-badge{align-items:center;border:1.5px solid;border-radius:12px;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.order-product{align-items:flex-start;display:flex;gap:12px}.order-product img{border:1px solid #e2e8f0;border-radius:8px;height:60px;object-fit:cover;width:60px}.product-info h4{color:#1e293b;font-size:15px;margin:0 0 4px}.product-meta{color:#64748b;font-size:13px;margin:0}.order-customer{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.customer-row{align-items:center;color:#1e293b;display:flex;font-size:13px;gap:8px}.customer-row svg{color:#64748b;flex-shrink:0}.order-shipping{background:#dbeafe;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.shipping-row{font-size:13px;font-weight:600;gap:8px}.awb-code,.shipping-row{align-items:center;color:#1e40af;display:flex}.awb-code{background:#fff;font-size:12px;font-weight:700;justify-content:space-between;padding:8px 12px}.btn-copy-mini{align-items:center;background:#0000;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;padding:4px;transition:all .2s}.btn-copy-mini:hover{background:#3b82f61a}.order-assigned{align-items:center;background:#f0fdf4;border-radius:8px;color:#64748b;display:flex;font-size:13px;gap:8px;padding:8px 12px}.order-assigned svg{color:#10b981}.order-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:12px}.order-amount{display:flex;flex-direction:column;gap:2px}.amount-label{color:#64748b;font-size:12px}.amount-value{color:#1e293b;font-size:18px;font-weight:700}.order-date{color:#64748b;font-size:12px;gap:6px}.order-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-awb,.btn-more,.btn-ship,.btn-track,.btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.btn-view{background:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb}.btn-ship{background:#10b981;color:#fff}.btn-ship:hover:not(:disabled){background:#059669}.btn-awb{background:#f59e0b;color:#fff}.btn-awb:hover:not(:disabled){background:#d97706}.btn-track{background:#8b5cf6;color:#fff}.btn-track:hover:not(:disabled){background:#7c3aed}.btn-more{background:#f1f5f9;color:#64748b;position:relative}.btn-more:hover{background:#e2e8f0;color:#1e293b}.btn-awb:disabled,.btn-ship:disabled,.btn-track:disabled{cursor:not-allowed;opacity:.6}.dropdown{position:relative}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;display:none;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu button{align-items:center;background:#0000;border:none;border-radius:6px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.dropdown-menu button:hover{background:#f8fafc}.dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}.orders-list{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f8fafc}.orders-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px}.orders-table tbody tr:hover{background:#f8fafc}.table-order-number{align-items:center;color:#3b82f6;display:flex;font-weight:700;gap:8px}.table-customer strong{display:block;margin-bottom:4px}.table-customer span,.table-product span{color:#64748b;font-size:13px}.table-product{max-width:200px}.table-priority-badge,.table-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.assigned-name{color:#10b981;font-weight:600}.unassigned{color:#94a3b8}.table-date{color:#64748b;font-size:13px}.table-actions{display:flex;gap:6px}.btn-table-action{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;padding:8px;transition:all .2s}.btn-table-action:hover{background:#e2e8f0;color:#1e293b}.ems-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.ems-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.ems-modal-large{max-width:900px}.ems-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.ems-modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.modal-close{background:#0000;border-radius:6px;color:#64748b;padding:4px}.modal-close:hover{background:#f1f5f9;color:#1e293b}.ems-modal-body{padding:24px}.ems-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.modal-description{color:#64748b;font-size:14px;margin-bottom:20px}.order-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.status-select-large{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:200px;padding:12px 16px}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s}.btn-secondary{background:#f1f5f9;color:#64748b}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.btn-primary:hover:not(:disabled){background:#2563eb}.detail-sections{display:flex;flex-direction:column;gap:24px}.detail-section{background:#f8fafc;border-radius:12px;padding:20px}.detail-section h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item span{color:#64748b;font-size:12px;font-weight:500}.detail-item strong{color:#1e293b;font-size:14px}.detail-product{align-items:flex-start;display:flex;gap:16px}.detail-product img{border:1px solid #e2e8f0;border-radius:8px;height:80px;object-fit:cover;width:80px}.detail-product h5{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 8px}.detail-product p{color:#64748b;font-size:14px;margin:4px 0}.awb-with-copy{align-items:center;display:flex;gap:8px}.btn-copy-inline{align-items:center;background:#0000;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;padding:4px;transition:all .2s}.btn-copy-inline:hover{background:#3b82f61a}.address-text{color:#1e293b;line-height:1.6;margin:0}.earning{color:#10b981!important;font-weight:700!important}:root{--geephiyo-bg:#fdfcfb;--geephiyo-surface:#fff;--geephiyo-surface2:#f7f6f4;--geephiyo-border:#00000012;--geephiyo-border-md:#0000001f;--geephiyo-black:#1a1a1a;--geephiyo-text:#1a1a1a;--geephiyo-text-dim:#1a1a1a73;--geephiyo-accent:#ff9f66;--geephiyo-accent-dim:#ff9f6621;--geephiyo-accent-hov:#ffb388;--geephiyo-green:#27ae60;--geephiyo-green-dim:#27ae601f;--geephiyo-red:#e74c3c;--geephiyo-red-dim:#e74c3c1a;--geephiyo-blue:#3498db;--geephiyo-blue-dim:#3498db1a;--geephiyo-mono:"JetBrains Mono",monospace;--geephiyo-serif:"Playfair Display",serif;--geephiyo-sans:"Inter",sans-serif;--geephiyo-radius:12px;--geephiyo-shadow-sm:0 2px 8px #0000000f;--geephiyo-shadow-md:0 4px 18px #00000014;--geephiyo-shadow-lg:0 8px 32px #0000001a}.geephiyoemsoccasions-container{background:#fdfcfb;background:var(--geephiyo-bg);color:#1a1a1a;color:var(--geephiyo-text);font-family:Inter,sans-serif;font-family:var(--geephiyo-sans);min-height:100vh;padding:20px}.geephiyoemsoccasions-content{margin:0 auto;max-width:1400px}.geephiyoemsoccasions-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.geephiyoemsoccasions-loading p{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase}.geephiyoemsoccasions-spinner-lg,.geephiyoemsoccasions-spinner-sm{animation:geephiyo-spin .7s linear infinite;border:4px solid #0000001f;border-top-color:#ff9f66;border:4px solid var(--geephiyo-border-md);border-radius:50%;border-top-color:var(--geephiyo-accent)}.geephiyoemsoccasions-spinner-lg{height:42px;width:42px}.geephiyoemsoccasions-spinner-sm{border-width:2px;height:18px;width:18px}@keyframes geephiyo-spin{to{transform:rotate(1turn)}}.spin{animation:geephiyo-spin .7s linear infinite}.geephiyoemsoccasions-tabs{border-bottom:1px solid #00000012;border-bottom:1px solid var(--geephiyo-border);display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}.geephiyoemsoccasions-tabs::-webkit-scrollbar{display:none}.geephiyoemsoccasions-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.62rem;font-weight:600;gap:8px;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:color .2s,border-color .2s;white-space:nowrap}.geephiyoemsoccasions-tab:hover{color:#1a1a1a;color:var(--geephiyo-text)}.geephiyoemsoccasions-tab.active{border-bottom-color:#ff9f66;border-bottom-color:var(--geephiyo-accent);color:#ff9f66;color:var(--geephiyo-accent)}.geephiyoemsoccasions-notification{align-items:center;background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:10px;box-shadow:0 8px 32px #0000001a;box-shadow:var(--geephiyo-shadow-lg);color:#1a1a1a;color:var(--geephiyo-text);display:flex;font-family:Inter,sans-serif;font-family:var(--geephiyo-sans);font-size:.8rem;gap:10px;left:50%;max-width:90vw;padding:12px 20px 12px 16px;position:fixed;top:18px;transform:translateX(-50%) translateY(-120px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;z-index:1000}.geephiyoemsoccasions-notification.show{transform:translateX(-50%) translateY(0)}.geephiyoemsoccasions-notif-close{background:none;border:none;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;font-size:1.1rem;line-height:1;margin-left:auto}.geephiyoemsoccasions-notification.success{border-color:#27ae60;border-color:var(--geephiyo-green)}.geephiyoemsoccasions-notification.error{border-color:#e74c3c;border-color:var(--geephiyo-red)}.geephiyoemsoccasions-notification.info{border-color:#3498db;border-color:var(--geephiyo-blue)}.geephiyoemsoccasions-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.geephiyoemsoccasions-stat-card{align-items:flex-start;background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:12px;border-radius:var(--geephiyo-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--geephiyo-shadow-sm);display:flex;gap:16px;padding:20px;transition:box-shadow .2s}.geephiyoemsoccasions-stat-card:hover{box-shadow:0 4px 18px #00000014;box-shadow:var(--geephiyo-shadow-md)}.geephiyoemsoccasions-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.geephiyoemsoccasions-stat-content{flex:1 1}.geephiyoemsoccasions-stat-label{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.58rem;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.geephiyoemsoccasions-stat-value{color:#1a1a1a;color:var(--geephiyo-black);font-family:Playfair Display,serif;font-family:var(--geephiyo-serif);font-size:1.8rem;font-weight:700;line-height:1.1}.geephiyoemsoccasions-stat-trend{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.55rem;gap:4px;letter-spacing:.5px;margin-top:6px}.geephiyoemsoccasions-stat-trend.up{color:#27ae60;color:var(--geephiyo-green)}.geephiyoemsoccasions-stat-trend.down{color:#e74c3c;color:var(--geephiyo-red)}.geephiyoemsoccasions-badge{border-radius:5px;display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.5rem;letter-spacing:.8px;padding:3px 8px;text-transform:uppercase}.geephiyoemsoccasions-badge.default{background:#f7f6f4;background:var(--geephiyo-surface2);color:#1a1a1a73;color:var(--geephiyo-text-dim)}.geephiyoemsoccasions-badge.accent{background:#ff9f6621;background:var(--geephiyo-accent-dim);color:#ff9f66;color:var(--geephiyo-accent)}.geephiyoemsoccasions-badge.success{background:#27ae601f;background:var(--geephiyo-green-dim);color:#27ae60;color:var(--geephiyo-green)}.geephiyoemsoccasions-badge.premium{background:#9b59b61a;color:#9b59b6}.geephiyoemsoccasions-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.6rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:1px;padding:11px 18px;text-transform:uppercase;transition:background .2s,box-shadow .2s,transform .1s;white-space:nowrap}.geephiyoemsoccasions-btn:active{transform:scale(.96)}.geephiyoemsoccasions-btn:disabled{cursor:not-allowed;opacity:.32}.geephiyoemsoccasions-btn.accent{background:#ff9f66;background:var(--geephiyo-accent);color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-btn.accent:hover:not(:disabled){background:#ffb388;background:var(--geephiyo-accent-hov);box-shadow:0 4px 16px #ff9f664d}.geephiyoemsoccasions-btn.outline{background:#0000;border:1px solid #0000001f;border:1px solid var(--geephiyo-border-md);color:#1a1a1a73;color:var(--geephiyo-text-dim)}.geephiyoemsoccasions-btn.outline:hover:not(:disabled){border-color:#1a1a1a;border-color:var(--geephiyo-black);color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-icon-btn{align-items:center;background:#0000;border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:6px;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s,border-color .2s;width:32px}.geephiyoemsoccasions-icon-btn:hover{background:#f7f6f4;background:var(--geephiyo-surface2);border-color:#1a1a1a;border-color:var(--geephiyo-black);color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-icon-btn.danger:hover{background:#e74c3c1a;background:var(--geephiyo-red-dim);border-color:#e74c3c;border-color:var(--geephiyo-red);color:#e74c3c;color:var(--geephiyo-red)}.geephiyoemsoccasions-icon-btn.ghost{border-color:#0000}.geephiyoemsoccasions-view{animation:geephiyo-fadeUp .32s ease}@keyframes geephiyo-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.geephiyoemsoccasions-view-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.geephiyoemsoccasions-view-header h2{color:#1a1a1a;color:var(--geephiyo-black);font-family:Playfair Display,serif;font-family:var(--geephiyo-serif);font-size:2.2rem;line-height:1.1}.geephiyoemsoccasions-view-header p{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-size:.85rem;margin-top:6px}.geephiyoemsoccasions-view-actions{display:flex;flex-shrink:0;gap:10px}.geephiyoemsoccasions-view-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.geephiyoemsoccasions-search-box{align-items:center;background:#fff;background:var(--geephiyo-surface);border:1px solid #0000001f;border:1px solid var(--geephiyo-border-md);border-radius:10px;display:flex;flex:1 1;gap:8px;min-width:250px;padding:11px 14px;position:relative}.geephiyoemsoccasions-search-box input{background:#0000;border:none;color:#1a1a1a;color:var(--geephiyo-text);flex:1 1;font-family:Inter,sans-serif;font-family:var(--geephiyo-sans);font-size:.85rem;outline:none}.geephiyoemsoccasions-search-box input::placeholder{color:#1a1a1a73;color:var(--geephiyo-text-dim)}.geephiyoemsoccasions-filter-select{align-items:center;background:#fff;background:var(--geephiyo-surface);border:1px solid #0000001f;border:1px solid var(--geephiyo-border-md);border-radius:10px;display:flex;gap:8px;padding:11px 14px}.geephiyoemsoccasions-filter-select select{background:#0000;border:none;color:#1a1a1a;color:var(--geephiyo-text);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.65rem;letter-spacing:.5px;outline:none;text-transform:uppercase}.geephiyoemsoccasions-table-wrap{background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:12px;border-radius:var(--geephiyo-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--geephiyo-shadow-sm);margin-bottom:20px;overflow:hidden}.geephiyoemsoccasions-table{border-collapse:collapse;width:100%}.geephiyoemsoccasions-table thead{background:#f7f6f4;background:var(--geephiyo-surface2);border-bottom:1px solid #00000012;border-bottom:1px solid var(--geephiyo-border)}.geephiyoemsoccasions-table th{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.58rem;font-weight:600;letter-spacing:1px;padding:14px 16px;text-align:left;text-transform:uppercase}.geephiyoemsoccasions-table tbody tr{border-bottom:1px solid #00000012;border-bottom:1px solid var(--geephiyo-border);cursor:pointer;transition:background .15s}.geephiyoemsoccasions-table tbody tr:hover{background:#f7f6f4;background:var(--geephiyo-surface2)}.geephiyoemsoccasions-table tbody tr:last-child{border-bottom:none}.geephiyoemsoccasions-table td{color:#1a1a1a;color:var(--geephiyo-text);font-size:.82rem;padding:14px 16px}.geephiyoemsoccasions-table-actions{display:flex;gap:6px}.geephiyoemsoccasions-table-empty,.geephiyoemsoccasions-table-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.geephiyoemsoccasions-table-empty p,.geephiyoemsoccasions-table-loading p{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase}.geephiyoemsoccasions-user-cell{align-items:center;display:flex;gap:10px}.geephiyoemsoccasions-user-avatar{align-items:center;background:#ff9f6621;background:var(--geephiyo-accent-dim);border-radius:50%;color:#ff9f66;color:var(--geephiyo-accent);display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.geephiyoemsoccasions-user-name{color:#1a1a1a;color:var(--geephiyo-black);font-weight:600;margin-bottom:2px}.geephiyoemsoccasions-user-id{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.65rem}.geephiyoemsoccasions-type-badge{align-items:center;display:inline-flex;font-weight:500;gap:6px}.geephiyoemsoccasions-subdomain-link{align-items:center;color:#3498db;color:var(--geephiyo-blue);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.72rem;gap:6px}.geephiyoemsoccasions-event-name{color:#1a1a1a;color:var(--geephiyo-black);font-weight:600;margin-bottom:2px}.geephiyoemsoccasions-event-celebrant{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-size:.75rem}.geephiyoemsoccasions-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin:20px 0}.geephiyoemsoccasions-page-btn{align-items:center;background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:8px;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s,border-color .2s;width:36px}.geephiyoemsoccasions-page-btn:hover:not(:disabled){background:#f7f6f4;background:var(--geephiyo-surface2);border-color:#1a1a1a;border-color:var(--geephiyo-black);color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-page-btn:disabled{cursor:not-allowed;opacity:.3}.geephiyoemsoccasions-page-numbers{display:flex;gap:4px}.geephiyoemsoccasions-page-num{align-items:center;background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:8px;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.7rem;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.geephiyoemsoccasions-page-num:hover{background:#f7f6f4;background:var(--geephiyo-surface2);border-color:#1a1a1a;border-color:var(--geephiyo-black);color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-page-num.active{background:#ff9f66;background:var(--geephiyo-accent);border-color:#ff9f66;border-color:var(--geephiyo-accent);color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.geephiyoemsoccasions-chart-card{background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:12px;border-radius:var(--geephiyo-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--geephiyo-shadow-sm);padding:20px}.geephiyoemsoccasions-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.geephiyoemsoccasions-chart-header h3{color:#1a1a1a;color:var(--geephiyo-black);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.geephiyoemsoccasions-chart-body{display:flex;flex-direction:column;gap:12px}.geephiyoemsoccasions-chart-bar-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:140px 1fr 60px}.geephiyoemsoccasions-cbi-label{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:8px}.geephiyoemsoccasions-cbi-bar{background:#f7f6f4;background:var(--geephiyo-surface2);border-radius:4px;height:8px;overflow:hidden}.geephiyoemsoccasions-cbi-fill{border-radius:4px;height:100%;transition:width .5s ease}.geephiyoemsoccasions-cbi-value{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.68rem;font-weight:600;text-align:right}.geephiyoemsoccasions-activity-list{display:flex;flex-direction:column;gap:10px}.geephiyoemsoccasions-activity-item{align-items:flex-start;background:#f7f6f4;background:var(--geephiyo-surface2);border-radius:8px;display:flex;gap:12px;padding:10px}.geephiyoemsoccasions-ai-icon{align-items:center;background:#ff9f6621;background:var(--geephiyo-accent-dim);border-radius:6px;color:#ff9f66;color:var(--geephiyo-accent);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.geephiyoemsoccasions-ai-content{flex:1 1}.geephiyoemsoccasions-ai-content p{color:#1a1a1a;color:var(--geephiyo-text);font-size:.8rem;margin-bottom:4px}.geephiyoemsoccasions-ai-time{align-items:center;color:#1a1a1a73;color:var(--geephiyo-text-dim);display:flex;font-size:.6rem;gap:4px}.geephiyoemsoccasions-ai-time,.geephiyoemsoccasions-quick-actions h3{font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono)}.geephiyoemsoccasions-quick-actions h3{color:#1a1a1a;color:var(--geephiyo-black);font-size:.7rem;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.geephiyoemsoccasions-qa-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.geephiyoemsoccasions-qa-btn{align-items:center;background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:10px;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.geephiyoemsoccasions-qa-btn:hover{background:#ff9f6621;background:var(--geephiyo-accent-dim);border-color:#ff9f66;border-color:var(--geephiyo-accent);box-shadow:0 2px 8px #0000000f;box-shadow:var(--geephiyo-shadow-sm);color:#ff9f66;color:var(--geephiyo-accent)}.geephiyoemsoccasions-qa-btn span{font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.62rem;letter-spacing:.5px;text-transform:uppercase}.geephiyoemsoccasions-analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.geephiyoemsoccasions-analytics-card{background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:12px;border-radius:var(--geephiyo-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--geephiyo-shadow-sm);padding:20px}.geephiyoemsoccasions-analytics-card.large{grid-column:span 2}.geephiyoemsoccasions-line-chart-placeholder{align-items:flex-end;display:flex;gap:8px;height:180px;justify-content:space-around;margin:20px 0}.geephiyoemsoccasions-chart-line{background:linear-gradient(0deg,#ff9f66,#ffb388);background:linear-gradient(to top,var(--geephiyo-accent),var(--geephiyo-accent-hov));border-radius:4px 4px 0 0;flex:1 1;transition:height .5s ease}.geephiyoemsoccasions-chart-legend{color:#1a1a1a73;color:var(--geephiyo-text-dim);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.6rem;justify-content:space-around}.geephiyoemsoccasions-geo-list,.geephiyoemsoccasions-top-templates-list{display:flex;flex-direction:column;gap:12px}.geephiyoemsoccasions-geo-item{grid-gap:12px;align-items:center;display:grid;font-size:.78rem;gap:12px;grid-template-columns:120px 1fr 50px}.geephiyoemsoccasions-geo-bar{background:#f7f6f4;background:var(--geephiyo-surface2);border-radius:3px;height:6px;overflow:hidden}.geephiyoemsoccasions-geo-fill{background:#3498db;background:var(--geephiyo-blue);border-radius:3px;height:100%}.geephiyoemsoccasions-geo-value{font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.65rem;font-weight:600;text-align:right}.geephiyoemsoccasions-tt-item{align-items:center;background:#f7f6f4;background:var(--geephiyo-surface2);border-radius:8px;display:flex;gap:12px;padding:10px}.geephiyoemsoccasions-tt-rank{color:#ff9f66;color:var(--geephiyo-accent);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.7rem;font-weight:700;width:32px}.geephiyoemsoccasions-tt-name{flex:1 1;font-size:.8rem;font-weight:500}.geephiyoemsoccasions-tt-count{color:#1a1a1a73;color:var(--geephiyo-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.65rem}.geephiyoemsoccasions-modal-overlay{align-items:center;animation:geephiyo-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}@keyframes geephiyo-fadeIn{0%{opacity:0}to{opacity:1}}.geephiyoemsoccasions-modal{animation:geephiyo-slideUp .3s ease;background:#fff;background:var(--geephiyo-surface);border:1px solid #00000012;border:1px solid var(--geephiyo-border);border-radius:12px;border-radius:var(--geephiyo-radius);box-shadow:0 8px 32px #0000001a;box-shadow:var(--geephiyo-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes geephiyo-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.geephiyoemsoccasions-modal-header{align-items:center;border-bottom:1px solid #00000012;border-bottom:1px solid var(--geephiyo-border);display:flex;justify-content:space-between;padding:20px}.geephiyoemsoccasions-modal-header h3{color:#1a1a1a;color:var(--geephiyo-black);font-family:Playfair Display,serif;font-family:var(--geephiyo-serif);font-size:1.5rem}.geephiyoemsoccasions-modal-close{background:#0000;border:none;color:#1a1a1a73;color:var(--geephiyo-text-dim);cursor:pointer;line-height:1;transition:color .2s}.geephiyoemsoccasions-modal-close:hover{color:#1a1a1a;color:var(--geephiyo-black)}.geephiyoemsoccasions-modal-body{padding:24px}.geephiyoemsoccasions-modal-footer{border-top:1px solid #00000012;border-top:1px solid var(--geephiyo-border);display:flex;gap:10px;justify-content:flex-end;padding:20px}.geephiyoemsoccasions-form-group{margin-bottom:18px}.geephiyoemsoccasions-form-group label{color:#1a1a1a73;color:var(--geephiyo-text-dim);display:block;font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.6rem;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.geephiyoemsoccasions-req{color:#ff9f66;color:var(--geephiyo-accent)}.geephiyoemsoccasions-input,.geephiyoemsoccasions-textarea{background:#fff;background:var(--geephiyo-surface);border:1px solid #0000001f;border:1px solid var(--geephiyo-border-md);border-radius:10px;color:#1a1a1a;color:var(--geephiyo-text);font-family:Inter,sans-serif;font-family:var(--geephiyo-sans);font-size:.85rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.geephiyoemsoccasions-input:focus,.geephiyoemsoccasions-textarea:focus{border-color:#ff9f66;border-color:var(--geephiyo-accent);box-shadow:0 0 0 3px #ff9f6621;box-shadow:0 0 0 3px var(--geephiyo-accent-dim)}.geephiyoemsoccasions-textarea{line-height:1.5;min-height:80px;resize:vertical}.geephiyoemsoccasions-file-name{color:#27ae60;color:var(--geephiyo-green);font-family:JetBrains Mono,monospace;font-family:var(--geephiyo-mono);font-size:.68rem;margin-top:6px}.geephiyoemsoccasions-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.geephiyoemsoccasions-checkbox-label{align-items:center;color:#1a1a1a;color:var(--geephiyo-text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--geephiyo-sans);font-size:.8rem;gap:8px}.geephiyoemsoccasions-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}@media (max-width:1024px){.geephiyoemsoccasions-analytics-card.large{grid-column:span 1}}@media (max-width:768px){.geephiyoemsoccasions-stats-grid{grid-template-columns:repeat(2,1fr)}.geephiyoemsoccasions-view-filters,.geephiyoemsoccasions-view-header{flex-direction:column}.geephiyoemsoccasions-search-box{min-width:100%}.geephiyoemsoccasions-charts-row,.geephiyoemsoccasions-form-row{grid-template-columns:1fr}.geephiyoemsoccasions-table-wrap{overflow-x:auto}}@media (max-width:480px){.geephiyoemsoccasions-stats-grid{grid-template-columns:1fr}.geephiyoemsoccasions-tabs{justify-content:flex-start}.geephiyoemsoccasions-qa-grid{grid-template-columns:1fr}}.geephiyoemsoccasions-user-mini{align-items:center;display:flex;gap:8px}.geephiyoemsoccasions-user-avatar-mini{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.geephiyoemsoccasions-user-name-mini{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:13px;font-weight:600;line-height:1.3;margin:0}.geephiyoemsoccasions-user-id-mini{color:#666;color:var(--text-secondary,#666);font-size:11px;line-height:1.3;margin:0;opacity:.7}body{background:#f8f9fa;color:#1a202c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{background:linear-gradient(180deg,#0a0a0a,#000);border-right:1px solid #1a1a1a;box-shadow:2px 0 10px #00000080;min-height:100vh;position:-webkit-sticky;position:sticky}.sidebar-header{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-bottom:1px solid #1a1a1a;padding:1.5rem 1.25rem}.sidebar-logo-container{gap:1rem}.sidebar-logo{background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px #ffffff1a;color:#000;font-size:1.5rem;height:48px;overflow:hidden;position:relative;width:48px}.sidebar-logo:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";inset:0;position:absolute}.sidebar-brand h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.25rem;letter-spacing:-.5px}.sidebar-brand p{color:#666;font-size:.75rem;letter-spacing:1px;margin:.125rem 0 0;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.375rem;padding:1rem .75rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#000;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px;-webkit-transition:background .3s;transition:background .3s}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#333}.nav-item{border-radius:10px;color:#666;font-size:.9rem;gap:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(180deg,#fff,#888);border-radius:0 3px 3px 0;bottom:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.nav-item:hover{background:linear-gradient(90deg,#1a1a1a,#0a0a0a);border-color:#2a2a2a;box-shadow:0 2px 8px #ffffff0d;transform:translateX(4px)}.nav-item-active{background:linear-gradient(90deg,#1a1a1a,#0f0f0f);border-color:#333;box-shadow:0 2px 12px #ffffff14,inset 0 1px 0 #ffffff0d;font-weight:600;transform:translateX(4px)}.nav-item svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover svg{transform:scale(1.1)}.nav-item-active svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.3));transform:scale(1.1)}.nav-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #fff3,inset 0 1px 0 #ffffff80;color:#000;min-width:24px;padding:.25rem .625rem;text-align:center}.sidebar-stats{background:linear-gradient(180deg,#0a0a0a,#000);border-top:1px solid #1a1a1a;margin-top:auto;padding:1.25rem}.sidebar-stats h3{color:#666;font-size:.7rem;letter-spacing:1.5px;margin-bottom:1rem;padding-left:.25rem}.quick-stats{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.quick-stat{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid #1a1a1a;font-size:.875rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-stat:hover{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-color:#2a2a2a;box-shadow:0 4px 12px #ffffff0d;transform:translateY(-2px)}.quick-stat span:first-child{color:#888;font-size:.8rem;font-weight:500}.quick-stat-value{background:#ffffff0d;border-radius:6px;color:#fff;font-size:1rem;min-width:50px;padding:.25rem .5rem;text-align:right}.quick-stat-value-green{background:linear-gradient(135deg,#00ff001a,#00ff000d);box-shadow:0 0 10px #00ff001a,inset 0 1px 0 #0f03;color:#0f0;text-shadow:0 0 8px #00ff004d}.quick-stat-value-yellow{background:linear-gradient(135deg,#ffff001a,#ffff000d);box-shadow:0 0 10px #ffff001a,inset 0 1px 0 #ff03;color:#ff0;text-shadow:0 0 8px #ffff004d}.btn-logout{background:linear-gradient(135deg,#1a0000,#0a0000);border:1px solid #300;color:#f44;font-size:.875rem;font-weight:600;gap:.625rem;overflow:hidden;padding:.875rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-logout:before{background:linear-gradient(135deg,#0000,#ff44441a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.btn-logout:hover{background:linear-gradient(135deg,#300,#1a0000);border-color:#f44;box-shadow:0 4px 16px #f443,inset 0 1px 0 #ff44441a;color:#fff;transform:translateY(-2px)}.btn-logout:hover:before{opacity:1}.btn-logout:active{box-shadow:0 2px 8px #f443,inset 0 2px 4px #0003;transform:translateY(0)}.btn-logout svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-logout:hover svg{transform:translateX(-3px)}@media (max-width:1024px){.sidebar{width:240px}.sidebar-logo{font-size:1.25rem;height:40px;width:40px}.sidebar-brand h2{font-size:1.125rem}.nav-item{font-size:.85rem;padding:.75rem .875rem}}@media (max-width:768px){.sidebar{bottom:0;left:-280px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.sidebar-open{box-shadow:4px 0 20px #000c;left:0}}.nav-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn-logout:focus-visible{outline:2px solid #f44;outline-offset:2px}@media (prefers-color-scheme:dark){.sidebar{border-right-color:#0a0a0a}}@media print{.sidebar{display:none!important}}@media (prefers-contrast:high){.sidebar{border-right:2px solid #fff}.nav-item{border:1px solid #333}.nav-item-active{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.btn-logout,.nav-badge,.nav-item,.quick-stat,.sidebar{animation:none;transition:none}}.sidebar ::selection{background:#fff3;color:#fff}.sidebar ::-moz-selection{background:#fff3;color:#fff}.sidebar-header:after{bottom:0}.sidebar-header:after,.sidebar-stats:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0}.sidebar-stats:before{top:0}.nav-item-active:after{background:linear-gradient(90deg,#ffffff0d,#0000);border-radius:10px;content:"";inset:0;pointer-events:none;position:absolute}.nav-item-active{box-shadow:0 2px 12px #ffffff14,inset 0 1px 0 #ffffff0d,0 0 20px #ffffff05}.auth-container{background:linear-gradient(135deg,#000c42,#24093f);overflow:hidden;position:relative}.auth-container:before{animation:moveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-card{animation:slideUp .6s ease-out;border-radius:24px;box-shadow:0 30px 90px #0000004d,0 10px 30px #0003;max-width:450px;padding:48px;position:relative;z-index:1}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{align-items:center;animation:pulse 2s ease-in-out infinite;border-radius:50%;box-shadow:0 10px 30px #667eea66;color:#fff;display:flex;font-size:42px;font-weight:900;height:90px;justify-content:center;margin:0 auto 24px;width:90px}.auth-logo,.auth-title{background:linear-gradient(135deg,#667eea,#764ba2)}.auth-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:32px;font-weight:800;margin:0 0 8px}.auth-subtitle{color:#718096;font-size:16px;font-weight:500}.auth-form{margin-bottom:24px}.form-label{color:#2d3748;letter-spacing:.3px}.form-input{border:2px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.error-message{animation:shake .5s ease;background:#fed7d7;border:1px solid #fc8181;color:#c53030;font-size:14px;font-weight:500;margin-bottom:24px;padding:14px 18px}.btn-login,.error-message{align-items:center;display:flex;gap:10px}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 25px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-login:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.btn-login:active{transform:translateY(-1px)}.btn-login:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.auth-footer{color:#718096;font-size:13px;font-weight:500;margin-top:28px;text-align:center}.app-container{background:#f8f9fa}.main-layout{flex:1 1;margin-left:280px;min-height:100vh}.main-layout,.sidebar{display:flex;flex-direction:column}.sidebar{background:linear-gradient(180deg,#1a202c,#2d3748);box-shadow:4px 0 20px #00000026;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:28px 24px}.sidebar-logo-container{align-items:center;display:flex;gap:14px}.sidebar-logo{animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 8px 20px #667eea66;font-size:26px;font-weight:900;height:52px;justify-content:center;width:52px}.sidebar-brand h2{font-size:20px;font-weight:800;letter-spacing:.5px;margin:0}.sidebar-brand p{color:#a0aec0;font-size:12px;font-weight:500;margin:2px 0 0}.sidebar-nav{padding:20px 16px}.nav-item{background:#0000;border:1px solid #0000;border-radius:12px;color:#cbd5e0;font-size:15px;font-weight:600;gap:14px;margin-bottom:6px;overflow:hidden;padding:14px 18px;position:relative;transition:all .3s ease}.nav-item:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-item:hover{background:#ffffff14;color:#fff;transform:translateX(5px)}.nav-item:hover:before{transform:scaleY(1)}.nav-item-active{background:#667eea26;border-color:#667eea;box-shadow:0 4px 15px #667eea33;color:#fff}.nav-item-active:before{transform:scaleY(1)}.nav-badge{animation:bounce 2s infinite;background:linear-gradient(135deg,#f56565,#e53e3e);border-radius:20px;box-shadow:0 4px 10px #f5656566;color:#fff;font-size:11px;font-weight:700;margin-left:auto;padding:4px 10px}.sidebar-stats{background:#0003;border-top:1px solid #ffffff1a;padding:20px}.sidebar-stats h3{color:#a0aec0;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.quick-stats{font-size:13px}.quick-stat{background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 12px;transition:all .3s ease}.quick-stat:hover{background:#ffffff14;transform:translateX(5px)}.quick-stat-value{font-weight:700}.quick-stat-value-green{color:#48bb78}.quick-stat-value-yellow{color:#ed8936}.btn-logout{align-items:center;background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:10px;box-shadow:0 6px 15px #e53e3e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:18px;padding:14px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-logout:hover{box-shadow:0 10px 25px #e53e3e66;transform:translateY(-3px)}.app-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:20px 32px}.header-left{gap:18px}.header-logo{align-items:center;border-radius:14px;box-shadow:0 8px 20px #667eea4d;color:#fff;display:flex;font-size:26px;font-weight:900;height:54px;justify-content:center;width:54px}.header-logo,.header-title h1{background:linear-gradient(135deg,#667eea,#764ba2)}.header-title h1{-webkit-text-fill-color:#0000;color:#1a202c;font-size:22px;font-weight:800;margin:0}.header-title p{color:#718096;font-size:14px;font-weight:500;margin:2px 0 0}.header-right{gap:14px}.header-icon-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;padding:12px;position:relative;transition:all .3s ease}.header-icon-btn:hover{background:#edf2f7;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.notification-badge{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;background:linear-gradient(135deg,#f56565,#e53e3e);border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:8px;top:8px;width:10px}@keyframes ping{75%,to{opacity:0;transform:scale(1.5)}}.header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:42px;justify-content:center;transition:all .3s ease;width:42px}.header-avatar:hover{box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.main-content{background:#f8f9fa;min-height:calc(100vh - 94px)}.dashboard-container{animation:fadeIn .5s ease}.stats-grid{grid-gap:24px;gap:24px;margin-bottom:32px}.stat-card{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:28px;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);height:4px;width:100%}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.stat-card-blue:before{background:linear-gradient(90deg,#4299e1,#3182ce)}.stat-card-green:before{background:linear-gradient(90deg,#48bb78,#38a169)}.stat-card-purple:before{background:linear-gradient(90deg,#9f7aea,#805ad5)}.stat-card-orange:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.stat-card-header{align-items:center;color:#667eea;display:flex;justify-content:space-between;margin-bottom:16px}.stat-card-blue .stat-card-header{color:#4299e1}.stat-card-green .stat-card-header{color:#48bb78}.stat-card-purple .stat-card-header{color:#9f7aea}.stat-card-orange .stat-card-header{color:#ed8936}.stat-card-value{color:#1a202c;font-size:36px;font-weight:900;letter-spacing:-1px;margin:12px 0 8px}.stat-card-label{color:#718096;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.revenue-distribution-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.revenue-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:28px;transition:all .3s ease}.revenue-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-5px)}.revenue-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.revenue-card-header h4{color:#2d3748;font-size:16px;font-weight:700}.icon-yellow{color:#ecc94b}.icon-blue{color:#4299e1}.icon-green{color:#48bb78}.icon-red{color:#f56565}.revenue-card-value{color:#1a202c;font-size:32px;font-weight:900;letter-spacing:-.5px;margin:10px 0}.revenue-card-label{color:#718096;font-size:13px;font-weight:600}.order-status-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.order-status-card{background:#fff;border-left:5px solid;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.order-status-pending{background:linear-gradient(135deg,#fff,#fffaf0);border-left-color:#ed8936}.order-status-completed{background:linear-gradient(135deg,#fff,#f0fff4);border-left-color:#48bb78}.order-status-cancelled{background:linear-gradient(135deg,#fff,#fff5f5);border-left-color:#f56565}.order-status-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.order-status-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.order-status-header h4{color:#2d3748;font-size:15px;font-weight:700}.order-status-value{color:#1a202c;font-size:42px;font-weight:900;letter-spacing:-1px}.recent-orders-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:28px}.section-header{margin-bottom:24px}.section-header h3{color:#1a202c;font-size:20px;font-weight:800}.table-container{border:1px solid #e2e8f0;border-radius:12px}.data-table{background:#fff}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{font-size:13px;font-weight:700;letter-spacing:.8px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:18px 20px}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:#f7fafc;box-shadow:0 4px 12px #0000000d;transform:scale(1.01)}.cell-main{color:#1a202c;font-weight:600;margin-bottom:4px}.cell-sub{color:#718096;font-size:12px;font-weight:500}.cell-amount-blue{color:#4299e1;font-weight:700}.cell-amount-green{color:#48bb78;font-weight:700}.cell-amount-purple{color:#9f7aea;font-weight:700}.status-badge{box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-pending{background:linear-gradient(135deg,#fed7aa,#fbd38d);color:#7c2d12}.status-confirmed{background:linear-gradient(135deg,#bee3f8,#90cdf4)}.status-processing{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#5b21b6}.status-shipped{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a}.status-delivered{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d}.status-cancelled{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#7f1d1d}.status-paid{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d}.status-unpaid{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#7f1d1d}.status-received{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 20px #667eea4d;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.btn-primary:hover{box-shadow:0 12px 28px #667eea66;transform:translateY(-3px)}.btn-secondary{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:12px;box-shadow:0 8px 20px #f565654d;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-danger:hover{box-shadow:0 12px 28px #f5656566;transform:translateY(-3px)}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;transition:all .2s ease}.btn-link:hover{color:#764ba2;transform:translateX(3px)}.btn-full-width{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-full-width:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-export{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;box-shadow:0 6px 15px #48bb784d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-export:hover{box-shadow:0 10px 25px #48bb7866;transform:translateY(-3px)}.icon-btn{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-flex;justify-content:center;padding:10px;transition:all .3s ease}.icon-btn-blue{background:#ebf8ff;color:#4299e1}.icon-btn-blue:hover{background:#bee3f8;box-shadow:0 4px 12px #4299e14d;transform:scale(1.1)}.icon-btn-green{background:#f0fff4;color:#48bb78}.icon-btn-green:hover{background:#c6f6d5;box-shadow:0 4px 12px #48bb784d;transform:scale(1.1)}.icon-btn-red{background:#fff5f5;color:#f56565}.icon-btn-red:hover{background:#fed7d7;box-shadow:0 4px 12px #f565654d;transform:scale(1.1)}.action-buttons{gap:8px}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:24px;padding:24px}.filters-grid{grid-gap:16px;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr}.input-with-icon{position:relative}.input-icon{color:#a0aec0;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-field{border:2px solid #e2e8f0;border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.select-field{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.select-field:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.products-management{animation:fadeIn .5s ease}.section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.section-header-with-action h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:900}.products-grid{grid-gap:24px;gap:24px}.product-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.product-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.product-image{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;height:240px;justify-content:center}.product-image img{transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.1)}.product-image-placeholder{color:#cbd5e0}.product-info{padding:20px}.product-name{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap}.product-category{color:#718096;font-size:13px;font-weight:600;margin-bottom:4px}.product-supplier{color:#a0aec0;font-size:12px;font-weight:500;margin-bottom:16px}.product-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-top:16px}.product-price{color:#667eea;font-size:22px;font-weight:900}.product-stock{background:#f0fff4;border-radius:12px;color:#48bb78;font-size:13px;font-weight:600;padding:4px 12px}.product-actions{gap:10px}.dropshippers-management,.suppliers-management{animation:fadeIn .5s ease}.dropshippers-management h2,.suppliers-management h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:900;margin-bottom:28px}.dropshippers-grid,.suppliers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.dropshipper-card,.supplier-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.dropshipper-card:hover,.supplier-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.dropshipper-header,.supplier-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.dropshipper-profile,.supplier-profile{align-items:center;display:flex;gap:14px}.dropshipper-avatar,.supplier-avatar{align-items:center;border-radius:50%;box-shadow:0 6px 15px #0003;color:#fff;display:flex;font-size:24px;font-weight:900;height:56px;justify-content:center;width:56px}.dropshipper-avatar-purple{background:linear-gradient(135deg,#9f7aea,#805ad5)}.supplier-avatar-blue{background:linear-gradient(135deg,#4299e1,#3182ce)}.dropshipper-name,.supplier-name{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:4px}.dropshipper-username,.supplier-type{color:#718096;font-size:13px;font-weight:500}.badge-active{background:linear-gradient(135deg,#bbf7d0,#86efac);box-shadow:0 2px 8px #48bb7833;color:#14532d;padding:6px 14px}.badge-active,.badge-verified{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-verified{align-items:center;background:linear-gradient(135deg,#bee3f8,#90cdf4);box-shadow:0 2px 8px #4299e133;color:#1e40af;display:inline-flex;gap:4px;padding:6px 12px}.dropshipper-contact,.supplier-contact{margin-bottom:20px}.contact-item{align-items:center;border-bottom:1px solid #f7fafc;color:#4a5568;display:flex;font-size:14px;gap:10px;padding:10px 0}.contact-item:last-child{border-bottom:none}.dropshipper-stats,.supplier-stats{grid-gap:16px;border-top:2px solid #f7fafc;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding-top:20px}.stat-item{text-align:center}.stat-label{color:#a0aec0;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#667eea;font-size:24px;font-weight:900}.analytics-view{animation:fadeIn .5s ease}.analytics-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:900;margin-bottom:28px}.analytics-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:28px;padding:28px}.analytics-section h3{color:#1a202c;font-size:20px;font-weight:800;margin-bottom:24px}.revenue-chart{display:flex;flex-direction:column;gap:16px}.chart-row{align-items:center;display:flex;gap:16px}.chart-label{color:#4a5568;font-size:13px;font-weight:600;min-width:100px}.chart-bar-container{background:#f7fafc;border-radius:10px;box-shadow:inset 0 2px 4px #0000000f;flex:1 1;height:48px;overflow:hidden;position:relative}.chart-bar{align-items:center;animation:growBar 1s ease-out;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #667eea4d;display:flex;height:100%;justify-content:flex-end;padding-right:16px;transition:width 1s ease}@keyframes growBar{0%{width:0}}.chart-value{color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 4px #0003}.top-items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:28px}.top-items-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px}.top-items-section h3{color:#1a202c;font-size:18px;font-weight:800;margin-bottom:20px}.top-items-list{display:flex;flex-direction:column;gap:14px}.top-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.top-item:hover{background:#fff;box-shadow:0 6px 20px #0000001a;transform:translateX(8px)}.top-item-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:900;height:40px;justify-content:center;width:40px}.top-item-rank-purple{background:linear-gradient(135deg,#9f7aea,#805ad5);box-shadow:0 4px 12px #9f7aea4d}.top-item-info{flex:1 1}.top-item-name{color:#1a202c;font-size:15px;font-weight:700;margin-bottom:4px}.top-item-meta{color:#718096;font-size:12px;font-weight:500}.top-item-value{text-align:right}.top-item-amount{color:#667eea;font-size:18px;font-weight:900;margin-bottom:4px}.top-item-label{color:#a0aec0;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payment-distribution-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px}.payment-distribution-section h3{color:#1a202c;font-size:20px;font-weight:800;margin-bottom:24px}.payment-distribution-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.payment-card{border:2px solid;border-radius:16px;padding:24px;transition:all .3s ease}.payment-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.payment-card-blue{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border-color:#4299e1}.payment-card-green{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#48bb78}.payment-card-purple{background:linear-gradient(135deg,#faf5ff,#e9d8fd);border-color:#9f7aea}.payment-card-yellow{background:linear-gradient(135deg,#fffaf0,#feebc8);border-color:#ed8936}.payment-label{color:#4a5568;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.payment-value{color:#1a202c;font-size:28px;font-weight:900;margin-bottom:8px}.payment-percentage{color:#718096;font-size:12px;font-weight:600}.transactions-view{animation:fadeIn .5s ease}.transaction-type{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.transaction-type-supplier{background:linear-gradient(135deg,#bee3f8,#90cdf4);color:#1e40af}.transaction-type-dropshipper{background:linear-gradient(135deg,#e9d8fd,#d6bcfa);color:#5b21b6}.transaction-type-platform{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#14532d}.transaction-row-platform{background:#f0fff4}.reports-view{animation:fadeIn .5s ease}.reports-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:900;margin-bottom:28px}.reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:32px}.report-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.report-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.report-card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.report-icon{align-items:center;border-radius:14px;box-shadow:0 6px 15px #0003;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.report-icon-blue{background:linear-gradient(135deg,#4299e1,#3182ce)}.report-icon-green{background:linear-gradient(135deg,#48bb78,#38a169)}.report-icon-purple{background:linear-gradient(135deg,#9f7aea,#805ad5)}.report-icon-orange{background:linear-gradient(135deg,#ed8936,#dd6b20)}.report-icon-cyan{background:linear-gradient(135deg,#0bc5ea,#00b5d8)}.report-icon-red{background:linear-gradient(135deg,#f56565,#e53e3e)}.report-card-header h3{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:4px}.report-card-header p{color:#718096;font-size:13px;font-weight:500}.report-summary{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px}.report-summary h3{color:#1a202c;font-size:20px;font-weight:800;margin-bottom:24px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.summary-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.summary-label{color:#718096;font-size:13px;letter-spacing:.5px;margin-bottom:10px}.summary-value{color:#667eea;font-size:32px;font-weight:900}.gst-reports-view{animation:fadeIn .5s ease}.gst-reports-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:900;margin-bottom:28px}.gst-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.gst-stat-card{background:#fff;border:1px solid #e2e8f0;border-left:5px solid #667eea;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.gst-stat-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-5px)}.gst-stat-card h4{color:#718096;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.gst-stat-value{color:#1a202c;font-size:32px;font-weight:900;letter-spacing:-.5px;margin-bottom:8px}.gst-stat-label{color:#a0aec0;font-size:13px;font-weight:600}.gst-reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-bottom:32px}.gst-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:28px;transition:all .3s ease}.gst-report-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.gst-report-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.gst-report-icon{align-items:center;border-radius:14px;box-shadow:0 6px 15px #0003;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.gst-report-icon-blue{background:linear-gradient(135deg,#4299e1,#3182ce)}.gst-report-icon-green{background:linear-gradient(135deg,#48bb78,#38a169)}.gst-report-icon-purple{background:linear-gradient(135deg,#9f7aea,#805ad5)}.gst-report-icon-orange{background:linear-gradient(135deg,#ed8936,#dd6b20)}.gst-report-icon-red{background:linear-gradient(135deg,#f56565,#e53e3e)}.gst-report-header h3{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:4px}.gst-report-header p{color:#718096;font-size:13px;font-weight:500}.gst-report-form{margin-bottom:20px}.gst-report-form label{color:#2d3748;display:block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.gst-report-info{color:#718096;font-size:14px;font-weight:500;margin-top:8px}.gst-compliance-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px}.gst-compliance-section h3{color:#1a202c;font-size:20px;font-weight:800;margin-bottom:24px}.compliance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.compliance-item{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.compliance-item:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-3px)}.compliance-item h4{color:#718096;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.compliance-item p{color:#1a202c;font-size:18px;font-weight:900}.settings-view{animation:fadeIn .5s ease}.settings-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:900;margin-bottom:28px}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px;transition:all .3s ease}.settings-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-5px)}.settings-card h3{border-bottom:2px solid #f7fafc;color:#1a202c;font-size:20px;font-weight:800;margin-bottom:24px;padding-bottom:16px}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-checkboxes{display:flex;flex-direction:column;gap:16px}.checkbox-label{border-radius:8px;color:#2d3748;padding:12px;transition:all .2s ease}.checkbox-label:hover{background:#f7fafc}.settings-actions{display:flex;flex-direction:column;gap:12px}.settings-footer{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;justify-content:flex-end;padding:24px}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;z-index:9999}.modal-container{animation:slideUp .4s ease;border-radius:24px;box-shadow:0 30px 90px #0006;max-width:900px;overflow-y:auto}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f7fafc}.modal-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.modal-header{border-radius:24px 24px 0 0;padding:28px 32px}.modal-header h2{font-size:24px;font-weight:800;letter-spacing:.3px;margin:0}.modal-close{border-radius:50%;height:40px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-content{padding:32px}.order-status-section{grid-gap:20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;padding:24px}.order-info-item{text-align:center}.modal-section{border-bottom:2px solid #f7fafc;margin-bottom:32px;padding-bottom:32px}.modal-section:last-of-type{border-bottom:none}.modal-section-title{align-items:center;border-bottom:2px solid #667eea;color:#1a202c;display:flex;font-size:18px;font-weight:800;gap:12px;margin-bottom:20px;padding-bottom:12px}.info-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.info-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.info-label{color:#718096;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-value{color:#1a202c;font-size:15px;font-weight:700}.address-item{border:1px solid #e2e8f0;border-radius:10px}.address-item,.product-details{background:#f7fafc;padding:20px}.product-details{align-items:center;border:1px solid #e2e8f0;border-radius:12px;gap:20px}.product-detail-image{border:2px solid #fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.product-detail-info{flex:1 1}.product-detail-name{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:8px}.product-detail-meta{color:#718096;font-size:14px;font-weight:500;margin:4px 0}.financial-breakdown{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.financial-row{border-bottom:1px solid #e2e8f0;color:#2d3748;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 0}.financial-row:last-child{border-bottom:none}.financial-row-total{background:#fff;border-radius:8px;color:#1a202c;font-size:18px;font-weight:900;margin:8px -20px;padding:18px 20px}.financial-row-blue{background:#4299e11a;color:#4299e1}.financial-row-blue,.financial-row-purple{border-radius:8px;font-weight:700;margin:8px -20px;padding:14px 20px}.financial-row-purple{background:#9f7aea1a;color:#9f7aea}.financial-row-green{background:#48bb781a;border-radius:8px;color:#48bb78;font-weight:700;margin:8px -20px;padding:14px 20px}.financial-divider{background:linear-gradient(90deg,#0000,#667eea,#0000);height:2px;margin:16px 0}.tracking-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 6px 15px #667eea4d;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-top:16px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.tracking-link:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-3px)}.modal-actions{border-top:2px solid #f7fafc;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #fff3;border-top-color:#fff;height:60px;margin-bottom:24px;width:60px}.loading-container p{animation:pulse 2s ease-in-out infinite;font-size:18px;font-weight:700;letter-spacing:.5px}@media (max-width:1400px){.filters-grid{grid-template-columns:1fr 1fr}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.top-items-grid{grid-template-columns:1fr}}@media (max-width:992px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.main-layout{margin-left:0}.filters-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.order-status-grid,.revenue-distribution-grid,.stats-grid{grid-template-columns:1fr}.main-content{padding:20px}.dropshippers-grid,.gst-reports-grid,.products-grid,.reports-grid,.suppliers-grid{grid-template-columns:1fr}.modal-container{margin:10px;max-width:100%}.modal-content{padding:20px}.info-grid,.order-status-section{grid-template-columns:1fr}}@media (max-width:480px){.auth-card{padding:32px 24px}.header-left{gap:12px}.header-logo{font-size:20px;height:42px;width:42px}.header-title h1{font-size:16px}.header-title p{font-size:12px}.stat-card-value{font-size:28px}.revenue-card-value{font-size:24px}.table-container{font-size:12px}.data-table td,.data-table th{padding:12px 10px}.modal-header{padding:20px}.modal-header h2{font-size:18px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media print{.action-buttons,.app-header,.btn-export,.btn-primary,.btn-secondary,.filters-section,.sidebar{display:none!important}.main-layout{margin-left:0}.main-content{padding:0}*{box-shadow:none!important}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f7fafc}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex-column{flex-direction:column}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.shadow-sm{box-shadow:0 2px 8px #0000000d}.shadow-md{box-shadow:0 4px 15px #0000001a}.shadow-lg{box-shadow:0 8px 25px #00000026}.rounded{border-radius:8px}.rounded-lg{border-radius:16px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-left{animation:slideInLeft .5s ease}.animate-slide-in-right{animation:slideInRight .5s ease}.animate-scale-in{animation:scaleIn .4s ease}.sell-services-container{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.sell-services-inner{margin:0 auto;max-width:1200px;padding:40px 20px}.sell-services-loading{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh}.sell-services-loading .text-center{text-align:center}.sell-services-loading h2{color:#1a1a1a;font-size:28px;font-weight:700;margin-top:20px}.sell-services-loading p{color:#6b7280;font-size:16px;margin-top:8px}.sell-services-header{margin-bottom:40px}.header-main{margin-bottom:30px;text-align:center}.header-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;box-shadow:0 8px 24px #2563eb4d;height:80px;margin-bottom:20px;width:80px}.header-icon svg{color:#fff;height:40px;width:40px}.header-main h1{color:#1a1a1a;font-size:42px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.header-main p{color:#6b7280;font-size:18px;margin-bottom:8px}.store-info,.user-info{color:#374151;font-size:15px;margin-top:10px}.store-info span,.user-info span{color:#2563eb;font-weight:700}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.view-toggle-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.view-toggle-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb66;transform:translateY(-1px)}.message-alert{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-size:15px;font-weight:600;gap:12px;margin-bottom:30px;padding:16px 20px}.message-alert.success{background:#d1fae5;border:2px solid #6ee7b7;color:#065f46}.message-alert.error{background:#fee2e2;border:2px solid #fca5a5;color:#991b1b}.message-alert svg{flex-shrink:0}.service-form{width:100%}.form-label{align-items:center;display:flex;font-size:15px;gap:8px;margin-bottom:10px}.form-label svg{color:#2563eb;height:16px;width:16px}.form-input,.form-select,.form-textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;font-weight:500;outline:none;transition:all .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#d1d5db}.form-textarea{line-height:1.6;min-height:120px}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231a1a1a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:40px}.form-hint{display:block;font-size:13px;font-weight:400;margin-top:8px}.form-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:20px}.form-grid-2{grid-template-columns:1fr 1fr}.price-range-group{align-items:center;display:flex;gap:12px}.price-range-group input{flex:1 1}.price-range-group span{color:#6b7280;font-size:14px;font-weight:600}.service-form-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:30px;overflow:hidden;transition:all .3s ease}.service-form-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014}.service-form-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 28px}.form-header-left{gap:16px}.form-header-left,.form-number{align-items:center;display:flex}.form-number{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;box-shadow:0 4px 12px #2563eb4d;color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.form-header-left h3{color:#1a1a1a;font-size:20px;font-weight:700}.remove-service-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.remove-service-btn:hover{background:#fecaca;transform:scale(1.05)}.service-form-body{padding:28px}.image-upload-area{margin-bottom:16px;width:100%}.image-upload-label{align-items:center;background:#f9fafb;border:3px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center;transition:all .3s ease}.image-upload-label:hover{background:#eff6ff;border-color:#2563eb}.image-upload-label[disabled]{cursor:not-allowed;opacity:.5}.image-upload-label svg{color:#2563eb;margin-bottom:12px;opacity:.7}.image-upload-label p{color:#374151;font-size:15px;font-weight:600;margin-top:8px}.upload-hint{color:#6b7280;font-size:13px;margin-top:6px}.image-upload-label input[type=file]{display:none}.image-previews{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}.image-preview-item{aspect-ratio:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.image-preview-item:hover{border-color:#2563eb;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.image-preview-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.form-actions{align-items:center;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.add-service-btn{align-items:center;background:#fff;border:2px solid #2563eb;border-radius:10px;color:#2563eb;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.add-service-btn:hover{background:#eff6ff;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.submit-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.3px;padding:16px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 24px #2563eb66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{display:flex}.services-view-section{width:100%}.services-view-section h2{color:#1a1a1a;font-size:32px;font-weight:700;margin-bottom:30px}.services-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.services-loading .spinner{color:#2563eb}.services-loading p{color:#6b7280;font-size:16px;font-weight:500}.empty-services{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-services svg{color:#d1d5db;margin-bottom:20px}.empty-services h3{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:10px}.empty-services p{color:#6b7280;font-size:16px;margin-bottom:24px}.empty-services button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.empty-services button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.service-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease}.service-card:hover{border-color:#2563eb;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.service-card img{background:#f3f4f6;height:240px;object-fit:cover;width:100%}.service-card-content{padding:20px}.service-card-content h3{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:10px}.service-short-desc{color:#374151;font-size:14px;font-style:italic;font-weight:600;margin-bottom:8px}.service-card-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:16px;overflow:hidden}.service-price-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.service-price{color:#2563eb;font-size:24px;font-weight:800}.service-category{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.service-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-badge{align-items:center;background:#e5e7eb;border-radius:6px;color:#374151;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize}.meta-badge svg{height:14px;width:14px}.service-link-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:12px}.link-display{width:100%}.link-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.link-container{width:100%}.link-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1a1a1a;font-family:Courier New,monospace;font-size:13px;font-weight:500;outline:none;padding:10px 12px;width:100%}.link-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.service-card-actions{display:flex;gap:8px;margin-top:16px}.copy-link-btn,.view-link-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.copy-link-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.copy-link-btn:hover{background:#dbeafe}.view-link-btn{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.view-link-btn:hover{background:#a7f3d0}.delete-service-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.delete-service-btn:hover{background:#fecaca}@media (max-width:768px){.sell-services-inner{padding:30px 16px}.header-icon{height:64px;width:64px}.header-icon svg{height:32px;width:32px}.header-main h1{font-size:32px}.header-main p{font-size:16px}.header-actions{flex-direction:column;width:100%}.view-toggle-btn{justify-content:center;width:100%}.form-grid-2,.services-grid{grid-template-columns:1fr}.services-grid{gap:20px}.service-form-header{padding:16px 20px}.form-header-left h3{font-size:18px}.service-form-body{padding:20px}.form-actions{flex-direction:column;width:100%}.add-service-btn,.submit-btn{justify-content:center;width:100%}.image-previews{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.services-view-section h2{font-size:28px}}@media (max-width:480px){.sell-services-inner{padding:20px 12px}.header-icon{height:56px;width:56px}.header-icon svg{height:28px;width:28px}.header-main h1{font-size:28px}.header-main p{font-size:15px}.store-info,.user-info{font-size:14px}.view-toggle-btn{font-size:14px;padding:10px 20px}.message-alert{font-size:14px;padding:14px 16px}.form-label{font-size:14px}.form-input,.form-select,.form-textarea{font-size:14px;padding:12px 14px}.form-textarea{min-height:100px}.service-form-card{margin-bottom:20px}.service-form-header{padding:14px 16px}.form-number{height:36px;width:36px}.form-header-left h3,.form-number{font-size:16px}.service-form-body{padding:16px}.image-upload-label{padding:30px 16px}.image-upload-label p{font-size:14px}.upload-hint{font-size:12px}.image-previews{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.add-service-btn,.submit-btn{font-size:15px;padding:12px 20px}.services-view-section h2{font-size:24px}.services-grid{gap:16px}.service-card-content{padding:16px}.service-card-content h3{font-size:18px}.service-card-content p{font-size:13px}.service-price{font-size:20px}.service-card-actions{flex-direction:column}.copy-link-btn,.delete-service-btn,.view-link-btn{width:100%}.link-input{font-size:11px;padding:8px 10px}.empty-services{padding:60px 20px}.empty-services h3{font-size:20px}.empty-services p{font-size:15px}}@media (max-width:360px){.sell-services-inner{padding:16px 10px}.header-main h1{font-size:24px}.header-main p{font-size:14px}.image-previews{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.service-form-body{padding:12px}}@media (max-height:600px) and (orientation:landscape){.sell-services-inner{padding:20px 16px}.header-icon{height:48px;width:48px}.header-main h1{font-size:24px;margin-bottom:8px}}@media print{.form-actions,.header-actions,.remove-image-btn,.remove-service-btn,.service-card-actions,.view-toggle-btn{display:none!important}.service-card,.service-form-card{border:1px solid #e5e7eb;page-break-inside:avoid}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.submit-btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea,.service-card,.service-form-card{border-width:3px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none}}.visible{display:block}::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px}::-webkit-scrollbar-thumb{background:#d1d5db;border:2px solid #f9fafb}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.youtube-preview{border:2px solid #e5e7eb;border-radius:12px;margin-top:16px;overflow:hidden}.youtube-preview iframe{border:none;height:300px;width:100%}:root{--primary-light:#60a5fa;--stat-purple:#8b5cf6;--stat-blue:#3b82f6;--stat-orange:#f59e0b;--stat-green:#10b981;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}.loading-container,.supplier-portal{background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.loading-container{align-items:center;gap:1.5rem;justify-content:center}.loading-container p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{animation:fadeInUp .5s ease;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.auth-icon{color:#3b82f6;color:var(--primary);height:64px;margin:0 auto 1.5rem;width:64px}.auth-card h2{font-size:1.75rem;margin-bottom:.75rem}.top-nav{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 2rem}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{gap:1rem}.brand-icon{color:#3b82f6;color:var(--primary);flex-shrink:0;height:40px;width:40px}.brand-text h1{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;line-height:1.2}.brand-text span{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500}.nav-actions{gap:1rem}.nav-actions,.verified-badge{align-items:center;display:flex}.verified-badge{background:#ecfdf5;border-radius:9999px;color:#059669;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.verified-badge svg{height:16px;width:16px}.nav-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;padding:.5rem;position:relative;transition:.2s ease;transition:var(--transition-base)}.nav-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.user-menu{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:.2s ease;transition:var(--transition-base)}.user-menu:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.alert-banner{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1rem 2rem}.alert-icon{flex-shrink:0;height:24px;width:24px}.alert-content{flex:1 1}.alert-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.alert-text{font-size:.875rem;opacity:.9}.alert-btn{background:#fff;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#f59e0b;color:var(--warning);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:.2s ease;transition:var(--transition-base);white-space:nowrap}.alert-btn:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tabs-container{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);overflow-x:auto}.tabs{margin:0 auto;max-width:1600px;padding:0 2rem}.tab,.tabs{display:flex;gap:.5rem}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.9375rem;font-weight:500;padding:1rem 1.5rem;transition:.2s ease;transition:var(--transition-base);white-space:nowrap}.tab:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900)}.tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--primary);color:#3b82f6;color:var(--primary)}.tab svg{height:20px;width:20px}.tab-badge{background:#3b82f6;background:var(--primary);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.125rem .5rem;text-align:center}.tab.active .tab-badge{background:#2563eb;background:var(--primary-dark)}.main-content{margin:0 auto;max-width:1600px;padding:2rem;width:100%}.overview-tab{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{border-radius:var(--radius-xl);gap:1.5rem;overflow:hidden;position:relative;transition:.2s ease;transition:var(--transition-base)}.stat-card:before{background:currentColor;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:4px}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-purple{color:#8b5cf6;color:var(--stat-purple)}.stat-blue{color:#3b82f6;color:var(--stat-blue)}.stat-orange{color:#f59e0b;color:var(--stat-orange)}.stat-green{color:#10b981;color:var(--stat-green)}.stat-icon-wrapper{align-items:center;background:currentColor;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:64px;justify-content:center;opacity:.1;width:64px}.stat-icon{color:currentColor;height:32px;opacity:1;width:32px}.stat-label{font-weight:500}.stat-value{line-height:1;margin-bottom:.5rem}.stat-change{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;gap:.25rem}.stat-change svg{height:14px;width:14px}.payout-summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.payout-summary-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;transition:.2s ease;transition:var(--transition-base)}.payout-summary-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.payout-summary-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.payout-summary-card.completed{border-left:4px solid #10b981;border-left:4px solid var(--success)}.payout-summary-card.total{border-left:4px solid #3b82f6;border-left:4px solid var(--primary)}.payout-summary-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.payout-summary-header svg{color:#4b5563;color:var(--gray-600);height:24px;width:24px}.payout-summary-card.pending .payout-summary-header svg{color:#f59e0b;color:var(--warning)}.payout-summary-card.completed .payout-summary-header svg{color:#10b981;color:var(--success)}.payout-summary-card.total .payout-summary-header svg{color:#3b82f6;color:var(--primary)}.payout-summary-header h3{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:600}.payout-amount{color:#111827;color:var(--gray-900);font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.payout-description{color:#6b7280;color:var(--gray-500);font-size:.875rem}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.card-title{color:#111827;color:var(--gray-900)}.card-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:.25rem}.card-body{padding:1.5rem 2rem}.icon-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;padding:.5rem;transition:.2s ease;transition:var(--transition-base)}.icon-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.empty-state{padding:3rem 2rem}.empty-icon{height:64px;margin:0 auto 1rem;width:64px}.empty-state p{color:#6b7280;color:var(--gray-500);font-size:1rem}.empty-state-large{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);padding:5rem 2rem;text-align:center}.empty-icon-large{color:#d1d5db;color:var(--gray-300);height:96px;margin:0 auto 1.5rem;width:96px}.empty-state-large h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.empty-state-large p{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:2rem}.quick-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:#fff;border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center;transition:.2s ease;transition:var(--transition-base)}.action-card:hover{background:#60a5fa;background:var(--primary-light);background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.action-icon{color:#3b82f6;color:var(--primary);height:48px;width:48px}.action-card span{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.9375rem;width:100%}.data-table thead{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200)}.data-table thead th{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:.2s ease;transition:var(--transition-base)}.data-table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.data-table tbody td{color:#374151;color:var(--gray-700);padding:1rem 1.5rem}.order-number,.payout-number{color:#3b82f6;color:var(--primary);font-family:Monaco,Courier New,monospace;font-size:.875rem;font-weight:600}.product-cell{display:flex;flex-direction:column}.product-name{margin-bottom:.25rem}.font-weight-bold{font-weight:700}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;padding:.375rem .75rem}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-packed{background:#e0e7ff;color:#3730a3}.status-shipped{background:#fce7f3;color:#831843}.status-delivered{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.status-completed{background:#d1fae5;color:#065f46}.status-processing{background:#dbeafe;color:#1e40af}.success-badge{align-items:center;background:#d1fae5;border-radius:9999px;color:#065f46;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.success-badge svg{height:16px;width:16px}.action-btn{align-items:center;background:none;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:.2s ease;transition:var(--transition-base)}.action-btn:hover{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400);color:#111827;color:var(--gray-900)}.action-btn-success{border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.action-btn-success:hover{background:#d1fae5}.action-btn svg{height:16px;width:16px}.btn-danger,.btn-outline,.btn-primary,.btn-secondary,.btn-sm,.btn-success,.btn-wallet{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:.2s ease;transition:var(--transition-base);white-space:nowrap}.btn-primary{background:#3b82f6;background:var(--primary)}.btn-primary:hover{background:#2563eb;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.btn-primary:disabled{background:#d1d5db;background:var(--gray-300);transform:none}.btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-outline{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-success{background:#10b981;background:var(--success)}.btn-success:hover{background:#059669;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-wallet{background:#06b6d4;background:var(--info);color:#fff}.btn-wallet:hover{background:#0891b2;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon,.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;transition:.2s ease;transition:var(--transition-base)}.btn-icon:hover{background:#e5e7eb;background:var(--gray-200)}.btn-icon svg{height:16px;width:16px}.dropshippers-tab,.orders-tab,.payouts-tab,.products-tab,.profile-tab{display:flex;flex-direction:column;gap:2rem}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.tab-title{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:700}.search-box{flex:1 1;max-width:400px;position:relative}.search-box svg{color:#9ca3af;color:var(--gray-400);height:18px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-box input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);font-size:.9375rem;padding:.75rem 1rem .75rem 3rem;transition:.2s ease;transition:var(--transition-base);width:100%}.search-box input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group{align-items:center;display:flex;gap:1rem}.filter-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-size:.9375rem;padding:.75rem 1rem;transition:.2s ease;transition:var(--transition-base)}.filter-select:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{border-radius:var(--radius-xl);transition:.2s ease;transition:var(--transition-base)}.product-image{background:#f3f4f6;background:var(--gray-100);overflow:hidden;padding-top:75%;position:relative}.product-image img{object-fit:cover}.no-image,.product-image img{height:100%;left:0;position:absolute;top:0;width:100%}.no-image{align-items:center;background:#f3f4f6;background:var(--gray-100);display:flex;justify-content:center}.no-image svg{color:#d1d5db;color:var(--gray-300);height:64px;width:64px}.availability-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.availability-badge.available{background:#10b981;background:var(--success);color:#fff}.availability-badge.unavailable{background:#ef4444;background:var(--danger);color:#fff}.product-details{padding:1.5rem}.product-name{font-size:1.125rem;line-height:1.4}.product-category{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-bottom:1rem}.product-meta{flex-direction:column;gap:.5rem}.meta-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.meta-label{color:#4b5563;color:var(--gray-600)}.meta-value{color:#111827;color:var(--gray-900);font-weight:600}.product-actions{display:flex;gap:.75rem}.dropshippers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.dropshipper-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;transition:.2s ease;transition:var(--transition-base)}.dropshipper-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dropshipper-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);padding:1.5rem}.store-avatar{align-items:center;background:#fff;border-radius:50%;color:#3b82f6;color:var(--primary);display:flex;height:64px;justify-content:center;width:64px}.store-avatar svg{height:32px;width:32px}.store-status{align-items:center;background:#fff3;border-radius:9999px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.store-status svg{height:14px;width:14px}.dropshipper-body{padding:1.5rem}.store-name{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.store-handle{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-bottom:1rem}.store-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;overflow:hidden}.store-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.store-stat{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:1rem}.store-stat svg{color:#3b82f6;color:var(--primary);flex-shrink:0;height:18px;width:18px}.store-stat div{display:flex;flex-direction:column}.stat-value{font-size:1.125rem}.stat-label{color:#6b7280;color:var(--gray-500);font-size:.75rem}.contact-info{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.contact-info svg{color:#9ca3af;color:var(--gray-400);flex-shrink:0;height:16px;width:16px}.products-preview{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:1.5rem;padding-top:1.5rem}.preview-title{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.preview-list{gap:.5rem}.preview-item,.preview-list{display:flex;flex-direction:column}.preview-item{background:#f9fafb;background:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md);gap:.25rem;padding:.75rem}.preview-name{font-size:.875rem;font-weight:500}.preview-price{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.75rem;gap:.5rem}.markup-badge{background:#d1fae5;border-radius:.25rem;color:#065f46;font-weight:600;padding:.125rem .375rem}.preview-more{color:#6b7280;color:var(--gray-500);font-size:.75rem;padding:.5rem;text-align:center}.dropshipper-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;padding:1rem 1.5rem}.dropshipper-footer button{flex:1 1}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;transition:.2s ease;transition:var(--transition-base)}.order-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.order-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.order-info{display:flex;flex-direction:column;gap:.5rem}.order-number{color:#3b82f6;color:var(--primary);font-family:Monaco,Courier New,monospace;font-weight:700}.order-date{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;gap:.5rem}.order-date svg{height:14px;width:14px}.order-body{padding:1.5rem}.order-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.detail-section{display:flex;flex-direction:column;gap:.75rem}.section-title{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.5rem;text-transform:uppercase}.detail-row{align-items:flex-start;display:flex;font-size:.9375rem;gap:1rem;justify-content:space-between}.detail-value{text-align:right;word-break:break-word}.detail-row.highlight{background:linear-gradient(135deg,#10b9810d,#10b9811a);border-radius:.5rem;border-radius:var(--radius-md);margin-top:.5rem;padding:.75rem}.detail-row.highlight .detail-value{color:#10b981;color:var(--success);font-size:1.125rem}.order-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding-top:1.5rem}.status-buttons{display:flex;flex-wrap:wrap;gap:1rem}.payout-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.payout-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;padding:2rem;transition:.2s ease;transition:var(--transition-base)}.payout-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.payout-stat-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.payout-stat-card.completed{border-left:4px solid #10b981;border-left:4px solid var(--success)}.payout-stat-card.total{border-left:4px solid #3b82f6;border-left:4px solid var(--primary)}.payout-stat-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.payout-stat-card.pending .payout-stat-icon{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.payout-stat-card.completed .payout-stat-icon{background:#10b9811a;color:#10b981;color:var(--success)}.payout-stat-card.total .payout-stat-icon{background:#3b82f61a;color:#3b82f6;color:var(--primary)}.payout-stat-icon svg{height:32px;width:32px}.payout-stat-content{flex:1 1}.payout-stat-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.payout-stat-value{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.payout-stat-desc{color:#6b7280;color:var(--gray-500);font-size:.875rem}.alert-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 2rem}.alert-card.warning{background:linear-gradient(90deg,#f59e0b0d,#fff);border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.alert-card svg{color:#f59e0b;color:var(--warning);flex-shrink:0;height:24px;width:24px}.alert-card-content{flex:1 1}.alert-card-content h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin-bottom:.25rem}.alert-card-content p{font-size:.875rem}.alert-card-content p,.razorpay-id{color:#4b5563;color:var(--gray-600)}.razorpay-id{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:.375rem;display:inline-flex;font-family:Monaco,Courier New,monospace;font-size:.75rem;gap:.375rem;padding:.25rem .5rem}.razorpay-id svg{height:14px;width:14px}.failure-reason{align-items:center;color:#ef4444;color:var(--danger);display:flex;font-size:.75rem;gap:.375rem;margin-top:.5rem}.failure-reason svg{height:14px;width:14px}.profile-form{padding:2rem 0}.form-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none}.form-row:last-child{margin-bottom:0}.form-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;padding:.75rem;transition:.2s ease;transition:var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{gap:1rem;justify-content:flex-end}.bank-details-display{display:flex;flex-direction:column;gap:1rem}.bank-detail-row,.bank-info p{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.bank-info{display:flex;flex-direction:column;gap:.75rem}.bank-info p{font-size:.9375rem;justify-content:flex-start;margin:0}.bank-info strong{color:#374151;color:var(--gray-700);min-width:150px}.action-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;text-decoration:none;transition:.2s ease;transition:var(--transition-base)}.action-item:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.action-content{align-items:center;display:flex;flex:1 1;gap:1rem}.action-content svg{color:#4b5563;color:var(--gray-600);flex-shrink:0;height:20px;width:20px}.action-title{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:.25rem}.action-description{color:#6b7280;color:var(--gray-500);font-size:.875rem}.action-item svg:last-child{color:#9ca3af;color:var(--gray-400);height:20px;width:20px}.modal-overlay{background:#0009}.modal-container{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:800px}.modal-header{flex-shrink:0}.modal-title-wrapper{align-items:center;display:flex;gap:1rem}.modal-icon{color:#3b82f6;color:var(--primary);height:24px;width:24px}.modal-header h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.modal-close-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;padding:.5rem;transition:.2s ease;transition:var(--transition-base)}.modal-close-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.modal-close-btn svg{height:24px;width:24px}.modal-body{flex:1 1}.modal-form{gap:1.5rem}.modal-form,.payout-details{display:flex;flex-direction:column}.payout-details{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);gap:.75rem;margin-bottom:1.5rem;padding:1.5rem}.payout-detail-row{align-items:center;display:flex;font-size:.9375rem;justify-content:space-between}.detail-label{color:#4b5563;color:var(--gray-600);font-weight:500}.detail-value{color:#111827;color:var(--gray-900);font-weight:600}.payout-detail-row.highlight{border-top:2px solid #d1d5db;border-top:2px solid var(--gray-300);margin-top:.75rem;padding-top:.75rem}.payout-detail-row.highlight .detail-value{color:#10b981;color:var(--success);font-size:1.25rem}.payout-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-left:4px solid var(--warning);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.payout-warning svg{color:#f59e0b;color:var(--warning);flex-shrink:0;height:20px;margin-top:.125rem;width:20px}.payout-warning p{color:#92400e;font-size:.875rem;margin:0}.spinning{animation:spin 1s linear infinite}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dropshippers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.order-details{grid-template-columns:1fr}}@media (max-width:992px){.main-content{padding:1.5rem}.nav-container,.tabs{padding:0 1.5rem}.payout-stats-grid,.payout-summary-cards,.stats-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.form-row{grid-template-columns:1fr}.tab-header{align-items:flex-start;flex-direction:column}.search-box{max-width:100%;width:100%}.filter-group{justify-content:space-between;width:100%}}@media (max-width:768px){.main-content{padding:1rem}.nav-container{height:60px;padding:0 1rem}.brand-text h1{font-size:1.25rem}.brand-text span{font-size:.75rem}.verified-badge{display:none}.tabs{padding:0 1rem}.tab{font-size:.875rem;padding:.75rem 1rem}.tab span{display:none}.tab svg{height:20px;width:20px}.tab-badge{font-size:.625rem;height:18px;min-width:18px;padding:.125rem .25rem;position:absolute;right:.5rem;top:.5rem}.alert-banner{align-items:flex-start;flex-direction:column;padding:1rem}.alert-btn{width:100%}.tab-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-icon-wrapper{margin:0 auto}.stat-value{font-size:1.75rem}.payout-summary-cards{grid-template-columns:1fr}.payout-summary-card{padding:1.5rem}.payout-amount{font-size:1.875rem}.card-body,.card-header{padding:1rem 1.5rem}.card-title{font-size:1.125rem}.dropshippers-grid,.products-grid,.quick-actions,.store-stats{grid-template-columns:1fr}.dropshipper-footer{flex-direction:column}.orders-list{gap:1rem}.order-header{align-items:flex-start;flex-direction:column}.order-body{padding:1rem 1.5rem}.order-details{gap:1.5rem;grid-template-columns:1fr}.status-buttons{flex-direction:column}.status-buttons button{width:100%}.payout-stats-grid{grid-template-columns:1fr}.payout-stat-card{flex-direction:column;text-align:center}.payout-stat-value{font-size:1.75rem}.table-container{overflow-x:auto}.data-table{font-size:.875rem}.data-table tbody td,.data-table thead th{padding:.75rem 1rem;white-space:nowrap}.modal-container{border-radius:0;max-height:100vh;max-width:100%}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.alert-card{align-items:flex-start;flex-direction:column}.filter-group{flex-direction:column;width:100%}.filter-select{width:100%}}@media (max-width:480px){.brand-icon{height:32px;width:32px}.brand-text h1{font-size:1.125rem}.user-avatar{font-size:.75rem;height:32px;width:32px}.payout-amount,.stat-value{font-size:1.5rem}.action-card{padding:1.5rem}.action-icon{height:40px;width:40px}.tab{padding:.75rem .5rem}}@media print{.action-btn,.alert-banner,.btn-primary,.btn-secondary,.dropshipper-footer,.form-actions,.icon-btn,.modal-overlay,.order-actions,.product-actions,.quick-actions,.tabs-container,.top-nav{display:none!important}.main-content{padding:0}.supplier-portal{background:#fff}.card,.dropshipper-card,.order-card,.product-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.payout-summary-cards,.products-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}::-webkit-scrollbar-track{border-radius:4px}*{scrollbar-color:#9ca3af #f3f4f6;scrollbar-color:var(--gray-400) var(--gray-100)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.text-primary{color:#3b82f6;color:var(--primary)}.font-bold,.font-weight-bold{font-weight:700}.font-semibold,.font-weight-semibold{font-weight:600}.font-weight-medium{font-weight:500}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.w-auto{width:auto}.h-auto{height:auto}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border:1px solid #e5e7eb;border:1px solid var(--gray-200)}.border-t{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.border-b{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.border-l{border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200)}.border-r{border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-primary{background-color:#3b82f6;background-color:var(--primary)}.bg-success{background-color:#10b981;background-color:var(--success)}.bg-danger{background-color:#ef4444;background-color:var(--danger)}.bg-warning{background-color:#f59e0b;background-color:var(--warning)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--occ-bg:#fdfcfb;--occ-surface:#fff;--occ-surface2:#f7f6f4;--occ-border:#00000012;--occ-border-md:#0000001f;--occ-black:#1a1a1a;--occ-text:#1a1a1a;--occ-text-dim:#1a1a1a73;--occ-accent:#ff9f66;--occ-accent-dim:#ff9f6621;--occ-accent-hov:#ffb388;--occ-green:#27ae60;--occ-green-dim:#27ae601f;--occ-red:#e74c3c;--occ-red-dim:#e74c3c1a;--occ-blue:#3498db;--occ-blue-dim:#3498db1a;--occ-mono:"JetBrains Mono",monospace;--occ-serif:"Playfair Display",serif;--occ-sans:"Inter",sans-serif}.occasionbuilder-template-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (min-width:1200px){.occasionbuilder-template-grid{gap:18px;grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px) and (min-width:1025px){.occasionbuilder-template-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px) and (min-width:768px){.occasionbuilder-template-grid{gap:14px;grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.occasionbuilder-template-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.occasionbuilder-template-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}}.occasionbuilder-template-card{background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);box-shadow:0 2px 8px #0000000f;transition:all .25s cubic-bezier(.4,0,.2,1)}.occasionbuilder-template-card:hover{border-color:#ff9f66;border-color:var(--occ-accent);box-shadow:0 12px 32px #0000001f}.occasionbuilder-template-card.selected{border-color:#ff9f66;border-color:var(--occ-accent);box-shadow:0 0 0 3px #ff9f6621,0 8px 24px #0000001a;box-shadow:0 0 0 3px var(--occ-accent-dim),0 8px 24px #0000001a}.occasionbuilder-template-preview-btn{background:#000000bf;border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;gap:6px;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;top:10px;transition:all .2s}.occasionbuilder-template-preview-btn:hover{background:#ff9f66;background:var(--occ-accent);color:#1a1a1a;color:var(--occ-black)}.occasionbuilder-template-preview-btn:active{transform:scale(.95)}@media (max-width:767px){.occasionbuilder-template-preview-btn{font-size:.6rem;opacity:1;padding:6px 10px;right:8px;top:8px}.occasionbuilder-template-preview-btn span{display:none}}@media (max-width:480px){.occasionbuilder-template-preview-btn{font-size:.55rem;gap:4px;padding:5px 8px}.occasionbuilder-template-preview-btn svg{height:12px;width:12px}}.occasionbuilder-modal-overlay{animation:modalFadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;overflow-y:auto;padding:20px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.occasionbuilder-modal-overlay.fullscreen-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.occasionbuilder-modal{animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);background:var(--occ-surface);border-radius:18px;max-height:95vh;max-width:1100px;overflow:hidden;position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.occasionbuilder-modal-large{max-width:95vw}.occasionbuilder-modal.fullscreen-mode{animation:fullscreenExpand .4s cubic-bezier(.34,1.56,.64,1);height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}@keyframes fullscreenExpand{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.occasionbuilder-modal-header{background:#fff;background:var(--occ-surface);border-bottom:1px solid #00000012;gap:20px;padding:24px 28px}.occasionbuilder-modal.fullscreen-mode .occasionbuilder-modal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #00000012;border-bottom:1px solid var(--occ-border);padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.occasionbuilder-modal-header h3{color:#1a1a1a;color:var(--occ-black);flex:1 1;font-family:Playfair Display,serif;font-family:var(--occ-serif);font-size:1.75rem;line-height:1.2;margin:0}.occasionbuilder-modal.fullscreen-mode .occasionbuilder-modal-header h3{font-size:1.1rem}.occasionbuilder-modal.fullscreen-mode .occasionbuilder-modal-header p{font-size:.75rem}.occasionbuilder-modal-close{background:#f7f6f4;background:var(--occ-surface2);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:8px;color:#1a1a1a73;color:var(--occ-text-dim);height:40px;transition:all .2s;width:40px}.occasionbuilder-modal-close:hover{background:#e74c3c1a;background:var(--occ-red-dim);border-color:#e74c3c;border-color:var(--occ-red);color:#e74c3c;color:var(--occ-red);transform:scale(1.05)}.occasionbuilder-modal-close:active{transform:scale(.95)}.occasionbuilder-modal-body{background:#fdfcfb;background:var(--occ-bg);padding:28px}.occasionbuilder-modal.fullscreen-mode .occasionbuilder-modal-body{background:#f5f5f7;display:flex;flex-direction:column;height:calc(100vh - 140px)!important;overflow:hidden!important;padding:0!important}.occasionbuilder-modal-body::-webkit-scrollbar{width:8px}.occasionbuilder-modal-body::-webkit-scrollbar-track{background:#f7f6f4;background:var(--occ-surface2)}.occasionbuilder-modal-body::-webkit-scrollbar-thumb{background:#ff9f6621;background:var(--occ-accent-dim);border-radius:4px}.occasionbuilder-modal-body::-webkit-scrollbar-thumb:hover{background:#ff9f66;background:var(--occ-accent)}.occasionbuilder-modal-footer{background:#fff;background:var(--occ-surface);border-top:1px solid #00000012;gap:12px;padding:20px 28px}.preview-device-toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #00000012;flex-shrink:0;gap:12px;padding:14px 24px}.device-selector{background:#f7f6f4;background:var(--occ-surface2);border-radius:10px;padding:6px}.device-btn{background:#0000;border:none;color:#1a1a1a73;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;gap:8px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.device-btn:hover{background:#fffc;color:#1a1a1a;color:var(--occ-text)}.device-btn.active{background:#ff9f66;background:var(--occ-accent);box-shadow:0 2px 8px #ff9f664d;color:#1a1a1a;color:var(--occ-black)}.device-btn svg{height:16px;width:16px}.zoom-controls{gap:6px}.fullscreen-toggle-btn,.zoom-btn{align-items:center;background:#fff;background:var(--occ-surface);border:1px solid #00000012;border:1px solid var(--occ-border);border-radius:8px;color:#1a1a1a73;color:var(--occ-text-dim);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.fullscreen-toggle-btn:hover,.zoom-btn:hover{background:#f7f6f4;background:var(--occ-surface2);border-color:#ff9f66;border-color:var(--occ-accent);color:#ff9f66;color:var(--occ-accent);transform:scale(1.05)}.fullscreen-toggle-btn:active,.zoom-btn:active{transform:scale(.95)}.zoom-btn:disabled:hover{background:#fff;background:var(--occ-surface);border-color:#00000012;border-color:var(--occ-border);color:#1a1a1a73;color:var(--occ-text-dim);transform:none}.zoom-level{color:#1a1a1a;color:var(--occ-text);font-family:JetBrains Mono,monospace;font-size:.7rem}.fullscreen-toggle-btn.active{background:#ff9f6621;background:var(--occ-accent-dim);border-color:#ff9f66;border-color:var(--occ-accent);color:#ff9f66;color:var(--occ-accent)}.preview-device-container{flex:1 1;overflow:auto;padding:32px}.device-frame{background:var(--occ-surface);border-radius:16px;box-shadow:0 20px 80px #0003;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.device-frame.desktop{height:auto;max-width:1440px;min-height:600px;width:100%}.device-frame.laptop{height:768px;width:1366px}.device-frame.tablet{border-radius:20px;height:768px;width:1024px}.device-frame.mobile{border-radius:40px;box-shadow:0 20px 80px #0000004d,inset 0 0 0 1px #ffffff1a;height:852px;width:393px}.device-frame.mobile:before{background:#000;border-radius:0 0 20px 20px;height:30px;top:0;width:150px}.device-frame.mobile:after,.device-frame.mobile:before{content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.device-frame.mobile:after{background:#0000004d;border-radius:100px;bottom:8px;height:5px;width:140px}.device-chrome{background:#f7f6f4;background:var(--occ-surface2);border-bottom:1px solid #00000012;justify-content:space-between}.device-frame.mobile .device-chrome{display:none}.chrome-dots{align-items:center;gap:7px}.chrome-dots span{height:11px;transition:transform .2s;width:11px}.chrome-dots span:first-child{background:#ff5f57}.chrome-dots span:nth-child(3){background:#28ca42}.chrome-dots span:hover{transform:scale(1.2)}.chrome-url{color:#1a1a1a73;font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.5px;text-align:center}.device-preview-iframe{background:#fff}.device-frame.desktop .device-preview-iframe{height:800px}.device-frame.laptop .device-preview-iframe,.device-frame.tablet .device-preview-iframe{height:723px}.device-frame.mobile .device-preview-iframe{height:809px;padding-top:30px}.device-frame[data-zoom="50"]{transform:scale(.5)}.device-frame[data-zoom="75"]{transform:scale(.75)}.device-frame[data-zoom="100"]{transform:scale(1)}.device-frame[data-zoom="125"]{transform:scale(1.25)}.device-frame[data-zoom="150"]{transform:scale(1.5)}.device-info-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.6rem;left:16px;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;top:16px;z-index:100}.device-info-badge svg{height:14px;width:14px}.preview-loading-overlay{background:#fff;background:var(--occ-surface);inset:0;position:absolute;z-index:999}.preview-loading-overlay .spinner{animation:spin .7s linear infinite;border:4px solid #0000001f;border-top-color:#ff9f66;border:4px solid var(--occ-border-md);border-radius:50%;border-top-color:var(--occ-accent);height:40px;width:40px}.preview-loading-overlay p{color:#1a1a1a73;color:var(--occ-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--occ-mono);font-size:.65rem;letter-spacing:1px;text-transform:uppercase}body.fullscreen-preview-open{height:100%;position:fixed;width:100%}@media (max-width:1024px){.occasionbuilder-modal{max-width:90vw}.occasionbuilder-modal-header{padding:20px 24px}.occasionbuilder-modal-header h3{font-size:1.5rem}.occasionbuilder-modal-body{padding:24px}.preview-device-toolbar{align-items:stretch;flex-direction:column;gap:12px}.device-selector,.preview-controls{justify-content:center}.device-frame.laptop{height:auto;max-width:900px;min-height:500px;width:100%}.device-frame.tablet{height:auto;max-width:600px;min-height:600px;width:100%}}@media (max-width:767px){.occasionbuilder-modal-overlay{align-items:flex-end;padding:0}.occasionbuilder-modal{animation:modalSlideUpMobile .3s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;max-height:96vh;max-width:100%}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.occasionbuilder-modal-header{background:#fff;background:var(--occ-surface);padding:18px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.occasionbuilder-modal-header h3{font-size:1.25rem}.occasionbuilder-modal.fullscreen-mode .occasionbuilder-modal-header{padding:12px 16px}.occasionbuilder-modal.fullscreen-mode .occasionbuilder-modal-header h3{font-size:.95rem}.occasionbuilder-modal-close{height:36px;width:36px}.occasionbuilder-modal-body{padding:20px 16px}.occasionbuilder-modal-footer{background:#fff;background:var(--occ-surface);bottom:0;flex-direction:column;padding:16px 20px;position:-webkit-sticky;position:sticky}.occasionbuilder-modal-footer .occasionbuilder-btn{width:100%}.preview-device-toolbar{padding:12px 16px}.device-selector{justify-content:space-between;width:100%}.device-btn{flex:1 1;font-size:.6rem;justify-content:center;padding:8px 10px}.device-btn span{display:none}.preview-controls{justify-content:center;width:100%}.preview-device-container{padding:16px}.device-frame.desktop,.device-frame.laptop{height:auto;max-width:100%;min-height:400px;width:100%}.device-frame.tablet{height:auto;max-width:100%;min-height:500px;width:100%}.device-frame.mobile{height:auto;max-width:360px;min-height:600px;width:100%}.zoom-controls{display:none}}@media (max-width:480px){.occasionbuilder-modal-header h3{font-size:1.1rem}.occasionbuilder-modal-body{padding:16px 12px}.chrome-url{font-size:.55rem}.chrome-dots span{height:9px;width:9px}}.occasionbuilder-modal-overlay{-webkit-overflow-scrolling:touch}.device-btn:focus-visible,.fullscreen-toggle-btn:focus-visible,.occasionbuilder-modal-close:focus-visible,.zoom-btn:focus-visible{outline:2px solid #ff9f66;outline:2px solid var(--occ-accent);outline-offset:2px}.occasionbuilder-template-card:focus-visible{outline:2px solid #ff9f66;outline:2px solid var(--occ-accent);outline-offset:2px}.device-btn,.device-frame,.fullscreen-toggle-btn,.occasionbuilder-modal,.occasionbuilder-modal-close,.occasionbuilder-modal-overlay,.occasionbuilder-template-card,.occasionbuilder-template-preview-btn,.zoom-btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.occasionbuilder-ctabs-scroll-wrapper{position:relative}.occasionbuilder-ctabs{scroll-behavior:smooth}.occasionbuilder-ctabs::-webkit-scrollbar{height:6px}.occasionbuilder-ctabs::-webkit-scrollbar-track{border-radius:10px}.occasionbuilder-ctabs::-webkit-scrollbar-thumb{background:#ff9f66;background:var(--occ-accent);border-radius:10px;opacity:.5}.occasionbuilder-ctabs::-webkit-scrollbar-thumb:hover{background:#ff9f66;background:var(--occ-accent);opacity:1}.occasionbuilder-ctabs{scrollbar-color:#ff9f66 #0000;scrollbar-color:var(--occ-accent) #0000}.occasionbuilder-ctabs-scroll-wrapper:after,.occasionbuilder-ctabs-scroll-wrapper:before{bottom:8px;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:30px;z-index:1}.occasionbuilder-ctabs-scroll-wrapper:before{background:linear-gradient(90deg,#fdfcfb,#0000);background:linear-gradient(to right,var(--occ-bg),#0000);left:0}.occasionbuilder-ctabs-scroll-wrapper:after{background:linear-gradient(270deg,#fdfcfb,#0000);background:linear-gradient(to left,var(--occ-bg),#0000);right:0}@media (max-width:768px){.occasionbuilder-ctabs{gap:6px!important;padding-bottom:10px!important}.occasionbuilder-ctab{font-size:.8rem;padding:8px 14px}.occasionbuilder-ctabs::-webkit-scrollbar{height:4px}}@media (hover:none) and (pointer:coarse){.occasionbuilder-ctabs{scroll-snap-type:x proximity}.occasionbuilder-ctab{scroll-snap-align:start}}:root{--bg-warm:#fff9f0}*{-webkit-tap-highlight-color:transparent}.geephiyowelcome-wrapper{background:#fcf9f6;background:var(--bg-cream);min-height:100vh;overflow-x:hidden;position:relative}.geephiyowelcome-topnotification{animation:slideDownNotif .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#e87a5d,#c65d42);background:linear-gradient(135deg,var(--accent-coral),var(--accent-terracotta));box-shadow:0 4px 20px #e87a5d4d;left:0;padding:12px 16px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}@keyframes slideDownNotif{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.geephiyowelcome-topnotification-content{align-items:center;color:#fff;display:flex;gap:10px;justify-content:center;margin:0 auto;max-width:1200px;position:relative}.geephiyowelcome-topnotification-icon{animation:bounce 2s ease-in-out infinite}.geephiyowelcome-topnotification-text{font-size:clamp(.85rem,2vw,1rem);font-weight:500;text-align:center}.geephiyowelcome-topnotification-text strong{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:800}.geephiyowelcome-topnotification-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:32px}.geephiyowelcome-topnotification-close:hover{background:#ffffff4d;transform:scale(1.1)}.geephiyowelcome-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;opacity:0;overflow:hidden;padding:60px 16px 40px;position:relative;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.geephiyowelcome-hero.geephiyowelcome-visible{opacity:1;transform:translateY(0)}.geephiyowelcome-herobackground{background:linear-gradient(135deg,#fff9f0,#fcf9f6 50%,#fff5eb);inset:0;position:absolute;z-index:0}.geephiyowelcome-gradientblob{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.geephiyowelcome-blob1{animation-delay:0s;background:radial-gradient(circle,#ffb6c1,#e87a5d);height:min(300px,60vw);left:-10%;top:-10%;width:min(300px,60vw)}.geephiyowelcome-blob2{animation-delay:5s;background:radial-gradient(circle,#ffd9e8,#c65d42);bottom:-15%;height:min(400px,70vw);right:-15%;width:min(400px,70vw)}.geephiyowelcome-blob3{animation-delay:10s;background:radial-gradient(circle,#fff0f5,#e87a5d);height:min(280px,50vw);left:50%;top:50%;transform:translate(-50%,-50%);width:min(280px,50vw)}.geephiyowelcome-herocontent{max-width:900px;padding:0 16px;position:relative;text-align:center;width:100%;z-index:1}.geephiyowelcome-herobadge{align-items:center;animation:slideDown .8s cubic-bezier(.4,0,.2,1) .2s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e87a5d33;border-radius:100px;box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);color:#e87a5d;color:var(--accent-coral);display:inline-flex;font-size:clamp(.75rem,2vw,.9rem);font-weight:700;gap:8px;margin-bottom:24px;padding:10px 20px}.geephiyowelcome-herotitle{animation:slideUp 1s cubic-bezier(.4,0,.2,1) .4s backwards;color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2rem,8vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.geephiyowelcome-herosubtitle{animation:slideUp 1s cubic-bezier(.4,0,.2,1) .6s backwards;color:#8c8681;color:var(--text-secondary);font-size:clamp(.95rem,2.5vw,1.2rem);font-weight:400;line-height:1.7;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:680px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.geephiyowelcome-herocta{align-items:center;animation:slideUp 1s cubic-bezier(.4,0,.2,1) .8s backwards;display:flex;flex-direction:column;gap:14px;margin-bottom:48px}.geephiyowelcome-ctabutton.geephiyowelcome-preview-hero{align-items:center;animation:slideUp 1s cubic-bezier(.4,0,.2,1) .8s backwards,previewPulse 2.5s ease-in-out 1.8s infinite;background:linear-gradient(135deg,#e87a5d,#ff5e3a 60%,#c65d42);background:linear-gradient(135deg,var(--accent-coral) 0,#ff5e3a 60%,var(--accent-terracotta) 100%);border:none;border-radius:100px;box-shadow:0 8px 30px #e87a5d73,0 0 0 0 #e87a5d66;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:800;gap:12px;justify-content:center;letter-spacing:.01em;max-width:400px;padding:18px 44px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes previewPulse{0%{box-shadow:0 8px 30px #e87a5d73,0 0 0 0 #e87a5d66}60%{box-shadow:0 8px 30px #e87a5d73,0 0 0 14px #e87a5d00}to{box-shadow:0 8px 30px #e87a5d73,0 0 0 0 #e87a5d00}}.geephiyowelcome-ctabutton.geephiyowelcome-preview-hero:active{transform:scale(.96)}@media (hover:hover){.geephiyowelcome-ctabutton.geephiyowelcome-preview-hero:hover{animation-play-state:paused;box-shadow:0 16px 48px #e87a5d8c;transform:translateY(-4px) scale(1.02)}}.geephiyowelcome-ctabutton.geephiyowelcome-start-hero{align-items:center;background:#fff;border:2px solid #8c868126;border:2px solid var(--border-subtle);border-radius:100px;box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);color:#2d2926;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:clamp(.9rem,2vw,1rem);font-weight:700;gap:10px;justify-content:center;letter-spacing:.01em;max-width:400px;padding:14px 36px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.geephiyowelcome-ctabutton.geephiyowelcome-start-hero:active{transform:scale(.96)}@media (hover:hover){.geephiyowelcome-ctabutton.geephiyowelcome-start-hero:hover{background:#fff9f0;background:var(--bg-warm);border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}}.geephiyowelcome-ctabutton{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-size:clamp(.9rem,2vw,1rem);font-weight:700;gap:10px;letter-spacing:.01em;padding:14px 28px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.geephiyowelcome-ctabutton.geephiyowelcome-primary{background:#e87a5d;background:var(--accent-coral);box-shadow:0 8px 30px #e87a5d4d;color:#fff}.geephiyowelcome-ctabutton.geephiyowelcome-primary:active{transform:scale(.95)}.geephiyowelcome-ctabutton.geephiyowelcome-secondary{background:#fff;border:2px solid #8c868126;border:2px solid var(--border-subtle);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);color:#2d2926;color:var(--text-primary)}.geephiyowelcome-ctabutton.geephiyowelcome-accent{background:linear-gradient(135deg,#e87a5d,#c65d42);background:linear-gradient(135deg,var(--accent-coral),var(--accent-terracotta));box-shadow:0 8px 30px #e87a5d4d;color:#fff;font-size:clamp(1rem,2.5vw,1.1rem);justify-content:center;padding:16px 32px;width:100%}.geephiyowelcome-ctabutton.geephiyowelcome-large{font-size:clamp(1rem,2.5vw,1.15rem);padding:18px 40px}@media (hover:hover){.geephiyowelcome-ctabutton.geephiyowelcome-primary:hover{background:#d66a4d;background:var(--accent-coral-dark);box-shadow:0 12px 40px #e87a5d66;transform:translateY(-3px)}.geephiyowelcome-ctabutton.geephiyowelcome-secondary:hover{background:#fff9f0;background:var(--bg-warm);border-color:#e87a5d;border-color:var(--accent-coral);transform:translateY(-2px)}.geephiyowelcome-ctabutton.geephiyowelcome-accent:hover{box-shadow:0 12px 40px #e87a5d80;transform:translateY(-3px)}}.geephiyowelcome-herostats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:700px}.geephiyowelcome-statitem{align-items:center;animation:slideUp 1s cubic-bezier(.4,0,.2,1) backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:16px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.geephiyowelcome-statitem:first-child{animation-delay:1s}.geephiyowelcome-statitem:nth-child(2){animation-delay:1.1s}.geephiyowelcome-statitem:nth-child(3){animation-delay:1.2s}.geephiyowelcome-statitem.geephiyowelcome-highlight{background:linear-gradient(135deg,#ffe5e0,#ffd9e8);border-color:#e87a5d;border-color:var(--accent-coral)}.geephiyowelcome-staticon{color:#e87a5d;color:var(--accent-coral);flex-shrink:0}.geephiyowelcome-statinfo{flex:1 1;min-width:0}.geephiyowelcome-statvalue{color:#2d2926;color:var(--text-primary);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;line-height:1}.geephiyowelcome-statlabel{color:#8c8681;color:var(--text-secondary);font-size:clamp(.75rem,1.8vw,.85rem);font-weight:500}.geephiyowelcome-sectionheader{margin-bottom:clamp(32px,6vw,50px);padding:0 16px;text-align:center}.geephiyowelcome-sectionlabel{color:#e87a5d;color:var(--accent-coral);display:inline-block;font-size:clamp(.7rem,1.6vw,.8rem);font-weight:800;letter-spacing:.2em;margin-bottom:12px;text-transform:uppercase}.geephiyowelcome-sectiontitle{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:400;line-height:1.2;margin-bottom:12px}.geephiyowelcome-sectiondescription{color:#8c8681;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.1rem);margin:0 auto;max-width:600px}.geephiyowelcome-occasions{background:#fff9f0;background:var(--bg-warm);padding:clamp(48px,10vw,80px) 16px}.geephiyowelcome-occasionsgrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0 auto;max-width:1000px}.geephiyowelcome-occasioncard{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:#fff;border:2px solid #0000;border-radius:16px;cursor:pointer;padding:24px 16px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.geephiyowelcome-occasioncard:active{transform:scale(.95)}@media (hover:hover){.geephiyowelcome-occasioncard:hover{border-color:var(--card-color);box-shadow:0 20px 40px #0000001a;transform:translateY(-8px) scale(1.03)}}.geephiyowelcome-occasionemoji{animation:bounce 2s ease-in-out infinite;font-size:clamp(2.5rem,6vw,3rem);margin-bottom:10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.geephiyowelcome-occasioncard:active .geephiyowelcome-occasionemoji{animation:none;transform:scale(1.15)}.geephiyowelcome-occasionname{color:#2d2926;color:var(--text-primary);font-size:clamp(.85rem,2vw,1rem);font-weight:700}.geephiyowelcome-features{background:#fff;padding:clamp(48px,10vw,80px) 16px}.geephiyowelcome-featuresgrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px}.geephiyowelcome-featurecard{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:#fcf9f6;background:var(--bg-cream);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.geephiyowelcome-featurecard:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);transform:translateY(-6px)}.geephiyowelcome-featurecard:hover .geephiyowelcome-featureicon{transform:scale(1.1) rotate(5deg)}}.geephiyowelcome-featureicon{align-items:center;border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:56px}.geephiyowelcome-featuretitle{color:#2d2926;color:var(--text-primary);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;margin-bottom:8px}.geephiyowelcome-featuredescription{color:#8c8681;color:var(--text-secondary);font-size:clamp(.85rem,2vw,.95rem);line-height:1.6}.geephiyowelcome-steps{background:#fff9f0;background:var(--bg-warm);padding:clamp(48px,10vw,80px) 16px}.geephiyowelcome-stepscontainer{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:1200px;position:relative}.geephiyowelcome-stepcard{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:#fff;border:2px solid #8c868126;border:2px solid var(--border-subtle);border-radius:20px;cursor:pointer;padding:32px 20px 24px;position:relative;text-align:center;touch-action:manipulation;transition:all .4s cubic-bezier(.4,0,.2,1)}.geephiyowelcome-stepcard:active{transform:scale(.97)}@media (hover:hover){.geephiyowelcome-stepcard.geephiyowelcome-active,.geephiyowelcome-stepcard:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--shadow-strong);transform:translateY(-6px)}.geephiyowelcome-stepcard:hover .geephiyowelcome-stepicon{transform:scale(1.15)}}.geephiyowelcome-stepnumber{align-items:center;background:linear-gradient(135deg,#e87a5d,#c65d42);background:linear-gradient(135deg,var(--accent-coral),var(--accent-terracotta));border-radius:50%;box-shadow:0 4px 12px #e87a5d4d;color:#fff;display:flex;font-size:1.1rem;font-weight:800;height:36px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:36px}.geephiyowelcome-stepicon{color:#e87a5d;color:var(--accent-coral);margin:16px 0;transition:all .3s ease}.geephiyowelcome-steptitle{color:#2d2926;color:var(--text-primary);font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:700;margin-bottom:6px}.geephiyowelcome-stepdescription{color:#8c8681;color:var(--text-secondary);font-size:clamp(.8rem,1.8vw,.9rem)}.geephiyowelcome-stepconnector{display:none}.geephiyowelcome-pricing{background:#fff;padding:clamp(48px,10vw,80px) 16px}.geephiyowelcome-pricingcard{animation:scaleInPricing .8s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff9f0,#ffe5e0);border:2px solid #e87a5d;border:2px solid var(--accent-coral);border-radius:28px;margin:0 auto;max-width:500px;padding:32px 24px;position:relative}@keyframes scaleInPricing{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.geephiyowelcome-pricingbadge{align-items:center;background:linear-gradient(135deg,#e87a5d,#c65d42);background:linear-gradient(135deg,var(--accent-coral),var(--accent-terracotta));border-radius:100px;color:#fff;display:flex;font-size:clamp(.75rem,1.8vw,.85rem);font-weight:800;gap:6px;left:50%;padding:8px 18px;position:absolute;top:-15px;transform:translateX(-50%);white-space:nowrap}.geephiyowelcome-pricingheader{margin-bottom:24px;text-align:center}.geephiyowelcome-pricingamount{align-items:flex-start;display:flex;gap:4px;justify-content:center;margin-bottom:6px}.geephiyowelcome-currency{color:#e87a5d;color:var(--accent-coral);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-top:8px}.geephiyowelcome-amount{color:#2d2926;color:var(--text-primary);font-size:clamp(3.5rem,12vw,5rem);font-weight:900;line-height:1}.geephiyowelcome-pricingsubtitle{color:#8c8681;color:var(--text-secondary);font-size:clamp(.85rem,2vw,1rem);font-weight:600}.geephiyowelcome-pricingfeatures{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.geephiyowelcome-pricingfeature{align-items:center;background:#ffffffb3;border-radius:10px;color:#2d2926;color:var(--text-primary);display:flex;font-size:clamp(.85rem,2vw,.95rem);gap:10px;padding:10px 14px;transition:all .3s ease}.geephiyowelcome-pricingfeature:active{background:#fff;transform:translateX(4px)}.geephiyowelcome-pricingfeature.geephiyowelcome-featurehighlight{background:#fff;border:2px solid #e87a5d;border:2px solid var(--accent-coral);font-weight:700}.geephiyowelcome-pricingfeature svg{color:#e87a5d;color:var(--accent-coral);flex-shrink:0}.geephiyowelcome-pricingnote{align-items:flex-start;background:#e87a5d1a;border:1px solid #e87a5d4d;border-radius:14px;display:flex;gap:10px;margin:24px auto 0;max-width:600px;padding:16px}.geephiyowelcome-pricingnote svg{color:#e87a5d;color:var(--accent-coral);flex-shrink:0;margin-top:2px}.geephiyowelcome-pricingnote p{color:#2d2926;color:var(--text-primary);font-size:clamp(.8rem,1.8vw,.9rem);line-height:1.6}.geephiyowelcome-surprise{background:linear-gradient(135deg,#ffe5e0,#ffd9e8);padding:clamp(48px,10vw,80px) 16px}.geephiyowelcome-surprisecard{grid-gap:0;background:#fff;border-radius:28px;display:grid;gap:0;grid-template-columns:1fr;margin:0 auto;max-width:1000px;overflow:hidden}.geephiyowelcome-surprisevisual{align-items:center;background:linear-gradient(135deg,#e87a5d,#c65d42);background:linear-gradient(135deg,var(--accent-coral),var(--accent-terracotta));display:flex;justify-content:center;min-height:250px;overflow:hidden;padding:48px 32px;position:relative}.geephiyowelcome-emailanimation{position:relative;z-index:1}.geephiyowelcome-emailicon{animation:float 3s ease-in-out infinite;color:#fff}.geephiyowelcome-floatinghearts{inset:0;pointer-events:none;position:absolute}.geephiyowelcome-heart{animation:floatHeart 4s ease-in-out infinite;color:#ffffff4d;position:absolute}.geephiyowelcome-heart1{animation-delay:0s;left:20%;top:20%}.geephiyowelcome-heart2{animation-delay:1.5s;right:20%;top:60%}.geephiyowelcome-heart3{animation-delay:3s;bottom:30%;left:30%}@keyframes floatHeart{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}}.geephiyowelcome-surprisecontent{padding:32px 24px}.geephiyowelcome-surprisebadge{align-items:center;background:linear-gradient(135deg,#ffe5e0,#ffd9e8);border-radius:100px;color:#e87a5d;color:var(--accent-coral);display:inline-flex;font-size:clamp(.75rem,1.8vw,.85rem);font-weight:800;gap:8px;margin-bottom:16px;padding:8px 16px}.geephiyowelcome-surprisetitle{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;margin-bottom:12px}.geephiyowelcome-surprisedescription{color:#8c8681;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem);line-height:1.7;margin-bottom:24px}.geephiyowelcome-surprisefeatures{display:flex;flex-direction:column;gap:12px}.geephiyowelcome-surprisefeature{align-items:center;color:#2d2926;color:var(--text-primary);display:flex;font-size:clamp(.9rem,2vw,1rem);font-weight:600;gap:10px}.geephiyowelcome-surprisefeature svg{color:#e87a5d;color:var(--accent-coral);flex-shrink:0}.geephiyowelcome-security{background:#fff9f0;background:var(--bg-warm);padding:clamp(48px,10vw,80px) 16px}.geephiyowelcome-securitygrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1000px}.geephiyowelcome-securitycard{background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease}@media (hover:hover){.geephiyowelcome-securitycard:hover{box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}}.geephiyowelcome-securityicon{color:#e87a5d;color:var(--accent-coral);margin-bottom:16px}.geephiyowelcome-securitycard h3{color:#2d2926;color:var(--text-primary);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;margin-bottom:10px}.geephiyowelcome-securitycard p{color:#8c8681;color:var(--text-secondary);font-size:clamp(.85rem,2vw,.95rem);line-height:1.6}.geephiyowelcome-finalcta{background:linear-gradient(135deg,#e87a5d,#c65d42);background:linear-gradient(135deg,var(--accent-coral),var(--accent-terracotta));overflow:hidden;padding:clamp(60px,12vw,100px) 16px;position:relative;text-align:center}.geephiyowelcome-finalcta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;opacity:.3;position:absolute}.geephiyowelcome-ctacontent{margin:0 auto;max-width:700px;position:relative;z-index:1}.geephiyowelcome-ctatitle{color:#fff;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.2;margin-bottom:16px}.geephiyowelcome-ctadescription{color:#ffffffe6;font-size:clamp(.95rem,2vw,1.15rem);margin-bottom:32px}.geephiyowelcome-finalcta .geephiyowelcome-ctabutton{background:#fff;color:#e87a5d;color:var(--accent-coral)}.geephiyowelcome-finalcta .geephiyowelcome-ctabutton:active{transform:scale(.95)}@media (hover:hover){.geephiyowelcome-finalcta .geephiyowelcome-ctabutton:hover{box-shadow:0 12px 40px #0003;transform:translateY(-3px) scale(1.02)}}.geephiyowelcome-ctanote{color:#fffc;font-size:clamp(.8rem,1.8vw,.9rem);margin-top:16px}.geephiyowelcome-footer{background:#2d2926;background:var(--text-primary);color:#ffffffb3;padding:32px 16px;text-align:center}.geephiyowelcome-footer p{font-size:clamp(.8rem,1.8vw,.9rem)}@media (max-width:767px){.geephiyowelcome-hero{min-height:auto;padding:48px 16px 32px}.geephiyowelcome-herotitle br{display:none}.geephiyowelcome-herostats{gap:10px;grid-template-columns:1fr}.geephiyowelcome-occasionsgrid{grid-template-columns:repeat(2,1fr)}.geephiyowelcome-featuresgrid,.geephiyowelcome-stepscontainer,.geephiyowelcome-surprisecard{grid-template-columns:1fr}.geephiyowelcome-surprisevisual{min-height:200px;padding:40px 24px}.geephiyowelcome-securitygrid{grid-template-columns:1fr}.geephiyowelcome-ctabutton.geephiyowelcome-preview-hero,.geephiyowelcome-ctabutton.geephiyowelcome-start-hero{max-width:100%}}button:focus-visible{outline:3px solid #e87a5d;outline:3px solid var(--accent-coral);outline-offset:3px}body{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--occ-primary:#1f2937;--occ-primary-hover:#111827;--occ-accent:#1f2937;--occ-accent-hover:#111827;--occ-text-main:#1f2937;--occ-text-dim:#6b7280;--occ-text-muted:#9ca3af;--occ-border:#e5e7eb;--occ-bg-light:#f9fafb;--occ-bg-white:#fff;--occ-success:#10b981;--occ-error:#ef4444;--occ-warning:#f59e0b;--occ-info:#3b82f6;--occ-shadow-sm:0 1px 2px 0 #0000000d;--occ-shadow-md:0 4px 6px -1px #0000001a;--occ-shadow-lg:0 10px 15px -3px #0000001a;--occ-radius-sm:8px;--occ-radius-md:12px;--occ-radius-lg:16px;--occ-radius-xl:20px;--occ-radius-full:100px;--occ-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace}.occasionbuilder-app{background:linear-gradient(135deg,#f9fafb,#fff);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.occasionbuilder-app.mobile-mode{font-size:14px}.occasionbuilder-app.desktop-mode{font-size:16px}.occasionbuilder-app.tablet-mode{font-size:15px}.occasionbuilder-top-nav{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--occ-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--occ-shadow-sm);display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;min-height:56px;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.occasionbuilder-top-nav.mobile{gap:.375rem;min-height:48px;padding:.5rem .75rem}.occasionbuilder-logo{color:#1f2937;color:var(--occ-primary);flex-shrink:1;font-size:.95rem;font-weight:800;letter-spacing:.03em;min-width:0;text-transform:uppercase;white-space:nowrap}.occasionbuilder-top-nav.mobile .occasionbuilder-logo{font-size:.7rem;letter-spacing:.02em}.occasionbuilder-nav-meta{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem}.occasionbuilder-top-nav.mobile .occasionbuilder-nav-meta{gap:.375rem}.occasionbuilder-user-chip{background:#f3f4f6;border-radius:100px;border-radius:var(--occ-radius-full);color:#374151;font-size:.8rem;font-weight:600;max-width:120px;overflow:hidden;padding:.375rem .75rem;text-overflow:ellipsis;white-space:nowrap}.occasionbuilder-top-nav.mobile .occasionbuilder-user-chip{font-size:.65rem;max-width:80px;padding:.3rem .6rem}.occasionbuilder-sys-ver{color:#9ca3af;color:var(--occ-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.occasionbuilder-top-nav.mobile .occasionbuilder-sys-ver{font-size:.55rem;letter-spacing:.05em}.occasionbuilder-dock{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--occ-border);display:flex;gap:.5rem;overflow-x:auto;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:56px;z-index:99}.occasionbuilder-dock::-webkit-scrollbar{display:none}.occasionbuilder-dock.mobile{gap:.4rem;padding:.875rem 1rem;top:48px}.occasionbuilder-dock-btn{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--occ-border);border-radius:100px;border-radius:var(--occ-radius-full);color:#6b7280;color:var(--occ-text-dim);cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease;white-space:nowrap}.occasionbuilder-dock.mobile .occasionbuilder-dock-btn{border-width:1.5px;font-size:.8rem;padding:.5rem 1rem}.occasionbuilder-dock-btn:hover{border-color:#1f2937;border-color:var(--occ-primary);color:#1f2937;color:var(--occ-primary);transform:translateY(-1px)}.occasionbuilder-dock.mobile .occasionbuilder-dock-btn:hover{transform:none}.occasionbuilder-dock-btn.active{background:#1f2937;background:var(--occ-primary);border-color:#1f2937;border-color:var(--occ-primary);color:#fff}.occasionbuilder-progress-track{background:#e5e7eb;height:4px;overflow:hidden;position:relative}.occasionbuilder-progress-fill{background:linear-gradient(90deg,#1f2937,#111827);height:100%;transition:width .4s ease}.occasionbuilder-upload-track{background:#f3f4f6;height:3px;overflow:hidden;position:relative}.occasionbuilder-upload-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s ease}.occasionbuilder-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1.5rem;width:100%}.occasionbuilder-main.mobile{padding:1.5rem 1rem}.occasionbuilder-main.desktop{padding:3rem 2rem}.occasionbuilder-panel{background:#fff;border-radius:16px;border-radius:var(--occ-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--occ-shadow-md);margin-bottom:2rem;padding:2rem}.occasionbuilder-app.mobile-mode .occasionbuilder-panel{border-radius:12px;border-radius:var(--occ-radius-md);margin-bottom:1.5rem;padding:1.5rem 1.25rem}.occasionbuilder-app.desktop-mode .occasionbuilder-panel{border-radius:20px;border-radius:var(--occ-radius-xl);padding:2.5rem}.occasionbuilder-section-header{margin-bottom:2rem;text-align:center}.occasionbuilder-app.mobile-mode .occasionbuilder-section-header{margin-bottom:1.5rem}.occasionbuilder-label-tag{color:#1f2937;color:var(--occ-primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.occasionbuilder-app.mobile-mode .occasionbuilder-label-tag{font-size:.7rem;margin-bottom:.5rem}.occasionbuilder-section-header h2{color:#1f2937;color:var(--occ-text-main);font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.occasionbuilder-app.mobile-mode .occasionbuilder-section-header h2{font-size:1.75rem;margin-bottom:.75rem}.occasionbuilder-app.tablet-mode .occasionbuilder-section-header h2{font-size:2rem}.occasionbuilder-section-header p{color:#6b7280;color:var(--occ-text-dim);font-size:1.05rem;line-height:1.6}.occasionbuilder-app.mobile-mode .occasionbuilder-section-header p{font-size:.95rem}.occasionbuilder-detail-card{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);margin-bottom:1.5rem;padding:1.25rem}.occasionbuilder-app.mobile-mode .occasionbuilder-detail-card{border-radius:10px;margin-bottom:1.25rem;padding:1rem}.dc-label{align-items:center;color:var(--occ-primary);display:flex;gap:.5rem;margin-bottom:.5rem}.occasionbuilder-app.mobile-mode .dc-label{font-size:.65rem}.occasionbuilder-detail-card p{color:#6b7280;color:var(--occ-text-dim);font-size:.9rem;line-height:1.6}.occasionbuilder-app.mobile-mode .occasionbuilder-detail-card p{font-size:.85rem}.occasionbuilder-detail-card.subtle{background:#f3f4f6;border-color:#e5e7eb}.occasionbuilder-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.occasionbuilder-app.mobile-mode .occasionbuilder-form-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.occasionbuilder-form-group{margin-bottom:1.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-form-group{margin-bottom:1.25rem}.occasionbuilder-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.occasionbuilder-app.mobile-mode .occasionbuilder-form-group label{font-size:.8rem}.occasionbuilder-input,.occasionbuilder-textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;border-radius:var(--occ-radius-md);color:#1f2937;color:var(--occ-text-main);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.occasionbuilder-app.mobile-mode .occasionbuilder-input,.occasionbuilder-app.mobile-mode .occasionbuilder-textarea{border-radius:10px;font-size:16px;padding:.75rem .875rem}.occasionbuilder-input:focus,.occasionbuilder-textarea:focus{border-color:#1f2937;border-color:var(--occ-primary);box-shadow:0 0 0 3px #1f29371a;outline:none}.occasionbuilder-textarea{min-height:120px;resize:vertical}.occasionbuilder-app.mobile-mode .occasionbuilder-textarea{min-height:100px}.occasionbuilder-form-error{color:#ef4444;color:var(--occ-error);font-size:.875rem;margin-top:.5rem}.occasionbuilder-btn{align-items:center;border:none;border-radius:100px;border-radius:var(--occ-radius-full);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.occasionbuilder-app.mobile-mode .occasionbuilder-btn{font-size:.95rem;padding:.875rem 1.5rem;width:100%}.occasionbuilder-btn.accent{background:#1f2937;background:var(--occ-primary);color:#fff}.occasionbuilder-btn.accent:hover{background:#111827;background:var(--occ-primary-hover);box-shadow:0 8px 20px #1f29374d;transform:translateY(-2px)}.occasionbuilder-app.mobile-mode .occasionbuilder-btn.accent:hover{transform:none}.occasionbuilder-btn.accent:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.occasionbuilder-btn.outline{background:#fff;border:2px solid #1f2937;border:2px solid var(--occ-primary);color:#1f2937;color:var(--occ-primary)}.occasionbuilder-btn.outline:hover{background:#1f2937;background:var(--occ-primary);color:#fff;transform:translateY(-2px)}.occasionbuilder-app.mobile-mode .occasionbuilder-btn.outline:hover{transform:none}.occasionbuilder-btn.green{background:#10b981;background:var(--occ-success);color:#fff}.occasionbuilder-btn.green:hover{background:#059669;transform:translateY(-2px)}.occasionbuilder-btn-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem}.occasionbuilder-app.mobile-mode .occasionbuilder-btn-row{flex-direction:column;gap:.75rem;margin-top:1.5rem}.occasionbuilder-btn-row .occasionbuilder-btn{flex:1 1;min-width:140px}.occasionbuilder-app.mobile-mode .occasionbuilder-btn-row .occasionbuilder-btn{min-width:auto;width:100%}.occasionbuilder-ctabs-scroll-wrapper{margin-bottom:1.5rem;overflow:hidden;width:100%}.occasionbuilder-ctabs{-webkit-overflow-scrolling:touch;display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scrollbar-color:#1f2937 #0000;scrollbar-color:var(--occ-primary) #0000;scrollbar-width:thin}.occasionbuilder-app.mobile-mode .occasionbuilder-ctabs{gap:.5rem}.occasionbuilder-ctabs::-webkit-scrollbar{height:4px}.occasionbuilder-ctabs::-webkit-scrollbar-track{background:#0000}.occasionbuilder-ctabs::-webkit-scrollbar-thumb{background:#1f2937;background:var(--occ-primary);border-radius:2px}.occasionbuilder-ctab{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);color:#6b7280;color:var(--occ-text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;min-height:52px;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.occasionbuilder-app.mobile-mode .occasionbuilder-ctab{font-size:.875rem;min-height:48px;padding:.875rem 1.25rem}.occasionbuilder-ctab:hover{border-color:#1f2937;border-color:var(--occ-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--occ-shadow-md);color:#1f2937;color:var(--occ-primary);transform:translateY(-2px)}.occasionbuilder-app.mobile-mode .occasionbuilder-ctab:hover{transform:none}.occasionbuilder-ctab.active{background:#1f2937;background:var(--occ-primary);border-color:#1f2937;border-color:var(--occ-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--occ-shadow-lg);color:#fff}.occasionbuilder-ctab-panel{display:none}.occasionbuilder-ctab-panel.active{animation:fadeIn .3s ease;display:block}.occasionbuilder-entry-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-entry-list{gap:1rem}.occasionbuilder-entry-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--occ-shadow-sm);padding:1.5rem;position:relative;transition:all .3s ease}.occasionbuilder-app.mobile-mode .occasionbuilder-entry-card{padding:1.25rem}.occasionbuilder-entry-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--occ-shadow-md);transform:translateY(-2px)}.occasionbuilder-app.mobile-mode .occasionbuilder-entry-card:hover{transform:none}.ec-num{align-items:center;background:#1f2937;background:var(--occ-primary);border-radius:50%;color:#fff;display:flex;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-family:var(--occ-mono);font-size:.875rem;font-weight:700;height:32px;justify-content:center;left:1rem;position:absolute;top:1rem;width:32px}.occasionbuilder-app.mobile-mode .ec-num{font-size:.8rem;height:28px;width:28px}.ec-remove{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#ef4444;color:var(--occ-error);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.occasionbuilder-app.mobile-mode .ec-remove{height:44px;width:44px}.ec-remove:hover{background:#fecaca;transform:scale(1.1)}.ec-row{display:flex;gap:1.25rem;margin-top:2.5rem}.occasionbuilder-app.mobile-mode .ec-row{flex-direction:column;gap:1rem}.ec-thumb{align-items:center;background:#f3f4f6;border:2px dashed #e5e7eb;border:2px dashed var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);cursor:pointer;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;transition:all .3s ease;width:120px}.occasionbuilder-app.mobile-mode .ec-thumb{height:180px;width:100%}.ec-thumb:hover{border-color:#1f2937;border-color:var(--occ-primary);transform:scale(1.02)}.ec-thumb img{height:100%;object-fit:cover;width:100%}.ec-fields{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.occasionbuilder-btn-add{align-items:center;background:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);color:#6b7280;color:var(--occ-text-dim);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:56px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.occasionbuilder-app.mobile-mode .occasionbuilder-btn-add{font-size:.875rem;min-height:52px;padding:.875rem 1.25rem}.occasionbuilder-btn-add:hover:not(:disabled){background:#f9fafb;border-color:#1f2937;border-color:var(--occ-primary);color:#1f2937;color:var(--occ-primary);transform:translateY(-2px)}.occasionbuilder-app.mobile-mode .occasionbuilder-btn-add:hover:not(:disabled){transform:none}.occasionbuilder-btn-add:disabled{cursor:not-allowed;opacity:.5}.occasionbuilder-upload-box{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;border-radius:var(--occ-radius-md);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.occasionbuilder-app.mobile-mode .occasionbuilder-upload-box{border-radius:10px;min-height:180px;padding:1.5rem 1.25rem}.occasionbuilder-upload-box:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-2px)}.occasionbuilder-app.mobile-mode .occasionbuilder-upload-box:hover{transform:none}.occasionbuilder-upload-box.has-image{background:#0000;padding:0}.ub-preview{border-radius:10px;display:block;height:100%;min-height:300px;object-fit:cover;width:100%}.occasionbuilder-app.mobile-mode .ub-preview{max-height:400px;min-height:220px}.ub-icon{color:#9ca3af;margin-bottom:.75rem}.ub-text{color:#6b7280;color:var(--occ-text-dim);font-size:.95rem;font-weight:500;text-align:center}.occasionbuilder-app.mobile-mode .ub-text{font-size:.875rem}.occasionbuilder-template-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.occasionbuilder-app.mobile-mode .occasionbuilder-template-grid{gap:1.25rem;grid-template-columns:1fr}.occasionbuilder-template-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.occasionbuilder-template-card:hover{border-color:#1f2937;border-color:var(--occ-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--occ-shadow-lg);transform:translateY(-4px)}.occasionbuilder-app.mobile-mode .occasionbuilder-template-card:hover{transform:translateY(-2px)}.occasionbuilder-template-card.selected{border-color:#1f2937;border-color:var(--occ-primary);box-shadow:0 0 0 3px #1f29371a}.occasionbuilder-template-card.locked{opacity:.7}.occasionbuilder-tc-thumb{align-items:center;background:#f3f4f6;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.occasionbuilder-app.mobile-mode .occasionbuilder-tc-thumb{height:180px}.occasionbuilder-template-preview-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:12px;border-radius:var(--occ-radius-md);bottom:10px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--occ-shadow-md);color:#1f2937;color:var(--occ-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.375rem;opacity:0;padding:.5rem .875rem;position:absolute;right:10px;transform:translateY(10px);transition:all .3s ease;z-index:10}.occasionbuilder-template-card:hover .occasionbuilder-template-preview-btn{opacity:1;transform:translateY(0)}.occasionbuilder-template-preview-btn:hover{background:#fff;transform:scale(1.05)}.occasionbuilder-tc-info{padding:1.25rem}.occasionbuilder-app.mobile-mode .occasionbuilder-tc-info{padding:1rem}.occasionbuilder-tc-info h4{color:#1f2937;color:var(--occ-text-main);font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-tc-info h4{font-size:.95rem}.occasionbuilder-badge{border-radius:8px;border-radius:var(--occ-radius-sm);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.25rem .625rem;text-transform:uppercase}.occasionbuilder-badge.type{background:#f3f4f6;color:#6b7280;color:var(--occ-text-dim)}.occasionbuilder-badge.accent{background:#1f29371a;color:#1f2937;color:var(--occ-primary)}.occasionbuilder-badge.green{background:#10b9811a;color:#10b981;color:var(--occ-success)}.occasionbuilder-selected-preview{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border:2px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);margin-bottom:1.5rem;padding:1.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-selected-preview{padding:1.25rem}.osp-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.osp-header h3{color:#1f2937;color:var(--occ-primary);font-size:1.1rem;font-weight:700}.osp-content{display:flex;gap:1.25rem}.occasionbuilder-app.mobile-mode .osp-content{flex-direction:column}.osp-thumb{align-items:center;border-radius:12px;border-radius:var(--occ-radius-md);display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.occasionbuilder-app.mobile-mode .osp-thumb{height:180px;width:100%}.osp-thumb img{height:100%;object-fit:cover;width:100%}.osp-info{flex:1 1}.osp-info h4{color:#1f2937;color:var(--occ-text-main);font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.osp-type{font-size:.85rem;margin-bottom:.5rem;text-transform:capitalize}.osp-desc,.osp-type{color:#6b7280;color:var(--occ-text-dim)}.osp-desc{font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.osp-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.occasionbuilder-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:2rem}.occasionbuilder-app.mobile-mode .occasionbuilder-stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.occasionbuilder-stat-box{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);padding:1.25rem;text-align:center}.occasionbuilder-app.mobile-mode .occasionbuilder-stat-box{padding:1rem}.sb-val{color:#1f2937;color:var(--occ-primary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-family:var(--occ-mono);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.5rem}.occasionbuilder-app.mobile-mode .sb-val{font-size:1.75rem}.sb-label{color:#6b7280;color:var(--occ-text-dim);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.occasionbuilder-app.mobile-mode .sb-label{font-size:.7rem}.occasionbuilder-preview-wrap{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--occ-shadow-lg);overflow:hidden}.occasionbuilder-preview-bar{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--occ-border);display:flex;gap:.5rem;padding:.75rem 1rem}.occasionbuilder-preview-dot{border-radius:50%;height:12px;width:12px}.occasionbuilder-app.mobile-mode .occasionbuilder-preview-dot{height:10px;width:10px}.pv-label{color:var(--occ-text-dim)}.occasionbuilder-preview-wrap iframe{border:none;display:block;height:600px;width:100%}.occasionbuilder-app.mobile-mode .occasionbuilder-preview-wrap iframe{height:500px}.occasionbuilder-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.occasionbuilder-modal-overlay.fullscreen-preview{background:#000000f2;padding:0}.occasionbuilder-modal{background:#fff;border-radius:16px;border-radius:var(--occ-radius-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.occasionbuilder-modal.fullscreen-mode{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.occasionbuilder-modal-large{max-width:90vw}.occasionbuilder-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--occ-border);display:flex;justify-content:space-between;padding:1.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-modal-header{padding:1.25rem 1rem}.occasionbuilder-modal-header h3{color:#1f2937;color:var(--occ-text-main);font-size:1.25rem;font-weight:700}.occasionbuilder-app.mobile-mode .occasionbuilder-modal-header h3{font-size:1.1rem}.occasionbuilder-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.occasionbuilder-app.mobile-mode .occasionbuilder-modal-close{height:40px;width:40px}.occasionbuilder-modal-close:hover{background:#e5e7eb;transform:scale(1.1)}.occasionbuilder-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-modal-body{padding:1.25rem 1rem}.occasionbuilder-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--occ-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.occasionbuilder-app.mobile-mode .occasionbuilder-modal-footer{flex-direction:column-reverse;padding:1.25rem 1rem}.preview-device-toolbar{background:#f3f4f6;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--occ-border);gap:1rem;padding:1rem 1.5rem}.occasionbuilder-app.mobile-mode .preview-device-toolbar{flex-direction:column;padding:1rem}.device-selector{flex-wrap:wrap;gap:.5rem}.device-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);color:#6b7280;color:var(--occ-text-dim);font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.occasionbuilder-app.mobile-mode .device-btn{font-size:.8rem;padding:.625rem .875rem}.device-btn:hover{color:#1f2937;color:var(--occ-primary)}.device-btn.active,.device-btn:hover{border-color:#1f2937;border-color:var(--occ-primary)}.device-btn.active{background:#1f2937;background:var(--occ-primary);color:#fff}.preview-controls{gap:1rem}.zoom-controls{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);gap:.5rem;padding:.5rem}.zoom-btn{border-radius:8px;border-radius:var(--occ-radius-sm);color:#6b7280;color:var(--occ-text-dim);height:32px;width:32px}.zoom-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937;color:var(--occ-primary)}.zoom-btn:disabled{opacity:.4}.zoom-level{color:#1f2937;color:var(--occ-text-main);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-family:var(--occ-mono);font-size:.875rem}.fullscreen-toggle-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--occ-border);border-radius:12px;border-radius:var(--occ-radius-md);color:#6b7280;color:var(--occ-text-dim);font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.fullscreen-toggle-btn:hover{border-color:#1f2937;border-color:var(--occ-primary);color:#1f2937;color:var(--occ-primary)}.fullscreen-toggle-btn.active{background:#1f2937;background:var(--occ-primary);border-color:#1f2937;border-color:var(--occ-primary);color:#fff}.preview-device-container{background:#f9fafb;flex-direction:column;gap:1.5rem;min-height:calc(100vh - 200px);padding:2rem}.occasionbuilder-app.mobile-mode .preview-device-container{padding:1rem}.device-frame{border-radius:var(--occ-radius-md);box-shadow:0 20px 60px #0003}.device-frame.desktop{height:80vh;max-width:1400px;width:90%}.device-frame.laptop{height:75vh;max-width:1200px;width:85%}.device-frame.tablet{height:70vh;max-width:90%}.device-frame.mobile{border-radius:36px;box-shadow:0 20px 60px #0000004d;max-width:90%}.device-chrome{background:#f3f4f6;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--occ-border);gap:.75rem;padding:.75rem 1rem}.chrome-dots{gap:.5rem}.chrome-dots span{background:#d1d5db;height:12px;width:12px}.chrome-url{border-radius:8px;border-radius:var(--occ-radius-sm);color:#6b7280;color:var(--occ-text-dim);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-family:var(--occ-mono);padding:.5rem 1rem}.device-preview-iframe{display:block;height:100%}.device-frame.desktop .device-preview-iframe,.device-frame.laptop .device-preview-iframe,.device-frame.tablet .device-preview-iframe{height:calc(100% - 50px)}.device-info-badge{background:#fff;border-radius:var(--occ-radius-full);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--occ-shadow-md);color:#6b7280;color:var(--occ-text-dim);font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.preview-loading-overlay{color:#6b7280;color:var(--occ-text-dim);gap:1rem}.occasionbuilder-notification{align-items:center;background:#fff;border-left:4px solid #1f2937;border-left:4px solid var(--occ-primary);border-radius:12px;border-radius:var(--occ-radius-md);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--occ-shadow-lg);display:flex;gap:.75rem;max-width:400px;opacity:0;padding:1rem 1.5rem;position:fixed;right:24px;top:24px;transform:translateX(120%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10000}.occasionbuilder-notification.mobile{font-size:.9rem;left:16px;max-width:none;padding:.875rem 1.25rem;right:16px;top:16px}.occasionbuilder-notification.show{opacity:1;transform:translateX(0)}.occasionbuilder-notification.success{border-left-color:#10b981;border-left-color:var(--occ-success)}.occasionbuilder-notification.error{border-left-color:#ef4444;border-left-color:var(--occ-error)}.occasionbuilder-notification.info{border-left-color:#3b82f6;border-left-color:var(--occ-info)}.occasionbuilder-notification.warning{border-left-color:#f59e0b;border-left-color:var(--occ-warning)}.notif-icon{font-size:1.25rem;font-weight:700}.notif-close{color:var(--occ-text-muted);font-size:1.5rem}.notif-close:hover{color:var(--occ-text-dim)}.occasionbuilder-loading,.occasionbuilder-loading-screen{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;padding:2rem}.occasionbuilder-app.mobile-mode .occasionbuilder-loading,.occasionbuilder-app.mobile-mode .occasionbuilder-loading-screen{gap:1.25rem;padding:1.5rem}.occasionbuilder-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;color:#fff;display:flex;flex-direction:column;gap:1.5rem;inset:0;justify-content:center;position:fixed;z-index:9999}.occasionbuilder-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--occ-primary);height:40px;width:40px}.occasionbuilder-spinner.lg{border-width:4px;height:60px;width:60px}.occasionbuilder-app.mobile-mode .occasionbuilder-spinner.lg{border-width:3px;height:50px;width:50px}.occasionbuilder-hint{color:#6b7280;color:var(--occ-text-dim);font-size:.9rem;font-style:italic;margin-top:1rem;text-align:center}.occasionbuilder-app.mobile-mode .occasionbuilder-hint{font-size:.85rem}@media (min-width:1024px){.occasionbuilder-top-nav{min-height:64px;padding:1rem 2rem}.occasionbuilder-dock{padding:1rem 2rem;top:64px}.occasionbuilder-main{padding:3rem 2.5rem}.occasionbuilder-panel{padding:2.5rem 3rem}.occasionbuilder-form-grid{gap:2rem}}@media (min-width:768px) and (max-width:1023px){.occasionbuilder-top-nav{min-height:60px;padding:.875rem 1.5rem}.occasionbuilder-dock{padding:.875rem 1.5rem;top:60px}.occasionbuilder-main{padding:2rem 1.5rem}.occasionbuilder-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.occasionbuilder-form-grid{gap:1rem;grid-template-columns:1fr}.occasionbuilder-btn-row{flex-direction:column}.occasionbuilder-btn-row .occasionbuilder-btn{width:100%}.occasionbuilder-notification{left:16px;max-width:none;right:16px}}@media (max-width:480px){.occasionbuilder-logo{font-size:.65rem}.occasionbuilder-section-header h2{font-size:1.5rem}.occasionbuilder-dock-btn{font-size:.75rem;padding:.5rem .875rem}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #1f2937;outline:2px solid var(--occ-primary)}@media (hover:none) and (pointer:coarse){.ec-remove,.occasionbuilder-btn,.occasionbuilder-btn-add,.occasionbuilder-ctab,.occasionbuilder-dock-btn{-webkit-tap-highlight-color:transparent}.occasionbuilder-btn:active,.occasionbuilder-ctab:active,.occasionbuilder-dock-btn:active{transform:scale(.98)}}body.fullscreen-preview-open{overflow:hidden}@media print{.occasionbuilder-btn-row,.occasionbuilder-dock,.occasionbuilder-notification,.occasionbuilder-top-nav{display:none}.occasionbuilder-app{background:#fff}.occasionbuilder-panel{box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.occasionwebsite-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.occasionwebsite-container.mobile-mode{font-size:14px;padding:1.5rem 1rem}.occasionwebsite-container.desktop-mode{font-size:16px;padding:3rem 2rem}.occasionwebsite-container.tablet-mode{font-size:15px;padding:2rem 1.5rem}.occasionwebsite-header{margin-bottom:2.5rem;text-align:center}.occasionwebsite-header.mobile{margin-bottom:2rem}.occasionwebsite-label-tag{color:#1f2937;display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.occasionwebsite-container.mobile-mode .occasionwebsite-label-tag{font-size:.7rem}.occasionwebsite-header h1{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}.occasionwebsite-container.mobile-mode .occasionwebsite-header h1{font-size:1.75rem}.occasionwebsite-container.tablet-mode .occasionwebsite-header h1{font-size:2rem}.occasionwebsite-header p{color:#6b7280;font-size:1.05rem;line-height:1.6}.occasionwebsite-container.mobile-mode .occasionwebsite-header p{font-size:.95rem}.occasionwebsite-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:1.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-detail-card{border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.dc-label{color:#1f2937;display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.occasionwebsite-container.mobile-mode .dc-label{font-size:.65rem;margin-bottom:.75rem}.occasionwebsite-preview-wrap{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.occasionwebsite-container.mobile-mode .occasionwebsite-preview-wrap{border-radius:10px}.occasionwebsite-preview-bar{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;padding:.75rem 1rem}.occasionwebsite-container.mobile-mode .occasionwebsite-preview-bar{padding:.625rem .875rem}.occasionwebsite-preview-dot{border-radius:50%;height:12px;width:12px}.occasionwebsite-container.mobile-mode .occasionwebsite-preview-dot{height:10px;width:10px}.pv-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-left:auto;text-transform:uppercase}.occasionwebsite-container.mobile-mode .pv-label{font-size:.7rem}.occasionwebsite-iframe-container{height:600px;overflow:hidden;position:relative;width:100%}.occasionwebsite-container.mobile-mode .occasionwebsite-iframe-container{height:500px}.occasionwebsite-preview-iframe{border:none;display:block;height:100%;width:100%}.occasionwebsite-form-group{margin-bottom:1.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-form-group{margin-bottom:1.25rem}.occasionwebsite-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.occasionwebsite-container.mobile-mode .occasionwebsite-form-group label{font-size:.8rem}.req{color:#ef4444;margin-left:.25rem}.label-hint{color:#9ca3af;font-size:.75rem;font-weight:400;margin-left:.5rem;text-transform:none}.occasionwebsite-container.mobile-mode .label-hint{display:block;font-size:.7rem;margin-left:0;margin-top:.25rem}.occasionwebsite-input{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#1f2937;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.occasionwebsite-container.mobile-mode .occasionwebsite-input{border-radius:10px;font-size:16px;padding:.75rem .875rem}.occasionwebsite-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.occasionwebsite-subdomain-type-toggle{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.occasionwebsite-container.mobile-mode .occasionwebsite-subdomain-type-toggle{gap:.75rem;grid-template-columns:1fr}.occasionwebsite-subdomain-type-toggle button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:60px;padding:1rem 1.5rem;transition:all .3s ease}.occasionwebsite-container.mobile-mode .occasionwebsite-subdomain-type-toggle button{border-radius:10px;font-size:.875rem;min-height:56px;padding:.875rem 1.25rem}.occasionwebsite-subdomain-type-toggle button:hover:not(.active){border-color:#000;box-shadow:0 4px 6px -1px #0000001a;color:#000;transform:translateY(-2px)}.occasionwebsite-container.mobile-mode .occasionwebsite-subdomain-type-toggle button:hover{transform:none}.occasionwebsite-subdomain-type-toggle button.active{background:#000;border-color:#000;box-shadow:0 10px 15px -3px #0003;color:#fff}.pricing-note{background:#f9fafb;border-radius:8px;margin-top:.75rem;padding:.875rem 1rem}.occasionwebsite-container.mobile-mode .pricing-note{border-radius:6px;padding:.75rem .875rem}.pricing-note p{color:#6b7280;font-size:.875rem;margin:0}.occasionwebsite-container.mobile-mode .pricing-note p{font-size:.8rem}.occasionwebsite-subdomain-row{align-items:stretch;background:#fff;border:1px solid #d1d5db;border-radius:12px;display:flex;overflow:hidden;transition:all .3s ease}.occasionwebsite-container.mobile-mode .occasionwebsite-subdomain-row{border-radius:10px}.occasionwebsite-subdomain-row:focus-within{border-color:#000;box-shadow:0 0 0 3px #0000001a}.occasionwebsite-subdomain-prefix{align-items:center;background:#f3f4f6;border-right:1px solid #d1d5db;color:#6b7280;display:flex;font-size:.95rem;font-weight:600;padding:0 1rem;white-space:nowrap}.occasionwebsite-container.mobile-mode .occasionwebsite-subdomain-prefix{font-size:.85rem;padding:0 .75rem}.occasionwebsite-subdomain-row .occasionwebsite-input{border:none;border-radius:0;flex:1 1}.occasionwebsite-subdomain-row .occasionwebsite-input:focus{border:none;box-shadow:none}.occasionwebsite-subdomain-status{align-items:center;border-radius:6px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-subdomain-status{font-size:.8rem;padding:.4rem}.occasionwebsite-subdomain-status.checking{background:#3b82f61a;color:#3b82f6}.occasionwebsite-subdomain-status.available{background:#0000000d;color:#000}.occasionwebsite-subdomain-status.unavailable{background:#ef44441a;color:#ef4444}.occasionwebsite-subdomain-status .spin{animation:spin .8s linear infinite}.occasionwebsite-payment-banner{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #000;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-payment-banner{border-radius:10px;margin-bottom:1.5rem;padding:1rem}.payment-icon.success{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.occasionwebsite-container.mobile-mode .payment-icon.success{height:40px;width:40px}.payment-details h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.occasionwebsite-container.mobile-mode .payment-details h3{font-size:1rem}.payment-details p{color:#6b7280;font-size:.875rem;margin:0}.occasionwebsite-container.mobile-mode .payment-details p{font-size:.8rem}.occasionwebsite-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.occasionwebsite-actions-grid.mobile{gap:1.25rem;grid-template-columns:1fr;margin-bottom:1.5rem}.occasionwebsite-action-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center;transition:all .3s ease}.occasionwebsite-container.mobile-mode .occasionwebsite-action-card{border-radius:10px;padding:1.5rem}.occasionwebsite-action-card:hover{border-color:#000;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.occasionwebsite-container.mobile-mode .occasionwebsite-action-card:hover{transform:translateY(-2px)}.occasionwebsite-action-card svg{color:#000}.occasionwebsite-action-card h2{color:#000;font-size:1.25rem;font-weight:700;margin:0}.occasionwebsite-container.mobile-mode .occasionwebsite-action-card h2{font-size:1.1rem}.occasionwebsite-action-card p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.occasionwebsite-container.mobile-mode .occasionwebsite-action-card p{font-size:.85rem}.card-locked{opacity:.6}.occasionwebsite-btn,.occasionwebsite-btn.btn-primary,.occasionwebsite-btn.btn-sent,.occasionwebsite-btn.btn-success,.occasionwebsite-btn.btn-viral,.viral-btn-download{background:#000!important;border:none!important;color:#fff!important}.occasionwebsite-btn svg,.occasionwebsite-btn.btn-primary svg,.occasionwebsite-btn.btn-sent svg,.occasionwebsite-btn.btn-success svg,.occasionwebsite-btn.btn-viral svg,.viral-btn-download svg{color:#fff!important}.occasionwebsite-btn.btn-primary:hover:not(:disabled),.occasionwebsite-btn.btn-success:hover:not(:disabled),.occasionwebsite-btn.btn-viral:hover:not(:disabled),.occasionwebsite-btn:hover:not(:disabled),.viral-btn-download:hover:not(:disabled){background:#1a1a1a!important;box-shadow:0 8px 20px #0006!important;transform:translateY(-2px)}.occasionwebsite-container.mobile-mode .occasionwebsite-btn:hover{transform:none}.occasionwebsite-btn:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.6}.occasionwebsite-btn.btn-secondary{background:#fff!important;border:2px solid #000!important;color:#000!important}.occasionwebsite-btn.btn-secondary:hover:not(:disabled){background:#000!important;color:#fff!important;transform:translateY(-2px)}.occasionwebsite-btn.btn-locked{background:#d1d5db!important;color:#6b7280!important}.occasionwebsite-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap;width:100%}.occasionwebsite-container.mobile-mode .occasionwebsite-btn{font-size:.95rem;padding:.875rem 1.5rem}.btn-primary{background:#000}.btn-primary:hover:not(:disabled){background:#1a1a1a;box-shadow:0 8px 20px #0006}.btn-primary svg{color:#fff}.occasionwebsite-container.mobile-mode .btn-primary:hover{transform:none}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:2px solid #000;color:#000}.btn-secondary:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-2px)}.occasionwebsite-container.mobile-mode .btn-secondary:hover{transform:none}.btn-success{background:#000;color:#fff}.btn-success:hover:not(:disabled){background:#1a1a1a;transform:translateY(-2px)}.btn-success svg{color:#fff}.btn-success:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-sent{background:#000;opacity:.7}.btn-sent,.btn-sent svg{color:#fff}.btn-locked{background:#d1d5db;color:#6b7280}.btn-viral{background:#000;box-shadow:0 4px 15px #0000004d;color:#fff}.btn-viral:hover{background:#1a1a1a;box-shadow:0 6px 20px #0006}.btn-viral svg{color:#fff}.occasionwebsite-published-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #000;border-radius:12px;margin-bottom:2rem;padding:2rem}.occasionwebsite-published-card.mobile{border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.opc-success-row{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.occasionwebsite-container.mobile-mode .opc-success-row{margin-bottom:1.25rem}.opc-success-icon{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.occasionwebsite-container.mobile-mode .opc-success-icon{height:48px;width:48px}.opc-success-text h2{color:#1f2937;font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.occasionwebsite-container.mobile-mode .opc-success-text h2{font-size:1.25rem}.opc-success-text p{color:#6b7280;font-size:.95rem;margin:0}.occasionwebsite-container.mobile-mode .opc-success-text p{font-size:.875rem}.opc-url-bar{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.occasionwebsite-container.mobile-mode .opc-url-bar{border-radius:6px;padding:.875rem 1rem}.opc-url-globe{color:#000;flex-shrink:0}.opc-url-text{color:#000;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.occasionwebsite-container.mobile-mode .opc-url-text{font-size:.85rem}.opc-action-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.occasionwebsite-container.mobile-mode .opc-action-row{gap:.625rem;grid-template-columns:1fr}.opc-btn{align-items:center;border:2px solid #000;border-radius:100px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.5rem;transition:all .3s ease}.occasionwebsite-container.mobile-mode .opc-btn{font-size:.875rem;padding:.875rem 1.25rem}.opc-copy-btn{background:#fff!important;color:#000!important}.opc-copy-btn:hover:not(.copied){background:#000!important;color:#fff!important;transform:translateY(-2px)}.opc-copy-btn svg{color:currentColor!important}.occasionwebsite-container.mobile-mode .opc-copy-btn:hover{transform:none}.opc-copy-btn.copied{background:#000!important;border-color:#000!important;color:#fff!important}.opc-copy-btn.copied svg,.opc-visit-btn{color:#fff!important}.opc-visit-btn{background:#000!important}.opc-visit-btn:hover{background:#1a1a1a!important;box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.opc-visit-btn svg{color:#fff!important}.occasionwebsite-container.mobile-mode .opc-visit-btn:hover{transform:none}.occasionwebsite-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.occasionwebsite-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.occasionwebsite-modal.mobile{border-radius:12px;max-height:95vh;max-width:100%}.occasionwebsite-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-modal-header{padding:1.25rem 1rem}.occasionwebsite-modal-header h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.occasionwebsite-container.mobile-mode .occasionwebsite-modal-header h2{font-size:1.1rem}.occasionwebsite-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.occasionwebsite-container.mobile-mode .occasionwebsite-modal-close{height:40px;width:40px}.occasionwebsite-modal-close:hover{background:#e5e7eb;transform:scale(1.1)}.occasionwebsite-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-modal-body{padding:1.25rem 1rem}.occasionwebsite-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.occasionwebsite-container.mobile-mode .occasionwebsite-modal-footer{flex-direction:column-reverse;padding:1.25rem 1rem}.payment-summary{display:flex;flex-direction:column;gap:1.5rem}.occasionwebsite-container.mobile-mode .payment-summary{gap:1.25rem}.price-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center}.occasionwebsite-container.mobile-mode .price-card{border-radius:10px;padding:1.5rem}.price-card svg{color:#000;margin-bottom:1rem}.price-card h3{color:#000;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:3rem;font-weight:800;margin:.5rem 0}.occasionwebsite-container.mobile-mode .price-card h3{font-size:2.5rem}.price-card p{color:#6b7280;font-size:.95rem;margin:0}.occasionwebsite-container.mobile-mode .price-card p{font-size:.875rem}.benefits-section h4{color:#1f2937;font-size:1rem;font-weight:700;margin-bottom:.75rem}.occasionwebsite-container.mobile-mode .benefits-section h4{font-size:.95rem}.benefits-section ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.benefits-section li{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:.5rem}.occasionwebsite-container.mobile-mode .benefits-section li{font-size:.875rem}.benefits-section li svg{color:#000;flex-shrink:0}.url-preview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem}.occasionwebsite-container.mobile-mode .url-preview-card{border-radius:6px;padding:.875rem 1rem}.url-preview-card strong{color:#1f2937;display:block;font-size:.875rem;margin-bottom:.5rem}.occasionwebsite-container.mobile-mode .url-preview-card strong{font-size:.8rem}.url-preview-card code{color:#1f2937;display:block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.95rem;word-break:break-all}.occasionwebsite-container.mobile-mode .url-preview-card code{font-size:.85rem}.subdomain-highlight{color:#000;font-weight:700}.pricing-breakdown{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem}.occasionwebsite-container.mobile-mode .pricing-breakdown{border-radius:6px;padding:.875rem 1rem}.pricing-breakdown h4{color:#1f2937;font-size:.95rem;font-weight:700;margin-bottom:.75rem}.occasionwebsite-container.mobile-mode .pricing-breakdown h4{font-size:.875rem}.breakdown-row{align-items:center;color:#6b7280;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.occasionwebsite-container.mobile-mode .breakdown-row{font-size:.85rem;padding:.4rem 0}.breakdown-row.total{border-top:2px solid #e5e7eb;color:#1f2937;font-size:1rem;margin-top:.5rem;padding-top:.75rem}.occasionwebsite-container.mobile-mode .breakdown-row.total{font-size:.95rem}.invitation-form{display:flex;flex-direction:column;gap:1rem}.invitation-form .form-group{margin-bottom:0}.invitation-form small{color:#9ca3af;display:block;font-size:.75rem;margin-top:.25rem}.occasionwebsite-container.mobile-mode .invitation-form small{font-size:.7rem}.char-count{display:block;margin-top:.25rem;text-align:right}.invitation-site-preview{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.invitation-site-preview svg{color:#000;flex-shrink:0}.invitation-site-preview span{color:#000;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-preview{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.occasionwebsite-container.mobile-mode .invitation-preview{border-radius:6px;padding:.875rem}.invitation-preview svg{color:#000;flex-shrink:0}.invitation-preview p{color:#6b7280;font-size:.875rem;margin:0}.occasionwebsite-container.mobile-mode .invitation-preview p{font-size:.8rem}.optional-tag{color:#9ca3af;font-weight:400;text-transform:lowercase}.occasionwebsite-notification{align-items:center;animation:slideIn .3s ease;background:#fff;border-left:4px solid #000;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:24px;top:24px;z-index:10000}.occasionwebsite-notification.mobile{border-radius:10px;font-size:.9rem;left:16px;max-width:none;padding:.875rem 1.25rem;right:16px;top:16px}.occasionwebsite-notification-success{border-left-color:#000}.occasionwebsite-notification-error{border-left-color:#ef4444}.occasionwebsite-notification-info{border-left-color:#3b82f6}.occasionwebsite-notification-warning{border-left-color:#f59e0b}.notif-icon{flex-shrink:0}.notif-message{color:#1f2937;flex:1 1;font-size:.95rem;font-weight:500}.occasionwebsite-container.mobile-mode .notif-message{font-size:.875rem}.notif-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;line-height:1;margin-left:.5rem;padding:0;transition:color .2s ease}.notif-close:hover{color:#6b7280}.viral-share-modal .occasionwebsite-modal-body{max-height:85vh;overflow-y:auto;padding:0}.viral-share-body{display:flex;flex-direction:column;gap:2rem;padding:2rem}.viral-story-card{align-items:center;background-color:#0e0e0e;background-image:linear-gradient(180deg,#1a1a1a,#000);border:1px solid #222;border-radius:40px;display:flex;flex-direction:column;height:600px;justify-content:center;margin:0 auto;position:relative;width:340px}.viral-main-content{background:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;padding:40px 20px;text-align:center;width:80%}.viral-title{color:#fff;font-family:Dancing Script,cursive;font-size:3.5rem;font-weight:700;margin:0}.viral-hook-text{color:#eee;font-size:1.2rem;font-weight:300;line-height:1.4;margin:25px 0}.viral-bouncing-arrow{animation:viralBounce 1.2s infinite;display:block;font-size:3rem;margin-top:10px}@keyframes viralBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.viral-tap-label{font-size:.6rem;letter-spacing:2px;margin-top:5px;opacity:.6;text-transform:uppercase}.viral-footer{bottom:30px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:4px;opacity:.5;position:absolute}.viral-share-instructions{margin:0 auto;text-align:center;width:340px}.viral-btn-download{align-items:center;background:#000!important;border:none;border-radius:50px;box-shadow:0 4px 15px #0000004d;color:#fff!important;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:18px;transition:.2s;width:100%}.viral-btn-download:hover{background:#1a1a1a!important;box-shadow:0 8px 25px #0006}.viral-btn-download:active{transform:scale(.96)}.viral-btn-download svg{color:#fff!important}@media (max-width:768px){.viral-share-body{gap:1.5rem;padding:1rem}.viral-story-card{border-radius:35px;height:564px;width:320px}.viral-title{font-size:3rem}.viral-hook-text{font-size:1.1rem}.viral-main-content{border-radius:25px;padding:35px 18px}.viral-bouncing-arrow{font-size:2.5rem}.viral-tap-label{font-size:.55rem}.viral-footer{bottom:25px;font-size:.65rem}.viral-share-instructions{max-width:100%;width:100%}.viral-btn-download{font-size:.95rem;padding:16px}}.occasionwebsite-action-card .card-icon-row{align-items:center;display:flex;gap:10px;justify-content:center;position:relative}.lock-badge{align-items:center;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#666;display:flex;font-size:.65rem;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:-8px;top:-8px}.occasionwebsite-modal-footer .occasionwebsite-btn{background:#000;color:#fff}.occasionwebsite-modal-footer .occasionwebsite-btn:hover:not(:disabled){background:#1a1a1a}.occasionwebsite-modal-footer .btn-secondary{background:#fff;border:2px solid #000;color:#000}.occasionwebsite-modal-footer .btn-secondary:hover{background:#000;color:#fff}.occasionwebsite-modal-footer .btn-primary{background:#000;border:none;color:#fff}.occasionwebsite-modal-footer .btn-primary:hover:not(:disabled){background:#1a1a1a}@media (max-width:768px){.occasionwebsite-actions-grid,.occasionwebsite-subdomain-type-toggle,.opc-action-row{grid-template-columns:1fr}.occasionwebsite-modal-footer{flex-direction:column-reverse}.occasionwebsite-notification{left:16px;max-width:none;right:16px}}@media (max-width:480px){.occasionwebsite-header h1{font-size:1.5rem}.price-card h3{font-size:2rem}.viral-story-card{border-radius:35px;height:529px;width:300px}.viral-title{font-size:2.8rem}.viral-share-instructions{width:100%}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #000;outline-offset:2px}@media (hover:none) and (pointer:coarse){.occasionwebsite-btn,.occasionwebsite-subdomain-type-toggle button,.opc-btn{-webkit-tap-highlight-color:transparent}.occasionwebsite-btn:active,.occasionwebsite-subdomain-type-toggle button:active,.opc-btn:active{transform:scale(.98)}}:root{--tom-bg-cream:#fcf9f6;--tom-bg-warm-white:#fff9f0;--tom-bg-paper:#fffbf7;--tom-accent:#e87a5d;--tom-accent-dark:#d66a4d;--tom-accent-terracotta:#c65d42;--tom-text-primary:#2d2926;--tom-text-secondary:#8c8681;--tom-text-muted:#b8b3ae;--tom-text-dim:#9e9993;--tom-border-subtle:#8c868126;--tom-shadow-soft:0 10px 40px #e87a5d14;--tom-shadow-medium:0 20px 60px #e87a5d1f;--tom-shadow-strong:0 30px 80px #e87a5d2e;--tom-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace}body{background:#fcf9f6!important;background:var(--tom-bg-cream)!important;color:var(--tom-text-primary)}.templateoccasionmanagment-panel{background:#fcf9f6;background:var(--tom-bg-cream);min-height:100vh;padding:clamp(60px,12vh,100px) 5%;position:relative}.templateoccasionmanagment-panel.active{display:block}.templateoccasionmanagment-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:clamp(80px,15vh,140px) 20px}.templateoccasionmanagment-loading p{color:#8c8681;color:var(--tom-text-secondary);font-size:clamp(1rem,2vw,1.15rem);font-weight:600}.templateoccasionmanagment-spinner{animation:spin .8s linear infinite;border:4px solid #8c868126;border-top-color:#e87a5d;border:4px solid var(--tom-border-subtle);border-radius:50%;border-top-color:var(--tom-accent);height:48px;width:48px}.templateoccasionmanagment-spinner.lg{border-width:5px;height:60px;width:60px}.templateoccasionmanagment-notification{align-items:center;background:#fff;border-left:4px solid #e87a5d;border-left:4px solid var(--tom-accent);border-radius:16px;box-shadow:0 12px 40px #00000026;display:flex;gap:12px;max-width:400px;opacity:0;padding:18px 24px;position:fixed;right:24px;top:24px;transform:translateX(120%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10000}.templateoccasionmanagment-notification.show{opacity:1;transform:translateX(0)}.templateoccasionmanagment-notification.success{border-left-color:#10b981}.templateoccasionmanagment-notification.error{border-left-color:#ef4444}.templateoccasionmanagment-notification.info{border-left-color:#3b82f6}.templateoccasionmanagment-notification .notif-icon{font-size:18px;font-weight:700}.templateoccasionmanagment-notification .notif-close{background:#0000;border:none;border-radius:4px;color:#8c8681;color:var(--tom-text-secondary);cursor:pointer;font-size:20px;line-height:1;margin-left:auto;padding:4px 8px;transition:all .2s ease}.templateoccasionmanagment-notification .notif-close:hover{background:#0000000d;color:#2d2926;color:var(--tom-text-primary)}.templateoccasionmanagment-section-header{margin-bottom:clamp(40px,8vh,70px);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.templateoccasionmanagment-label-tag{color:#e87a5d;color:var(--tom-accent);display:inline-block;font-size:clamp(.7rem,1.5vw,.8rem);font-weight:800;letter-spacing:.25em;margin-bottom:clamp(1rem,2.5vh,1.5rem);text-transform:uppercase}.templateoccasionmanagment-section-header h2{color:#2d2926;color:var(--tom-text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:clamp(1rem,2.5vh,1.5rem)}.templateoccasionmanagment-section-header p{color:#8c8681;color:var(--tom-text-secondary);font-size:clamp(1rem,2vw,1.15rem);font-weight:400;line-height:1.7;margin:0 auto;max-width:620px}.templateoccasionmanagment-detail-card{background:#fff;border:1px solid #8c868126;border:1px solid var(--tom-border-subtle);border-radius:clamp(16px,3vw,24px);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--tom-shadow-soft);margin-bottom:clamp(30px,6vh,50px);margin-left:auto;margin-right:auto;max-width:800px;padding:clamp(20px,4vw,32px)}.templateoccasionmanagment-detail-card .dc-label{color:#e87a5d;color:var(--tom-accent);font-size:clamp(.65rem,1.4vw,.75rem);font-weight:800;letter-spacing:.2em;margin-bottom:12px;text-transform:uppercase}.templateoccasionmanagment-detail-card p{color:#8c8681;color:var(--tom-text-secondary);font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;line-height:1.7}.templateoccasionmanagment-selected-preview{background:#fff;border:2px solid #e87a5d;border:2px solid var(--tom-accent);border-radius:clamp(16px,3vw,24px);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--tom-shadow-medium);margin-bottom:clamp(24px,5vh,40px);margin-left:auto;margin-right:auto;max-width:800px;padding:clamp(20px,4vw,28px)}.templateoccasionmanagment-selected-preview .osp-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.templateoccasionmanagment-selected-preview .osp-header h3{color:#2d2926;color:var(--tom-text-primary);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700}.templateoccasionmanagment-selected-preview .osp-content{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:120px 1fr}.templateoccasionmanagment-selected-preview .osp-thumb{align-items:center;border:1px solid #8c868126;border:1px solid var(--tom-border-subtle);border-radius:12px;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.templateoccasionmanagment-selected-preview .osp-thumb img{height:100%;object-fit:cover;width:100%}.templateoccasionmanagment-selected-preview .osp-info h4{color:#2d2926;color:var(--tom-text-primary);font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin-bottom:6px}.templateoccasionmanagment-selected-preview .osp-type{color:#8c8681;color:var(--tom-text-secondary);font-size:.85rem;font-weight:600;margin-bottom:10px;text-transform:capitalize}.templateoccasionmanagment-selected-preview .osp-desc{color:#9e9993;color:var(--tom-text-dim);font-size:.85rem;line-height:1.6;margin-bottom:12px}.templateoccasionmanagment-selected-preview .osp-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}@media (max-width:640px){.templateoccasionmanagment-selected-preview .osp-content{grid-template-columns:1fr;text-align:center}.templateoccasionmanagment-selected-preview .osp-thumb{margin:0 auto}}.templateoccasionmanagment-ctabs-scroll-wrapper{margin-bottom:clamp(30px,6vh,50px);overflow:hidden;position:relative;width:100%}.templateoccasionmanagment-ctabs{-webkit-overflow-scrolling:touch;display:flex;gap:10px;scroll-behavior:smooth}.templateoccasionmanagment-ctabs::-webkit-scrollbar{height:6px}.templateoccasionmanagment-ctabs::-webkit-scrollbar-track{background:#0000;border-radius:10px;margin:0 20px}.templateoccasionmanagment-ctabs::-webkit-scrollbar-thumb{background:#e87a5d;background:var(--tom-accent);border-radius:10px;opacity:.7}.templateoccasionmanagment-ctabs::-webkit-scrollbar-thumb:hover{background:#d66a4d;background:var(--tom-accent-dark);opacity:1}.templateoccasionmanagment-ctab{background:#fff;border:1.5px solid #8c868126;border:1.5px solid var(--tom-border-subtle);border-radius:100px;color:#2d2926;color:var(--tom-text-primary);cursor:pointer;flex-shrink:0;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:600;letter-spacing:.01em;padding:clamp(10px,2vw,14px) clamp(18px,3.5vw,28px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.templateoccasionmanagment-ctab:hover{border-color:#e87a5d;border-color:var(--tom-accent);box-shadow:0 6px 16px #e87a5d26;color:#e87a5d;color:var(--tom-accent);transform:translateY(-2px)}.templateoccasionmanagment-ctab.active{background:#e87a5d;background:var(--tom-accent);border-color:#e87a5d;border-color:var(--tom-accent);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--tom-shadow-soft);color:#fff}.templateoccasionmanagment-ctab.active:hover{background:#d66a4d;background:var(--tom-accent-dark);border-color:#d66a4d;border-color:var(--tom-accent-dark);transform:translateY(-2px)}.templateoccasionmanagment-ctabs-scroll-wrapper:after,.templateoccasionmanagment-ctabs-scroll-wrapper:before{bottom:8px;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:40px;z-index:1}.templateoccasionmanagment-ctabs-scroll-wrapper:before{background:linear-gradient(90deg,#fcf9f6,#0000);background:linear-gradient(to right,var(--tom-bg-cream),#0000);left:0}.templateoccasionmanagment-ctabs-scroll-wrapper:after{background:linear-gradient(270deg,#fcf9f6,#0000);background:linear-gradient(to left,var(--tom-bg-cream),#0000);right:0}.templateoccasionmanagment-template-grid{grid-gap:clamp(20px,4vw,32px);display:grid;gap:clamp(20px,4vw,32px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:clamp(40px,8vh,60px)}@media (max-width:640px){.templateoccasionmanagment-template-grid{grid-template-columns:1fr}}.templateoccasionmanagment-template-card{background:#fff;border:2px solid #8c868126;border:2px solid var(--tom-border-subtle);border-radius:clamp(16px,3vw,20px);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.templateoccasionmanagment-template-card:hover{border-color:#e87a5d;border-color:var(--tom-accent);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--tom-shadow-strong);transform:translateY(-6px)}.templateoccasionmanagment-template-card.selected{background:linear-gradient(135deg,#fff9f0,#fff);border-color:#e87a5d;border-color:var(--tom-accent);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--tom-shadow-medium)}.templateoccasionmanagment-template-card.locked{cursor:default;opacity:.85}.templateoccasionmanagment-tc-thumb{align-items:center;background:#fff9f0;background:var(--tom-bg-warm-white);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.templateoccasionmanagment-tc-info{padding:clamp(16px,3vw,20px)}.templateoccasionmanagment-tc-info h4{color:#2d2926;color:var(--tom-text-primary);font-size:clamp(1rem,2vw,1.15rem);font-weight:700;line-height:1.3;margin-bottom:8px}.templateoccasionmanagment-template-preview-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #8c868126;border:1px solid var(--tom-border-subtle);border-radius:100px;color:#2d2926;color:var(--tom-text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;opacity:0;padding:8px 14px;position:absolute;right:12px;top:12px;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.templateoccasionmanagment-template-card:hover .templateoccasionmanagment-template-preview-btn{opacity:1;transform:translateY(0)}.templateoccasionmanagment-template-preview-btn:hover{background:#e87a5d;background:var(--tom-accent);border-color:#e87a5d;border-color:var(--tom-accent);color:#fff}.templateoccasionmanagment-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.templateoccasionmanagment-badge.type{background:#fff9f0;background:var(--tom-bg-warm-white);border:1px solid #8c868126;border:1px solid var(--tom-border-subtle);color:#8c8681;color:var(--tom-text-secondary)}.templateoccasionmanagment-badge.accent{background:#e87a5d26;color:#e87a5d;color:var(--tom-accent)}.templateoccasionmanagment-badge.green{background:#10b98126;color:#10b981}.templateoccasionmanagment-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-size:clamp(.9rem,2vw,1rem);font-weight:700;gap:8px;justify-content:center;letter-spacing:.02em;padding:clamp(12px,2.5vw,16px) clamp(24px,5vw,36px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.templateoccasionmanagment-btn.accent{background:#e87a5d;background:var(--tom-accent);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--tom-shadow-soft);color:#fff}.templateoccasionmanagment-btn.accent:hover:not(:disabled){background:#d66a4d;background:var(--tom-accent-dark);box-shadow:0 12px 30px #e87a5d4d;transform:translateY(-2px)}.templateoccasionmanagment-btn.outline{background:#fff;border:2px solid #8c868126;border:2px solid var(--tom-border-subtle);color:#2d2926;color:var(--tom-text-primary)}.templateoccasionmanagment-btn.outline:hover:not(:disabled){border-color:#e87a5d;border-color:var(--tom-accent);box-shadow:0 6px 20px #e87a5d26;color:#e87a5d;color:var(--tom-accent);transform:translateY(-2px)}.templateoccasionmanagment-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.templateoccasionmanagment-stats-row{grid-gap:clamp(16px,3vw,24px);display:grid;gap:clamp(16px,3vw,24px);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:clamp(30px,6vh,50px);margin-left:auto;margin-right:auto;max-width:800px}.templateoccasionmanagment-stat-box{background:#fff;border:1px solid #8c868126;border:1px solid var(--tom-border-subtle);border-radius:clamp(14px,2.5vw,18px);padding:clamp(20px,4vw,28px);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.templateoccasionmanagment-stat-box:hover{border-color:#e87a5d;border-color:var(--tom-accent);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--tom-shadow-medium);transform:translateY(-4px)}.templateoccasionmanagment-stat-box .sb-val{color:#e87a5d;color:var(--tom-accent);font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1;margin-bottom:8px}.templateoccasionmanagment-stat-box .sb-label{color:#8c8681;color:var(--tom-text-secondary);font-size:clamp(.8rem,1.6vw,.9rem);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.templateoccasionmanagment-btn-row{display:flex;flex-wrap:wrap;gap:clamp(12px,2.5vw,20px);justify-content:center}.templateoccasionmanagment-hint{color:#b8b3ae;color:var(--tom-text-muted);font-size:clamp(.85rem,1.8vw,.95rem);font-style:italic;font-weight:500;margin-top:16px;text-align:center}.templateoccasionmanagment-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.templateoccasionmanagment-modal-overlay.fullscreen-preview{background:#000000f2;padding:0}.templateoccasionmanagment-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:clamp(16px,3vw,24px);box-shadow:0 30px 80px #e87a5d2e;box-shadow:var(--tom-shadow-strong);display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.templateoccasionmanagment-modal.fullscreen-mode{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.templateoccasionmanagment-modal-header{align-items:center;border-bottom:1px solid #8c868126;border-bottom:1px solid var(--tom-border-subtle);display:flex;justify-content:space-between;padding:clamp(20px,4vw,28px)}.templateoccasionmanagment-modal-header h3{color:#2d2926;color:var(--tom-text-primary);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700}.templateoccasionmanagment-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#2d2926;color:var(--tom-text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.templateoccasionmanagment-modal-close:hover{background:#e87a5d;background:var(--tom-accent);color:#fff}.templateoccasionmanagment-modal-body{flex:1 1;overflow-y:auto;padding:clamp(20px,4vw,28px)}.templateoccasionmanagment-modal-footer{align-items:center;border-top:1px solid #8c868126;border-top:1px solid var(--tom-border-subtle);display:flex;gap:12px;justify-content:flex-end;padding:clamp(16px,3vw,24px)}.preview-device-toolbar{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.device-selector{display:flex;gap:8px}.device-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.device-btn:hover{background:#ffffff26}.device-btn.active{background:#e87a5d;background:var(--tom-accent);border-color:#e87a5d;border-color:var(--tom-accent)}.preview-controls{align-items:center;display:flex;gap:12px}.zoom-controls{background:#ffffff1a;border-radius:8px;gap:8px;padding:6px 12px}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:#ffffff1a}.zoom-btn:disabled{cursor:not-allowed;opacity:.3}.zoom-level{color:#fff;font-size:.85rem;font-weight:600;min-width:50px;text-align:center}.fullscreen-toggle-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.fullscreen-toggle-btn:hover{background:#ffffff26}.fullscreen-toggle-btn.active{background:#e87a5d;background:var(--tom-accent);border-color:#e87a5d;border-color:var(--tom-accent)}.preview-device-container{align-items:center;display:flex;justify-content:center;min-height:600px;padding:40px;position:relative}.device-frame{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transition:all .3s ease}.device-frame.desktop{height:800px;max-height:70vh;max-width:90vw;width:1200px}.device-frame.laptop{height:650px;max-height:65vh;max-width:85vw;width:1000px}.device-frame.tablet{height:1024px;max-height:75vh;max-width:70vw;width:768px}.device-frame.mobile{border-radius:24px;height:667px;max-height:80vh;max-width:50vw;width:375px}.device-chrome{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:12px 16px}.chrome-dots{display:flex;gap:6px}.chrome-dots span{background:#ddd;border-radius:50%;height:10px;width:10px}.chrome-dots span:first-child{background:#ff5f56}.chrome-dots span:nth-child(2){background:#ffbd2e}.chrome-dots span:nth-child(3){background:#27c93f}.chrome-url{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;flex:1 1;font-size:.8rem;padding:6px 12px}.device-preview-iframe{border:none;height:calc(100% - 41px);width:100%}.device-frame.mobile .device-preview-iframe{height:100%}.device-info-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:100px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#2d2926;color:var(--tom-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:8px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.preview-loading-overlay{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}@media (max-width:768px){.templateoccasionmanagment-ctabs{gap:6px;padding-bottom:10px}.templateoccasionmanagment-ctab{font-size:.8rem;padding:8px 14px}.templateoccasionmanagment-ctabs::-webkit-scrollbar{height:4px}.preview-device-toolbar{padding:12px 16px}.device-selector{flex-wrap:wrap}.device-btn span{display:none}}@media (hover:none) and (pointer:coarse){.templateoccasionmanagment-ctabs{scroll-snap-type:x proximity}.templateoccasionmanagment-ctab{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid #e87a5d;outline:2px solid var(--tom-accent);outline-offset:2px}.data-retention-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.data-retention-modal{animation:slideUp .3s ease;background:#fff;background:var(--occ-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;width:100%}.drm-header{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--occ-border,#0000001a);padding:24px 28px 20px}.drm-header-content{align-items:center;display:flex;gap:12px;margin-bottom:6px}.drm-header-content h2{color:#1a1a1a;color:var(--occ-black,#1a1a1a);font-family:Playfair Display,serif;font-family:var(--occ-serif,"Playfair Display",serif);font-size:1.6rem;margin:0}.drm-subtitle{color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80);font-size:.85rem;margin:0}.drm-body{flex:1 1;overflow-y:auto;padding:24px 28px}.drm-info-box{background:#ff9f661a;background:var(--occ-accent-dim,#ff9f661a);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.drm-info-box svg{color:#ff9f66;color:var(--occ-accent,#ff9f66);flex-shrink:0;margin-top:2px}.drm-info-box h3{color:#1a1a1a;color:var(--occ-black,#1a1a1a);font-size:.9rem;margin:0 0 6px}.drm-info-box p{color:#1a1a1a;color:var(--occ-text,#1a1a1a);font-size:.8rem;line-height:1.5;margin:0}.drm-form-section{margin-bottom:24px}.drm-label{align-items:center;color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--occ-mono,"JetBrains Mono",monospace);font-size:.65rem;gap:8px;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.drm-quick-select{display:flex;gap:8px;margin-bottom:16px}.drm-quick-btn{background:#f7f6f4;background:var(--occ-surface2,#f7f6f4);border:1px solid #0000001a;border:1px solid var(--occ-border,#0000001a);border-radius:8px;color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80);cursor:pointer;flex:1 1;font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.drm-quick-btn:hover:not(:disabled){background:#0000001a;background:var(--occ-border,#0000001a);border-color:#1a1a1a;border-color:var(--occ-black,#1a1a1a);color:#1a1a1a;color:var(--occ-black,#1a1a1a)}.drm-quick-btn.active{background:#ff9f66;background:var(--occ-accent,#ff9f66);border-color:#ff9f66;border-color:var(--occ-accent,#ff9f66);color:#1a1a1a;color:var(--occ-black,#1a1a1a)}.drm-quick-btn:disabled{cursor:not-allowed;opacity:.5}.drm-date-input-group{margin-bottom:20px}.drm-date-input{background:#fff;background:var(--occ-surface,#fff);border:1px solid #0000001f;border:1px solid var(--occ-border-md,#0000001f);border-radius:10px;color:#1a1a1a;color:var(--occ-text,#1a1a1a);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--occ-sans,"Inter",sans-serif);font-size:.9rem;padding:12px 14px;transition:all .2s;width:100%}.drm-date-input:focus{border-color:#ff9f66;border-color:var(--occ-accent,#ff9f66);box-shadow:0 0 0 3px #ff9f661a;box-shadow:0 0 0 3px var(--occ-accent-dim,#ff9f661a);outline:none}.drm-date-input:disabled{cursor:not-allowed;opacity:.5}.drm-date-display{align-items:center;background:#f7f6f4;background:var(--occ-surface2,#f7f6f4);border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px 14px}.drm-date-display svg{color:#ff9f66;color:var(--occ-accent,#ff9f66);flex-shrink:0}.drm-date-display span{color:#1a1a1a;color:var(--occ-text,#1a1a1a);font-size:.85rem;font-weight:600}.drm-days-slider{background:#f7f6f4;background:var(--occ-surface2,#f7f6f4);border-radius:10px;padding:16px}.drm-days-slider>label{align-items:center;color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px}.drm-days-slider strong{color:#ff9f66;color:var(--occ-accent,#ff9f66);font-size:1rem}.drm-slider{-webkit-appearance:none;background:#0000001a;background:var(--occ-border,#0000001a);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.drm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff9f66;background:var(--occ-accent,#ff9f66);border-radius:50%;box-shadow:0 2px 8px #ff9f6666;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.drm-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #ff9f6699;transform:scale(1.2)}.drm-slider::-moz-range-thumb{background:#ff9f66;background:var(--occ-accent,#ff9f66);border:none;border-radius:50%;box-shadow:0 2px 8px #ff9f6666;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.drm-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #ff9f6699;transform:scale(1.2)}.drm-slider:disabled{cursor:not-allowed;opacity:.5}.drm-slider-labels{display:flex;justify-content:space-between;margin-top:8px}.drm-slider-labels span{color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80);font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.drm-checkbox-section{margin-bottom:20px}.drm-checkbox-label{background:#f7f6f4;background:var(--occ-surface2,#f7f6f4);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.drm-checkbox-label:hover{background:#0000001a;background:var(--occ-border,#0000001a)}.drm-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:2px}.drm-checkbox-label strong{color:#1a1a1a;color:var(--occ-black,#1a1a1a);display:block;font-size:.85rem;margin-bottom:4px}.drm-checkbox-label p{color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80);font-size:.75rem;line-height:1.4;margin:0}.drm-warning-box{background:#fff9e6;border-left:3px solid #f39c12;border-radius:8px;display:flex;gap:12px;padding:16px}.drm-warning-box svg{color:#f39c12;flex-shrink:0;margin-top:2px}.drm-warning-box h4{color:#856404;font-size:.85rem;margin:0 0 10px}.drm-warning-box ul{color:#856404;font-size:.75rem;line-height:1.7;margin:0;padding-left:18px}.drm-warning-box li{margin-bottom:4px}.drm-error{align-items:center;background:#e74c3c1a;background:var(--occ-red-dim,#e74c3c1a);border:1px solid #e74c3c;border:1px solid var(--occ-red,#e74c3c);border-radius:8px;color:#e74c3c;color:var(--occ-red,#e74c3c);display:flex;font-size:.8rem;gap:8px;margin-top:16px;padding:12px 16px}.drm-footer{border-top:1px solid #0000001a;border-top:1px solid var(--occ-border,#0000001a);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.drm-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:monospace;font-family:var(--occ-mono,monospace);font-size:.7rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .2s}.drm-btn.outline{background:#0000;border:1px solid #0000001f;border:1px solid var(--occ-border-md,#0000001f);color:#1a1a1a80;color:var(--occ-text-dim,#1a1a1a80)}.drm-btn.outline:hover:not(:disabled){border-color:#1a1a1a;border-color:var(--occ-black,#1a1a1a);color:#1a1a1a;color:var(--occ-black,#1a1a1a)}.drm-btn.accent{background:#ff9f66;background:var(--occ-accent,#ff9f66);color:#1a1a1a;color:var(--occ-black,#1a1a1a)}.drm-btn.accent:hover:not(:disabled){background:#ffb388;background:var(--occ-accent-hov,#ffb388);box-shadow:0 4px 16px #ff9f664d}.drm-btn:disabled{cursor:not-allowed;opacity:.4}.drm-btn:active:not(:disabled){transform:scale(.98)}@media (max-width:768px){.data-retention-modal{max-height:95vh}.drm-body,.drm-footer,.drm-header{padding-left:20px;padding-right:20px}.drm-header-content h2{font-size:1.4rem}.drm-footer,.drm-quick-select{flex-direction:column}.drm-btn{width:100%}}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dropshipping-studio-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#0a0a0a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.bg-orbs{height:100%;left:0;overflow:hidden;pointer-events:none;top:0;width:100%;z-index:0}.bg-orbs,.orb{position:absolute}.orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15}.orb-1{animation-delay:0s;background:radial-gradient(circle,#00d4ff,#0000);height:500px;right:-100px;top:-150px;width:500px}.orb-2{animation-delay:7s;background:radial-gradient(circle,#9d4edd,#0000);bottom:-100px;height:400px;left:-150px;width:400px}.orb-3{animation-delay:14s;background:radial-gradient(circle,#ff006e,#0000);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}.dropshipping-studio-header{animation:slide-up .8s ease-out;margin-bottom:80px;position:relative;text-align:center;z-index:1}.header-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:50px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:30px;padding:8px 20px;transition:all .3s ease}.header-badge:hover{background:#00d4ff33;border-color:#00d4ff80;transform:translateY(-2px)}.dropshipping-studio-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#9d4edd,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.dropshipping-studio-subtitle{color:#a1a1aa;font-size:20px;line-height:1.6;margin:0 auto;max-width:800px}.dropshipping-cards-grid{grid-gap:45px;display:grid;gap:45px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin:0 auto 100px;max-width:1400px;position:relative;z-index:1}.dropshipping-card{animation:slide-up .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111111f2,#171717f2);border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;padding:60px 45px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.dropshipping-card:hover{border-color:#fff3;box-shadow:0 30px 60px #00000080;transform:translateY(-15px) scale(1.03)}.supplier-card{border-color:#00d4ff33}.dropshipper-card{border-color:#9d4edd33}.card-glow{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.supplier-card .card-glow{background:radial-gradient(circle at top,#00d4ff1a,#0000 70%)}.dropshipper-card .card-glow{background:radial-gradient(circle at top,#9d4edd1a,#0000 70%)}.dropshipping-card:hover .card-glow{opacity:1}.supplier-card:after{background:linear-gradient(90deg,#00d4ff,#06ffa5)}.dropshipper-card:after,.supplier-card:after{content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.dropshipper-card:after{background:linear-gradient(90deg,#9d4edd,#ff006e)}.dropshipping-card:hover:after{transform:scaleX(1)}.supplier-card:hover{border-color:#00d4ff80;box-shadow:0 30px 60px #00d4ff4d}.dropshipper-card:hover{border-color:#9d4edd80;box-shadow:0 30px 60px #9d4edd4d}.dropshipping-card-icon{align-items:center;background:#00d4ff1a;border:2px solid #00d4ff4d;border-radius:50%;display:flex;height:110px;justify-content:center;margin:0 auto 35px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:110px}.dropshipper-card .dropshipping-card-icon{background:#9d4edd1a;border-color:#9d4edd4d}.dropshipping-card-icon i{color:#fff;font-size:3rem;transition:all .3s ease;z-index:1}.supplier-card:hover .dropshipping-card-icon{background:linear-gradient(135deg,#00d4ff,#06ffa5);border-color:#00d4ff;box-shadow:0 20px 50px #00d4ff66;transform:scale(1.2) rotate(15deg)}.dropshipper-card:hover .dropshipping-card-icon{background:linear-gradient(135deg,#9d4edd,#ff006e);border-color:#9d4edd;box-shadow:0 20px 50px #9d4edd66;transform:scale(1.2) rotate(15deg)}.dropshipping-card:hover .dropshipping-card-icon i{color:#0a0a0a;transform:scale(1.15)}.dropshipping-card-title{color:#fff;font-size:2.3rem;font-weight:800;letter-spacing:-.8px;margin-bottom:22px;text-transform:uppercase;transition:all .3s ease}.supplier-card:hover .dropshipping-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#06ffa5);-webkit-background-clip:text;background-clip:text;transform:translateY(-3px)}.dropshipper-card:hover .dropshipping-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9d4edd,#ff006e);-webkit-background-clip:text;background-clip:text;transform:translateY(-3px)}.dropshipping-card-text{color:#a1a1aa;font-size:1.1rem;line-height:1.85;margin-bottom:40px;min-height:100px;transition:all .3s ease}.dropshipping-card:hover .dropshipping-card-text{color:#d4d4d8}.dropshipping-btn{align-items:center;border:none;border-radius:14px;color:#0a0a0a;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:800;gap:10px;justify-content:center;letter-spacing:2px;overflow:hidden;padding:18px 50px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.supplier-btn{background:linear-gradient(135deg,#00d4ff,#06ffa5);box-shadow:0 12px 30px #00d4ff4d}.dropshipper-btn{background:linear-gradient(135deg,#9d4edd,#ff006e);box-shadow:0 12px 30px #9d4edd4d}.dropshipping-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dropshipping-btn:hover:before{left:100%}.supplier-btn:hover{box-shadow:0 18px 40px #00d4ff80;transform:translateY(-4px)}.dropshipper-btn:hover{box-shadow:0 18px 40px #9d4edd80;transform:translateY(-4px)}.btn-arrow{font-size:20px;transition:transform .3s ease}.dropshipping-btn:hover .btn-arrow{transform:translateX(5px)}.dropshipping-features{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111111e6,#171717e6);border:1px solid #ffffff1a;border-radius:24px;margin:0 auto;max-width:1200px;overflow:hidden;padding:70px 60px;position:relative;z-index:1}.dropshipping-features:before{background:radial-gradient(circle,#00d4ff08 1px,#0000 0);background-size:50px 50px;content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.dropshipping-features-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#9d4edd,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:55px;position:relative;text-align:center}.dropshipping-features-title:after{background:linear-gradient(90deg,#00d4ff,#9d4edd,#ff006e);bottom:-18px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.dropshipping-features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:1}.dropshipping-feature-item{align-items:center;background:#0a0a0acc;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:28px 35px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dropshipping-feature-item:before{background:linear-gradient(180deg,#00d4ff,#9d4edd,#ff006e);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.4,0,.2,1);width:5px}.dropshipping-feature-item:hover:before{transform:scaleY(1);transform-origin:top}.dropshipping-feature-item:hover{background:#111111f2;border-color:#00d4ff4d;box-shadow:0 15px 35px #00d4ff33;transform:translateX(10px)}.dropshipping-feature-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#9d4edd);-webkit-background-clip:text;background-clip:text;font-size:2rem;min-width:40px;transition:all .3s ease}.dropshipping-feature-item:hover .dropshipping-feature-icon{transform:scale(1.3) rotate(10deg)}.dropshipping-feature-text{color:#a1a1aa;font-size:1.1rem;font-weight:700;letter-spacing:.4px;transition:all .3s ease}.dropshipping-feature-item:hover .dropshipping-feature-text{color:#fff}@media (max-width:1200px){.dropshipping-cards-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (max-width:900px){.dropshipping-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.dropshipping-studio-container{padding:60px 15px}.dropshipping-studio-title{font-size:42px}.dropshipping-studio-subtitle{font-size:18px}.dropshipping-cards-grid{gap:30px}.dropshipping-card{padding:45px 30px}.dropshipping-card-icon{height:90px;width:90px}.dropshipping-card-icon i{font-size:2.5rem}.dropshipping-card-title{font-size:2rem}.dropshipping-card-text{font-size:1.05rem;min-height:auto}.dropshipping-features{padding:50px 30px}.dropshipping-features-title{font-size:36px;margin-bottom:40px}.dropshipping-features-grid{gap:20px;grid-template-columns:1fr}.dropshipping-btn{font-size:1rem;padding:16px 40px}}@media (max-width:480px){.dropshipping-studio-title{font-size:32px}.dropshipping-studio-subtitle{font-size:16px}.dropshipping-card{padding:35px 20px}.dropshipping-card-icon{height:75px;width:75px}.dropshipping-card-icon i{font-size:2rem}.dropshipping-card-title{font-size:1.75rem}.dropshipping-btn{font-size:.95rem;letter-spacing:1.5px;padding:14px 35px}.dropshipping-features{padding:35px 20px}.dropshipping-features-title{font-size:28px}}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;padding:20px}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.product-modal,.registration-modal{max-width:700px}.payout-modal{max-width:600px}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 28px}.modal-title{align-items:center;display:flex;font-size:22px;gap:12px;margin:0}.modal-icon{height:28px;width:28px}.modal-close{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body,.modal-form{padding:28px}.modal-form{overflow-y:auto}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;margin:0 0 20px;padding-bottom:12px}.form-group{margin-bottom:20px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.form-label{font-size:14px}.form-input,.form-textarea{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-hint{color:#6b7280;font-size:12px;margin-bottom:0;margin-top:6px}.checkbox-group{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;margin-top:24px;padding:16px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-left:4px solid #667eea;border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.info-icon{color:#667eea;height:20px;margin-top:2px;width:20px}.info-banner p{color:#4c1d95;font-size:14px;line-height:1.6;margin:0}.payout-tabs{display:flex;gap:12px;margin-bottom:28px}.payout-tab{align-items:center;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.payout-tab:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.payout-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.payout-tab:disabled{cursor:not-allowed;opacity:.5}.tab-icon{height:20px;width:20px}.payout-form{margin-top:24px}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 28px}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px}.primary-btn,.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.primary-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.primary-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn,.secondary-btn{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.cancel-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;color:#374151}.cancel-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.6}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:768px){.modal-container{max-height:95vh;max-width:95%}.modal-header{padding:20px}.modal-title{font-size:18px}.modal-icon{height:24px;width:24px}.modal-body,.modal-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions,.modal-footer{flex-direction:column}.cancel-btn,.primary-btn,.secondary-btn,.submit-btn{width:100%}.payout-tabs{flex-direction:column}}@media (max-width:480px){.modal-overlay{padding:10px}.modal-header{padding:16px}.modal-title{font-size:16px}.modal-body,.modal-form{padding:16px}.form-section-title{font-size:16px}}:root{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#06b6d4;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:70px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}body{color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.enterprise-dropshipper,body{background:#f9fafb;background:var(--gray-50)}.enterprise-dropshipper{display:flex;min-height:100vh}.dropshipper-sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:280px;width:var(--sidebar-width);z-index:100}.dropshipper-sidebar.collapsed{width:80px;width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);justify-content:space-between;min-height:70px;min-height:var(--header-height);padding:1.5rem}.sidebar-logo{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.logo-icon{color:#3b82f6;color:var(--primary);flex-shrink:0;height:32px;width:32px}.logo-text{overflow:hidden}.logo-text h1{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700}.logo-text h1,.store-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-name{color:#6b7280;color:var(--gray-500);font-size:.75rem}.sidebar-toggle{background:none;border:none;border-radius:.5rem;color:#4b5563;color:var(--gray-600);cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s}.sidebar-toggle:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.collapsed .logo-text{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem}.nav-item{align-items:center;background:none;border:none;border-radius:.75rem;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900)}.nav-item.active{background:#3b82f6;background:var(--primary);color:#fff}.nav-icon{flex-shrink:0;height:20px;width:20px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{background:#fff;border-radius:1rem;color:#3b82f6;color:var(--primary);flex-shrink:0;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.nav-item.active .nav-badge{background:#fff3;color:#fff}.collapsed .nav-badge,.collapsed .nav-label{display:none}.collapsed .nav-item{justify-content:center;padding:.875rem}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem}.footer-info{text-align:center}.footer-text{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.footer-link{color:#3b82f6;color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none}.footer-link:hover{text-decoration:underline}.main-content{display:flex;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px;margin-left:var(--sidebar-collapsed-width)}.dropshipper-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;height:70px;height:var(--header-height);justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left{align-items:center;display:flex;gap:1.5rem}.page-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.store-link{align-items:center;background:#3b82f6;background:var(--primary);border-radius:.5rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.store-link:hover{background:#2563eb;background:var(--primary-dark);transform:translateY(-1px)}.header-right{gap:1rem}.header-notification{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;position:relative;transition:all .2s}.header-notification:hover{background:#f3f4f6;background:var(--gray-100)}.header-icon{color:#4b5563;color:var(--gray-600);height:20px;width:20px}.notification-dot{background:#ef4444;background:var(--danger);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:.5rem;top:.5rem;width:8px}.header-user{position:relative}.user-button{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s}.user-button:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.user-avatar{align-items:center;background:#3b82f6;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-email{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}.user-role{color:#6b7280;color:var(--gray-500);font-size:.75rem}.user-chevron{color:#9ca3af;color:var(--gray-400);height:16px;width:16px}.user-menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem)}.menu-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s;width:100%}.menu-item:hover{background:#f9fafb;background:var(--gray-50)}.menu-item-danger{color:#ef4444;color:var(--danger)}.menu-item-danger:hover{background:#fef2f2}.content-area{flex:1 1;overflow-y:auto;padding:2rem}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-content{flex:1 1}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.stat-value{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700}.stat-icon{height:48px;opacity:.2;width:48px}.stat-blue .stat-icon{color:#3b82f6}.stat-indigo .stat-icon{color:#6366f1}.stat-green .stat-icon{color:#10b981}.stat-purple .stat-icon{color:#8b5cf6}.search-filters-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.search-bar-container{display:flex;gap:1rem;margin-bottom:1rem}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#9ca3af;color:var(--gray-400);height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.75rem;font-size:.9375rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.action-btn,.filter-toggle-btn,.view-toggle-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.75rem;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.action-btn:hover,.filter-toggle-btn:hover,.view-toggle-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-icon{height:20px;width:20px}.filter-active-badge{background:#3b82f6;background:var(--primary);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.filters-grid{grid-gap:1rem;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:1rem}.filter-input,.filter-select{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.9375rem;padding:.75rem;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-summary{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.filter-count{color:#4b5563;color:var(--gray-600);font-size:.875rem}.clear-filters-btn{background:none;border:none;border-radius:.5rem;color:#3b82f6;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;transition:all .2s}.clear-filters-btn:hover{background:#f9fafb;background:var(--gray-50)}.bulk-actions-bar{background:#3b82f6;background:var(--primary);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.bulk-actions-bar,.bulk-info{align-items:center;display:flex}.bulk-info{gap:1rem}.bulk-count{align-items:center;background:#fff;border-radius:50%;color:#3b82f6;color:var(--primary);display:flex;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;width:40px}.bulk-text{font-size:1rem;font-weight:500}.bulk-buttons{display:flex;gap:1rem}.bulk-add-btn,.bulk-clear-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.bulk-clear-btn{background:#fff3;color:#fff}.bulk-clear-btn:hover{background:#ffffff4d}.bulk-add-btn{background:#fff;color:#3b82f6;color:var(--primary)}.bulk-add-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.product-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;overflow:hidden;transition:all .3s}.product-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card.selected{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.product-image-wrapper{background:#f3f4f6;background:var(--gray-100);overflow:hidden;padding-top:75%;position:relative;width:100%}.product-image,.product-no-image{height:100%;left:0;position:absolute;top:0;width:100%}.product-no-image{align-items:center;display:flex;justify-content:center}.no-image-icon{color:#d1d5db;color:var(--gray-300);height:64px;width:64px}.product-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.product-card:hover .product-overlay{opacity:1}.overlay-btn{background:#fff;border:none;border-radius:.75rem;color:#111827;color:var(--gray-900);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.overlay-btn:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-checkbox{left:1rem;position:absolute;top:1rem;z-index:10}.product-checkbox input{accent-color:#3b82f6;accent-color:var(--primary);cursor:pointer;height:20px;width:20px}.stock-badge{background:#f59e0b;background:var(--warning);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.product-info{padding:1.25rem}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--gray-900);display:-webkit-box;font-size:1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden}.product-supplier{color:#6b7280;color:var(--gray-500)}.product-brand,.product-supplier{font-size:.875rem;margin-bottom:.75rem}.product-brand{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;gap:.5rem}.brand-icon{height:14px;width:14px}.product-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-badge,.subcategory-badge{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.category-badge{background:#dbeafe;color:#1e40af}.subcategory-badge{background:#f3e8ff;color:#6b21a8}.product-pricing{align-items:center;justify-content:space-between;margin-bottom:.75rem}.product-price{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700}.product-meta,.product-min-order{color:#6b7280;color:var(--gray-500);font-size:.75rem}.product-meta{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.product-add-btn,.product-catalogue-link{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;text-decoration:none;transition:all .2s}.product-add-btn{background:#3b82f6;background:var(--primary);border:none;color:#fff;margin-bottom:.5rem;width:100%}.product-add-btn:hover{background:#2563eb;background:var(--primary-dark);transform:translateY(-1px)}.product-catalogue-link{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.product-catalogue-link:hover{background:#e5e7eb;background:var(--gray-200)}.btn-icon-small{height:16px;width:16px}.products-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.product-list-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;display:flex;gap:1.5rem;padding:1.5rem;transition:all .2s}.product-list-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.product-list-item.selected{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.list-checkbox{accent-color:#3b82f6;accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:20px;width:20px}.list-image{object-fit:cover}.list-image,.list-no-image{border-radius:.75rem;flex-shrink:0;height:120px;width:120px}.list-no-image{align-items:center;background:#f3f4f6;background:var(--gray-100);display:flex;justify-content:center}.no-image-icon-small{color:#d1d5db;color:var(--gray-300);height:40px;width:40px}.list-content{flex:1 1;min-width:0}.list-header{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.list-title-section{flex:1 1;min-width:0}.list-product-name{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.list-supplier{color:#6b7280;color:var(--gray-500);font-size:.875rem}.list-price-section{text-align:right}.list-price{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.list-min-order{color:#6b7280;color:var(--gray-500);font-size:.875rem}.list-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.list-tag{background:#f3f4f6;background:var(--gray-100);border-radius:1rem;color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.list-tag.tag-category{background:#dbeafe;color:#1e40af}.list-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:.875rem;margin-bottom:1rem;overflow:hidden}.list-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-top:1rem}.list-meta{color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;gap:1.5rem}.list-actions{display:flex;gap:.75rem}.list-action-btn,.list-add-btn{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.list-action-btn{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.list-action-btn:hover{background:#e5e7eb;background:var(--gray-200)}.list-add-btn{background:#3b82f6;background:var(--primary);border:none;color:#fff}.list-add-btn:hover{background:#2563eb;background:var(--primary-dark)}.myproducts-tab{max-width:1600px}.myproducts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-title{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:700}.myproducts-actions{display:flex;gap:1rem}.myproducts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.myproduct-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;overflow:hidden;transition:all .3s}.myproduct-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.myproduct-image-wrapper{background:#f3f4f6;background:var(--gray-100);padding-top:60%;position:relative;width:100%}.myproduct-image{object-fit:cover}.myproduct-image,.myproduct-no-image{height:100%;left:0;position:absolute;top:0;width:100%}.myproduct-no-image{align-items:center;display:flex;justify-content:center}.myproduct-status-badge{background:#10b981;background:var(--success);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.myproduct-content{padding:1.5rem}.editable-field{margin-bottom:1rem}.field-label{color:#4b5563;color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.editable-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.9375rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.editable-input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.myproduct-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.tag-category{background:#dbeafe;color:#1e40af}.tag-brand{background:#f3e8ff;color:#6b21a8}.pricing-card{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;margin-bottom:1rem;padding:1rem}.pricing-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.pricing-row:last-child{margin-bottom:0}.pricing-label{color:#4b5563;color:var(--gray-600);font-size:.875rem}.pricing-label-bold{font-size:.875rem}.pricing-label-bold,.pricing-value{color:#111827;color:var(--gray-900);font-weight:600}.pricing-value{font-size:1rem}.pricing-value-large{color:#3b82f6;color:var(--primary);font-size:1.25rem;font-weight:700}.markup-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;font-weight:600;padding:.25rem .5rem;text-align:center;width:60px}.pricing-percent{color:#4b5563;color:var(--gray-600);font-weight:600;margin-left:.25rem}.pricing-total{border-top:1px solid #d1d5db;border-top:1px solid var(--gray-300);padding-top:.75rem}.pricing-profit{background:#d1fae5;border-radius:.5rem;display:flex;justify-content:space-between;margin-top:.75rem;padding:.75rem}.profit-label{color:#065f46;font-size:.875rem;font-weight:500}.profit-value{color:#065f46;font-size:1rem;font-weight:700}.myproduct-sku{color:#6b7280;color:var(--gray-500);font-family:monospace;font-size:.75rem;margin-bottom:1rem}.myproduct-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:space-around;margin-bottom:1rem;padding-top:1rem}.action-icon-btn{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.action-icon-btn:hover{background:#f3f4f6;background:var(--gray-100)}.action-icon{color:#4b5563;color:var(--gray-600);height:20px;width:20px}.action-icon.icon-success{color:#10b981;color:var(--success)}.action-icon-btn.action-danger:hover{background:#fef2f2}.action-icon-btn.action-danger .action-icon{color:#ef4444;color:var(--danger)}.myproduct-date{color:#6b7280;color:var(--gray-500);font-size:.75rem;text-align:center}.myproducts-list{display:flex;flex-direction:column;gap:1.5rem}.myproduct-list-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;padding:1.5rem;transition:all .2s}.myproduct-list-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.myproduct-list-content{display:flex;gap:1.5rem}.mylist-image{object-fit:cover}.mylist-image,.mylist-no-image{border-radius:.75rem;flex-shrink:0;height:150px;width:150px}.mylist-no-image{align-items:center;background:#f3f4f6;background:var(--gray-100);display:flex;justify-content:center}.mylist-details{flex:1 1;min-width:0}.mylist-header{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.mylist-title-section{flex:1 1;min-width:0}.mylist-name-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1.125rem;font-weight:600;margin-bottom:.5rem;padding:.5rem;width:100%}.mylist-action-buttons{display:flex;gap:.5rem}.mylist-action-btn{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.mylist-action-btn:hover{background:#e5e7eb;background:var(--gray-200)}.mylist-action-btn.mylist-danger:hover{background:#fef2f2}.action-icon-small{color:#4b5563;color:var(--gray-600);height:18px;width:18px}.action-icon-small.icon-success{color:#10b981;color:var(--success)}.mylist-action-btn.mylist-danger .action-icon-small{color:#ef4444;color:var(--danger)}.mylist-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.mylist-tag{background:#f3f4f6;background:var(--gray-100);border-radius:1rem;color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.mylist-tag.tag-category{background:#dbeafe;color:#1e40af}.mylist-sku{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700);font-family:monospace}.mylist-pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.mylist-price-box{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;padding:1rem}.mylist-price-box.mylist-selling{background:#dbeafe}.mylist-price-box.mylist-profit{background:#d1fae5}.price-box-label{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.price-box-value{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700}.price-selling{color:#1e40af}.price-profit{color:#065f46}.mylist-markup-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-weight:600;padding:.5rem;text-align:center;width:100%}.mylist-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;gap:1.5rem;padding-top:1rem}.analytics-tab{max-width:1400px}.analytics-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.analytics-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;padding:2rem;transition:all .3s}.analytics-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.analytics-header{display:flex;justify-content:space-between;margin-bottom:1rem}.analytics-icon{height:40px;width:40px}.analytics-trend{color:#10b981;color:var(--success);height:24px;width:24px}.analytics-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.analytics-value{color:#111827;color:var(--gray-900);font-size:2.25rem;font-weight:700}.analytics-category{font-size:1.5rem}.card-blue{border-left:4px solid #3b82f6}.card-green{border-left:4px solid #10b981}.card-purple{border-left:4px solid #8b5cf6}.card-orange{border-left:4px solid #f59e0b}.breakdown-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;margin-bottom:2rem;padding:2rem}.breakdown-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.breakdown-list{display:flex;flex-direction:column;gap:1rem}.breakdown-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.breakdown-item:hover{background:#f3f4f6;background:var(--gray-100)}.breakdown-left{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.breakdown-rank{align-items:center;background:#3b82f6;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.breakdown-info{flex:1 1;min-width:0}.breakdown-name{color:#111827;color:var(--gray-900);font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-category{color:#6b7280;color:var(--gray-500);font-size:.875rem}.breakdown-right{flex-shrink:0;text-align:right}.breakdown-profit{color:#10b981;color:var(--success);font-weight:700;margin-bottom:.25rem}.breakdown-markup{color:#6b7280;color:var(--gray-500);font-size:.875rem}.breakdown-empty{color:#9ca3af;color:var(--gray-400);padding:3rem;text-align:center}.breakdown-empty-icon{height:64px;margin:0 auto 1rem;width:64px}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.insight-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;padding:2rem}.insight-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.insight-icon{height:32px;width:32px}.icon-yellow{color:#f59e0b}.icon-green{color:#10b981}.insight-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700}.insight-list{list-style:none}.insight-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.insight-item:last-child{margin-bottom:0}.insight-bullet{border-radius:50%;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.bullet-green{background:#10b981}.bullet-blue{background:#3b82f6}.bullet-purple{background:#8b5cf6}.bullet-indigo{background:#6366f1}.bullet-pink{background:#ec4899}.bullet-orange{background:#f59e0b}.insight-item p{color:#374151;color:var(--gray-700);font-size:.9375rem;line-height:1.6}.insight-highlight{color:#3b82f6;color:var(--primary);font-weight:700}.store-tab{max-width:1000px}.store-settings-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;padding:2rem}.store-form{margin-top:2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.form-row-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column}.form-label{color:#374151;color:var(--gray-700);font-size:.875rem;margin-bottom:.5rem}.form-input,.form-textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background:#f3f4f6;background:var(--gray-100);cursor:not-allowed}.form-help,.form-input:disabled{color:#6b7280;color:var(--gray-500)}.form-help{font-size:.75rem;margin-top:.5rem}.store-url-preview{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;margin-top:1rem;padding:1rem}.url-preview-text{color:#4b5563;color:var(--gray-600);font-size:.875rem}.url-label{color:#374151;color:var(--gray-700);font-weight:600}.url-link{color:#3b82f6;color:var(--primary);font-weight:500;text-decoration:none;word-break:break-all}.url-link:hover{text-decoration:underline}.form-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:2rem;padding-top:2rem}.form-section-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:2rem;padding-top:2rem}.form-submit-btn{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .2s}.form-submit-btn:hover{background:#2563eb;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.modal-close{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.modal-close:hover{background:#f3f4f6;background:var(--gray-100)}.close-icon{color:#4b5563;color:var(--gray-600);height:24px;width:24px}.modal-body{overflow-y:auto;padding:2rem}.modal-preview{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.preview-content{display:flex;gap:1.5rem}.preview-image{object-fit:cover}.preview-image,.preview-no-image{border-radius:.5rem;flex-shrink:0;height:120px;width:120px}.preview-no-image{align-items:center;background:#e5e7eb;background:var(--gray-200);display:flex;justify-content:center}.preview-icon{color:#9ca3af;color:var(--gray-400);height:48px;width:48px}.preview-info{flex:1 1}.preview-name{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.preview-supplier{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-bottom:.75rem}.preview-price{color:#3b82f6;color:var(--primary);font-size:1rem;font-weight:600}.modal-section{margin-bottom:1.5rem}.section-subtitle{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600}.modal-field,.section-subtitle{margin-bottom:1rem}.modal-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.modal-input,.modal-textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s;width:100%}.modal-input:focus,.modal-textarea:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-input-disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500);cursor:not-allowed}.modal-pricing{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.markup-slider-container{align-items:center;display:flex;gap:1rem}.markup-slider{-webkit-appearance:none;background:#e5e7eb;background:var(--gray-200);border-radius:4px;flex:1 1;height:8px;outline:none}.markup-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;background:var(--primary);border-radius:50%;cursor:pointer;height:20px;width:20px}.markup-slider::-moz-range-thumb{background:#3b82f6;background:var(--primary);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.markup-input-group{align-items:center;display:flex;gap:.25rem}.markup-number-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-weight:600;padding:.5rem;text-align:center;width:80px}.markup-percent{color:#4b5563;color:var(--gray-600);font-weight:600}.pricing-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.summary-item{background:#fff;border-radius:.5rem;padding:1rem;text-align:center}.summary-label{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.summary-value{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700}.summary-selling{color:#3b82f6;color:var(--primary)}.summary-profit{color:#10b981;color:var(--success)}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.modal-actions-split{justify-content:space-between}.modal-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.modal-btn-primary{background:#3b82f6;background:var(--primary);color:#fff}.modal-btn-primary:hover{background:#2563eb;background:var(--primary-dark)}.modal-btn-primary:disabled{background:#d1d5db;background:var(--gray-300);cursor:not-allowed}.modal-btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.modal-btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.modal-btn-danger{background:#ef4444;background:var(--danger);color:#fff}.modal-btn-danger:hover{background:#dc2626}.bulk-info-section{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.bulk-info-text{color:#111827;color:var(--gray-900);font-size:1rem;margin-bottom:.5rem}.bulk-count-highlight{color:#3b82f6;color:var(--primary);font-weight:700}.bulk-info-subtext{color:#4b5563;color:var(--gray-600);font-size:.875rem}.bulk-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;margin-top:1rem;padding:1rem}.bulk-note-text{color:#78350f;font-size:.875rem}.bulk-note-label{font-weight:700}.edit-preview{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.edit-image{object-fit:cover}.edit-image,.edit-no-image{border-radius:.75rem;flex-shrink:0;height:150px;width:150px}.edit-no-image{align-items:center;background:#e5e7eb;background:var(--gray-200);display:flex;justify-content:center}.edit-icon{color:#9ca3af;color:var(--gray-400);height:64px;width:64px}.edit-meta{flex:1 1}.edit-sku{color:#4b5563;color:var(--gray-600);font-family:monospace;font-size:.875rem;margin-bottom:.5rem}.edit-supplier{color:#6b7280;color:var(--gray-500);font-size:.875rem}.edit-fields{margin-bottom:1.5rem}.edit-pricing-summary{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.setup-icon-wrapper{margin-bottom:1.5rem;text-align:center}.setup-icon{color:#f59e0b;color:var(--warning);height:64px;margin:0 auto;width:64px}.setup-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.setup-text{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:2rem;text-align:center}.setup-actions{display:flex;gap:1rem;justify-content:center}.empty-state{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;padding:4rem 2rem}.empty-icon{color:#d1d5db;color:var(--gray-300);height:80px;margin:0 auto 1.5rem;width:80px}.empty-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.empty-text{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:1.5rem}.empty-btn,.empty-btn-primary{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.empty-btn{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.empty-btn:hover{background:#e5e7eb;background:var(--gray-200)}.empty-btn-primary{background:#3b82f6;background:var(--primary);color:#fff}.empty-btn-primary:hover{background:#2563eb;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pagination{gap:1rem;justify-content:center;margin-top:2rem}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.75rem;color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:all .2s;width:40px}.pagination-number:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.pagination-number.active{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.enterprise-loading{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#3b82f6;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.loading-text{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-top:1rem}.enterprise-auth-required{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-width:400px;padding:3rem;text-align:center;width:100%}.auth-card h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.auth-card p{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:2rem}@media (max-width:1200px){.main-content{margin-left:80px;margin-left:var(--sidebar-collapsed-width)}.dropshipper-sidebar{width:80px;width:var(--sidebar-collapsed-width)}.logo-text,.nav-badge,.nav-label,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:.875rem}}@media (max-width:992px){.content-area{padding:1.5rem}.quick-stats{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.myproducts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.insights-grid,.pricing-summary{grid-template-columns:1fr}}@media (max-width:768px){.dropshipper-sidebar{border:none;width:0}.main-content{margin-left:0}.dropshipper-header{padding:0 1rem}.header-left{flex:1 1}.page-title{font-size:1.25rem}.store-link,.user-info{display:none}.content-area{padding:1rem}.quick-stats{grid-template-columns:1fr}.search-bar-container{flex-wrap:wrap}.action-btn span,.filter-toggle-btn span{display:none}.products-grid{grid-template-columns:1fr}.product-list-item{flex-direction:column}.list-image,.list-no-image{height:200px;width:100%}.list-header{flex-direction:column}.list-price-section{text-align:left}.myproducts-grid{grid-template-columns:1fr}.myproduct-list-content{flex-direction:column}.mylist-image,.mylist-no-image{height:200px;width:100%}.mylist-header{flex-direction:column}.analytics-stats,.mylist-pricing-grid{grid-template-columns:1fr}.breakdown-item{align-items:flex-start;flex-direction:column;gap:.75rem}.breakdown-right{text-align:left}.form-row{grid-template-columns:1fr}.modal{border-radius:0;max-height:100vh;width:100%}.modal-body{padding:1.5rem}.preview-content{flex-direction:column}.preview-image,.preview-no-image{height:200px;width:100%}.edit-preview{flex-direction:column}.edit-image,.edit-no-image{height:200px;width:100%}.modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}.bulk-actions-bar,.setup-actions{flex-direction:column}.bulk-actions-bar{gap:1rem}.bulk-buttons{flex-direction:column;width:100%}.bulk-add-btn,.bulk-clear-btn{justify-content:center;width:100%}.pagination{flex-wrap:wrap}.pagination-btn span{display:none}}@media (max-width:480px){.stat-value{font-size:1.5rem}.stat-icon{height:36px;width:36px}.analytics-value{font-size:1.75rem}.section-title{font-size:1.5rem}.filters-grid{grid-template-columns:1fr}.mylist-footer{flex-direction:column;gap:.5rem}}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}@media print{.bulk-actions-bar,.dropshipper-header,.dropshipper-sidebar,.modal-overlay,.myproduct-actions,.pagination,.search-filters-card{display:none!important}.main-content{margin-left:0}.myproducts-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.myproduct-card,.product-card{break-inside:avoid;page-break-inside:avoid}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.visually-hidden{border:0}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary)}:root{--color-bg:#0a0a0a;--color-bg-secondary:#121212;--color-bg-tertiary:#1a1a1a;--color-bg-card:#1e1e1e;--color-text-primary:#f8f8f8;--color-text-secondary:#b0b0b0;--color-border:#333;--color-primary:#00e5ff;--color-primary-glow:#00e5ff40;--color-success:#0fa;--color-warning:#fc0;--color-error:#ff4d94;--shadow-sm:0 2px 8px #0006;--shadow-md:0 6px 20px #00000080;--shadow-lg:0 12px 40px #0009;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--transition:all 0.3s cubic-bezier(0.25,0.45,0.45,0.95)}body{background-color:#0a0a0a;background-color:var(--color-bg);color:#f8f8f8;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{background:#0a0a0a;background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px;width:100%}.menu-toggle{background:#0000;border:none;color:#f8f8f8;color:var(--color-text-primary);cursor:pointer;margin-right:16px;transition:all .3s cubic-bezier(.25,.45,.45,.95);transition:var(--transition)}.menu-toggle:hover{color:#00e5ff;color:var(--color-primary)}.header-title h1{background:linear-gradient(90deg,#fff,#00e5ff);background:linear-gradient(90deg,#fff,var(--color-primary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.4rem;font-weight:700}.header-right{align-items:center;display:flex;gap:16px}.user-info{color:#b0b0b0;color:var(--color-text-secondary);font-size:.95rem}.draft-badge{background:#00e5ff40;background:var(--color-primary-glow);border:1px solid #00e5ff4d;border-radius:20px;color:#00e5ff;color:var(--color-primary);font-size:.85rem;font-weight:600;padding:4px 10px}.app-layout{display:flex;flex:1 1;gap:24px;margin:0 auto;max-width:1400px;padding:24px;width:100%}.sidebar{background:#121212;background:var(--color-bg-secondary);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 6px 20px #00000080;box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:20px 0;transition:all .3s cubic-bezier(.25,.45,.45,.95);transition:var(--transition);width:240px}.sidebar.closed{overflow:hidden;padding:0;width:0}.nav-steps{display:flex;flex-direction:column;gap:8px}.nav-step{align-items:center;background:#0000;border:none;border-radius:0 12px 12px 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:#b0b0b0;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .3s cubic-bezier(.25,.45,.45,.95);transition:var(--transition);width:100%}.nav-step:hover{background:#00e5ff0d;color:#00e5ff;color:var(--color-primary)}.nav-step.active{background:linear-gradient(90deg,#00e5ff,#00b3cc);background:linear-gradient(90deg,var(--color-primary),#00b3cc);box-shadow:0 4px 12px #00e5ff40;box-shadow:0 4px 12px var(--color-primary-glow);color:#fff}.nav-step svg{flex-shrink:0}.main-content{background:#1e1e1e;background:var(--color-bg-card);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #0009;box-shadow:var(--shadow-lg);flex:1 1;padding:32px}.form-group{margin-bottom:24px}.form-label{color:#f8f8f8;color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#1a1a1a;background:var(--color-bg-tertiary);border:1px solid #333;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#f8f8f8;color:var(--color-text-primary);font-size:1rem;padding:14px 16px;transition:all .3s cubic-bezier(.25,.45,.45,.95);transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00e5ff;border-color:var(--color-primary);box-shadow:0 0 0 3px #00e5ff40;box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.form-textarea{min-height:100px;resize:vertical}.error-message{color:#ff4d94;color:var(--color-error);display:block;font-size:.875rem;margin-top:6px}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.25,.45,.45,.95);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#00e5ff,#00b3cc);background:linear-gradient(135deg,var(--color-primary),#00b3cc);box-shadow:0 4px 16px #00e5ff40;box-shadow:0 4px 16px var(--color-primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #00e5ff40;box-shadow:0 6px 20px var(--color-primary-glow);transform:translateY(-2px)}.btn-secondary{background:#1a1a1a;background:var(--color-bg-tertiary);border:1px solid #333;border:1px solid var(--color-border);color:#f8f8f8;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#00e5ff;border-color:var(--color-primary)}.btn-outline{background:#0000;border:1px solid #333;border:1px solid var(--color-border);color:#f8f8f8;color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){border-color:#00e5ff;border-color:var(--color-primary);color:#00e5ff;color:var(--color-primary)}.btn.loading,.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:currentcolor;height:18px;width:18px}.spinner.large{height:32px;width:32px}.info-card,.product-card,.template-card{background:#1a1a1a;background:var(--color-bg-tertiary);border:1px solid #333;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.25,.45,.45,.95);transition:var(--transition)}.info-card{padding:24px}.product-card,.template-card{cursor:pointer;position:relative}.product-card.selected,.template-card.selected{border:2px solid #00e5ff;border:2px solid var(--color-primary);box-shadow:0 0 0 2px #00e5ff33}.selected-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00e67833;border:1px solid #00e6784d;border-radius:50%;color:#0fa;color:var(--color-success);display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.products-grid,.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:16px}.product-image img,.template-preview img{display:block;height:160px;object-fit:cover;width:100%}.image-placeholder,.template-placeholder{align-items:center;background:#252525;color:#444;display:flex;height:160px;justify-content:center}.image-count{background:#0009;border-radius:12px;bottom:8px;color:#fff;font-size:.8rem;padding:2px 8px;position:absolute;right:8px}.product-customization{border-top:1px solid #333;border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.preview-container{background:#000;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #0009;box-shadow:var(--shadow-lg);margin:24px 0;overflow:hidden}.preview-iframe{background:#fff;border:none;height:600px;width:100%}.preview-actions{display:flex;gap:12px;margin-left:auto}.url-box{background:#1a1a1a;background:var(--color-bg-tertiary);border:1px solid #333;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);font-family:monospace;font-size:.95rem;padding:12px;word-break:break-all}.content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.content-header h2{background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.75rem;font-weight:800}.subtitle{color:#b0b0b0;color:var(--color-text-secondary);font-size:1rem;margin-top:4px}.notification{align-items:center;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 6px 20px #00000080;box-shadow:var(--shadow-md);display:flex;font-weight:600;gap:12px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1000}.notification-success{background:#00ffaa26;border:1px solid #00ffaa4d;color:#0fa;color:var(--color-success)}.notification-error{background:#ff4d9426;border:1px solid #ff4d944d;color:#ff4d94;color:var(--color-error)}.notification-warning{background:#ffcc0026;border:1px solid #ffcc004d;color:#fc0;color:var(--color-warning)}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;margin-left:auto}.app-footer{background:#0a0a0af2;border-top:1px solid #333;border-top:1px solid var(--color-border);bottom:0;padding:16px 24px;position:-webkit-sticky;position:sticky}.footer-content{gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-center,.footer-content{align-items:center;display:flex}.footer-center{color:#b0b0b0;color:var(--color-text-secondary);flex-direction:column}.current-step-label{font-size:.95rem;font-weight:600;margin-top:4px}.loading-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.loading-content{color:#fff;text-align:center}.empty-state{color:#b0b0b0;color:var(--color-text-secondary);padding:60px 20px;text-align:center}.empty-state svg{color:#444;margin-bottom:20px}.alert{background:#ffcc001a;border:1px solid #ffcc004d;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:16px;margin-bottom:24px;padding:20px}.alert svg{color:#fc0;color:var(--color-warning);flex-shrink:0}@media (max-width:768px){.app-layout{flex-direction:column;padding:16px}.sidebar{padding:12px 0;width:100%}.sidebar.closed{display:none}.main-content{padding:20px}.preview-iframe{height:400px}.footer-content{flex-direction:column;gap:12px}}.payment-page{align-items:center;background:#000;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:20px}.payment-container{animation:slideUp .4s ease-out;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:24px;box-shadow:0 20px 60px #ffffff0d;max-width:600px;padding:48px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-section,.processing-section{padding:40px 0;text-align:center}.spinner-large{animation:spin .8s linear infinite;border:4px solid #1a1a1a;border-radius:50%;border-top-color:#fff;height:80px;margin:0 auto 32px;width:80px}.loading-section h2,.processing-section h2{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.loading-section p,.processing-section p{color:grey;font-size:16px;line-height:1.6}.payment-note{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:12px;color:#666;font-size:14px;margin-top:24px;padding:16px}.success-section{padding:20px 0;text-align:center}.success-icon-large{animation:scaleIn .5s ease-out;margin:0 auto 32px}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-icon-large svg{filter:drop-shadow(0 4px 20px rgba(16,185,129,.3))}.success-title{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:32px}.order-number-box{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border:2px solid #10b981;border-radius:16px;box-shadow:0 0 30px #10b98133;margin-bottom:32px;padding:24px}.order-number-box p{color:grey;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.order-number-box h2{color:#10b981;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:1px}.payment-summary-box{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.payment-summary-box h3{border-bottom:1px solid #1a1a1a;color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:16px}.summary-row{align-items:center;border-bottom:1px solid #0a0a0a;padding:12px 0}.summary-row:last-child{border-bottom:none;margin-top:4px;padding-top:16px}.summary-row span:first-child{color:#999;font-size:15px}.summary-row .amount{color:#fff;font-family:Courier New,monospace;font-size:16px;font-weight:600}.summary-row .amount.success{color:#10b981;font-size:18px;font-weight:700}.success-message{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:12px;color:#b3b3b3;font-size:15px;line-height:1.7;margin-bottom:32px;padding:20px}.error-section{padding:20px 0;text-align:center}.error-icon-large{animation:shake .5s ease-out;margin:0 auto 32px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon-large svg{filter:drop-shadow(0 4px 20px rgba(239,68,68,.3))}.error-title{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:24px}.error-message{background:#1a0a0a;border:1px solid #2a1a1a;border-radius:12px;color:#ef4444;font-size:16px;line-height:1.7;margin-bottom:32px;padding:20px}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.btn-primary{background:#fff;box-shadow:0 4px 20px #fff3;color:#000}.btn-primary:hover{background:#f0f0f0;box-shadow:0 6px 30px #ffffff4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000;border:2px solid #333;color:#fff}.btn-secondary:hover{background:#1a1a1a;border-color:#4d4d4d;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.payment-container{border-radius:20px;padding:32px 24px}.error-title,.success-title{font-size:26px}.loading-section h2,.processing-section h2{font-size:24px}.order-number-box h2{font-size:20px}.payment-summary-box{padding:20px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.spinner-large{height:60px;width:60px}.error-icon-large svg,.success-icon-large svg{height:80px;width:80px}}@media (max-width:480px){.payment-page{padding:16px}.payment-container{padding:24px 16px}.error-title,.success-title{font-size:22px}.order-number-box{padding:20px}.payment-summary-box{padding:16px}.summary-row{padding:10px 0}.summary-row span:first-child{font-size:14px}.summary-row .amount{font-size:15px}}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}::selection{background:#fff;color:#000}::-moz-selection{background:#fff;color:#000}:root{--bg-cream:#fcf9f6;--bg-warm-white:#fff9f0;--bg-paper:#fffbf7;--accent-coral:#e87a5d;--accent-coral-dark:#d66a4d;--accent-terracotta:#c65d42;--text-primary:#2d2926;--text-secondary:#8c8681;--text-muted:#b8b3ae;--border-subtle:#8c868126;--shadow-soft:0 10px 40px #e87a5d14;--shadow-medium:0 20px 60px #e87a5d1f;--shadow-strong:0 30px 80px #e87a5d2e}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#2d2926;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.policy-container,body{background:#fcf9f6;background:var(--bg-cream)}.policy-container{min-height:100vh;position:relative}.policy-header{background:linear-gradient(135deg,#fff9f0,#fcf9f6 30%,#fff5eb 60%,#fcf9f6);border-bottom:2px solid #8c868126;border-bottom:2px solid var(--border-subtle);padding:clamp(80px,15vh,140px) 5% clamp(60px,10vh,100px);position:relative;text-align:center}.policy-header:before{background-image:radial-gradient(circle at 20% 30%,#e87a5d08 0,#0000 50%),radial-gradient(circle at 80% 70%,#e87a5d0a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.policy-header-content{margin:0 auto;max-width:900px;position:relative}.header-icon{align-items:center;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:50%;box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);display:inline-flex;height:clamp(70px,12vw,100px);justify-content:center;margin-bottom:clamp(1.5rem,3vh,2.5rem);width:clamp(70px,12vw,100px)}.header-icon svg{color:#e87a5d;color:var(--accent-coral);height:clamp(35px,6vw,50px);width:clamp(35px,6vw,50px)}.policy-header h1{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:clamp(1rem,2vh,1.5rem)}.policy-subtitle{color:#8c8681;color:var(--text-secondary);font-size:clamp(1.05rem,2.5vw,1.3rem);font-weight:400;line-height:1.6;margin:0 auto clamp(1.5rem,3vh,2rem);max-width:680px}.policy-meta{align-items:center;color:#b8b3ae;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:600;gap:clamp(.8rem,2vw,1.2rem);justify-content:center}.policy-meta .separator{color:#8c868126;color:var(--border-subtle)}.policy-content-wrapper{margin:0 auto;max-width:1200px;padding:0 5%}.policy-introduction{background:#fff;padding:clamp(50px,10vh,80px) 0}.intro-box{background:#fff9f0;background:var(--bg-warm-white);border:1px solid #8c868126;border-left:4px solid #e87a5d;border:1px solid var(--border-subtle);border-left:4px solid var(--accent-coral);border-radius:clamp(12px,2.5vw,20px);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);padding:clamp(24px,4vw,40px)}.intro-box p{color:#2d2926;color:var(--text-primary);font-size:clamp(1rem,2vw,1.15rem);font-weight:400;line-height:1.8}.policy-toc{background:#fcf9f6;background:var(--bg-cream);padding:clamp(50px,10vh,80px) 0}.policy-toc h2{color:#2d2926;color:var(--text-primary);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:400;letter-spacing:-.01em;line-height:1.2;margin-bottom:clamp(1.5rem,3vh,2.5rem);text-align:center}.toc-list{grid-gap:clamp(.8rem,2vw,1.2rem);display:grid;gap:clamp(.8rem,2vw,1.2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.toc-link{align-items:center;background:#fff;border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(10px,2vw,14px);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);color:#2d2926;color:var(--text-primary);display:flex;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;gap:clamp(12px,2.5vw,16px);padding:clamp(14px,3vw,18px) clamp(18px,3.5vw,24px);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{border-color:#e87a5d;border-color:var(--accent-coral);box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.toc-link:hover,.toc-num{color:#e87a5d;color:var(--accent-coral)}.toc-num{align-items:center;background:#fff9f0;background:var(--bg-warm-white);border-radius:50%;display:flex;flex-shrink:0;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:800;height:clamp(32px,6vw,42px);justify-content:center;width:clamp(32px,6vw,42px)}.toc-link:hover .toc-num{background:#e87a5d;background:var(--accent-coral);color:#fff}.policy-sections{background:#fff;padding:clamp(50px,10vh,80px) 0}.policy-section{background:#fffbf7;background:var(--bg-paper);border:1px solid #8c868126;border:1px solid var(--border-subtle);border-radius:clamp(16px,3vw,24px);box-shadow:0 10px 40px #e87a5d14;box-shadow:var(--shadow-soft);margin-bottom:clamp(2rem,4vh,3rem);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.policy-section:hover{box-shadow:0 20px 60px #e87a5d1f;box-shadow:var(--shadow-medium)}.section-header{background:#fff;border-bottom:1px solid #0000;padding:clamp(20px,4vw,30px);transition:all .3s ease}.section-header:hover{background:#fff9f0;background:var(--bg-warm-white);border-bottom-color:#8c868126;border-bottom-color:var(--border-subtle)}.section-title-group{align-items:center;display:flex;flex:1 1;gap:clamp(14px,3vw,20px)}.section-icon{background:#fff9f0;background:var(--bg-warm-white);border-radius:clamp(10px,2vw,14px);height:clamp(45px,8vw,60px);transition:all .3s ease;width:clamp(45px,8vw,60px)}.section-icon svg{color:#e87a5d;color:var(--accent-coral);height:clamp(22px,4vw,30px);width:clamp(22px,4vw,30px)}.section-header:hover .section-icon{background:#e87a5d;background:var(--accent-coral);transform:scale(1.05)}.section-header:hover .section-icon svg{color:#fff}.section-header h2{color:#2d2926;color:var(--text-primary);font-family:Inter,sans-serif;font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-.01em;line-height:1.3}.toggle-btn{align-items:center;background:#fff9f0;background:var(--bg-warm-white);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:clamp(36px,7vw,44px);justify-content:center;transition:all .3s ease;width:clamp(36px,7vw,44px)}.toggle-btn:hover{background:#e87a5d;background:var(--accent-coral);transform:rotate(180deg)}.toggle-btn:hover svg{color:#fff}.toggle-btn svg{color:#e87a5d;color:var(--accent-coral);height:clamp(20px,4vw,24px);transition:color .3s ease;width:clamp(20px,4vw,24px)}.section-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.section-body.open{max-height:10000px;transition:max-height 1s cubic-bezier(.4,0,.2,1)}.body-text{background:#fff;padding:clamp(24px,4vw,40px)}.body-text p{color:#2d2926;color:var(--text-primary);font-size:clamp(.95rem,2vw,1.05rem);font-weight:400;line-height:1.8;margin-bottom:clamp(1rem,2vh,1.5rem)}.body-text p:last-child{margin-bottom:0}.body-text p strong{color:#2d2926;color:var(--text-primary);font-weight:700}.policy-footer{background:#2d2926;background:var(--text-primary);border-top:2px solid #8c868126;border-top:2px solid var(--border-subtle);color:#fff;padding:clamp(60px,12vh,100px) 5% clamp(40px,8vh,60px)}.footer-grid{grid-gap:clamp(2rem,5vw,3.5rem);display:grid;gap:clamp(2rem,5vw,3.5rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:clamp(2.5rem,5vh,3.5rem);margin-left:auto;margin-right:auto;max-width:1200px}.footer-col h3{color:#fff;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:400;letter-spacing:-.01em;margin-bottom:clamp(.8rem,2vh,1.2rem)}.footer-col p{color:#ffffffb3;font-size:clamp(.9rem,1.8vw,1rem);font-weight:400;line-height:1.7}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:clamp(.5rem,1.5vh,.8rem)}.footer-col ul li a{color:#ffffffb3;display:inline-block;font-size:clamp(.9rem,1.8vw,1rem);font-weight:500;text-decoration:none;transition:all .3s ease}.footer-col ul li a:hover{color:#e87a5d;color:var(--accent-coral);transform:translateX(4px)}.footer-bar{border-top:1px solid #ffffff26;padding-top:clamp(1.5rem,3vh,2.5rem);text-align:center}.footer-bar p{color:#fff9;font-size:clamp(.85rem,1.8vw,.95rem);font-weight:500}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#fcf9f6;background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#e87a5d;background:var(--accent-coral);border:2px solid #fcf9f6;border:2px solid var(--bg-cream);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#d66a4d;background:var(--accent-coral-dark)}*{scrollbar-color:#e87a5d #fcf9f6;scrollbar-color:var(--accent-coral) var(--bg-cream);scrollbar-width:thin}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible{border-radius:4px;outline:2px solid #e87a5d;outline:2px solid var(--accent-coral);outline-offset:2px}::selection{background:#e87a5d;background:var(--accent-coral)}::-moz-selection{background:#e87a5d;background:var(--accent-coral)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.policy-section{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;animation-delay:0s;animation-delay:calc(var(--section-index, 0)*.1s)}.intro-box{animation:fadeIn .8s ease-in-out}.policy-skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fff9f0,#e87a5d14 50%,#fff9f0);background:linear-gradient(90deg,var(--bg-warm-white) 0,#e87a5d14 50%,var(--bg-warm-white) 100%);background-size:200% 100%;border-radius:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.policy-skeleton-header{height:120px;margin-bottom:20px;width:100%}.policy-skeleton-text{height:20px;margin-bottom:12px;width:100%}.policy-skeleton-text-short{width:70%}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.no-scroll{overflow:hidden}.smooth-scroll{scroll-behavior:smooth}@media (max-width:1024px){.policy-header{padding:clamp(60px,12vh,100px) 5% clamp(50px,8vh,80px)}.toc-list{gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer-grid{gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.policy-header h1{font-size:clamp(2.2rem,7vw,3.5rem)}.policy-subtitle{font-size:clamp(1rem,2.2vw,1.15rem)}.header-icon{height:clamp(60px,10vw,80px);width:clamp(60px,10vw,80px)}.header-icon svg{height:clamp(30px,5vw,40px);width:clamp(30px,5vw,40px)}.policy-meta{font-size:clamp(.8rem,1.6vw,.9rem);gap:clamp(.6rem,1.5vw,1rem)}.toc-list{gap:.8rem;grid-template-columns:1fr}.toc-link{padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px)}.section-header{flex-wrap:wrap;gap:12px;padding:clamp(16px,3vw,24px)}.section-title-group{gap:clamp(12px,2.5vw,16px)}.section-icon{height:clamp(40px,7vw,50px);width:clamp(40px,7vw,50px)}.section-icon svg{height:clamp(20px,3.5vw,26px);width:clamp(20px,3.5vw,26px)}.section-header h2{font-size:clamp(1.05rem,2.2vw,1.3rem)}.body-text{padding:clamp(20px,3.5vw,32px)}.body-text p{font-size:clamp(.9rem,1.9vw,1rem);margin-bottom:clamp(.9rem,1.8vh,1.3rem)}.footer-grid{gap:clamp(1.8rem,4vh,2.5rem);grid-template-columns:1fr}.footer-col{text-align:center}.policy-footer{padding:clamp(50px,10vh,80px) 5% clamp(35px,7vh,50px)}}@media (max-width:640px){.policy-header{padding:clamp(50px,10vh,80px) 5% clamp(40px,7vh,60px)}.policy-header h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:clamp(.8rem,1.5vh,1.2rem)}.policy-subtitle{font-size:clamp(.95rem,2vw,1.1rem);margin-bottom:clamp(1.2rem,2.5vh,1.8rem)}.header-icon{height:60px;margin-bottom:clamp(1.2rem,2.5vh,2rem);width:60px}.header-icon svg{height:30px;width:30px}.policy-toc h2{font-size:clamp(1.6rem,4.5vw,2.2rem)}.toc-link{font-size:clamp(.85rem,1.6vw,.95rem)}.toc-num{font-size:clamp(.8rem,1.6vw,.9rem);height:36px;width:36px}.policy-section{border-radius:clamp(12px,2.5vw,18px);margin-bottom:clamp(1.5rem,3vh,2.5rem)}.section-header{padding:16px}.section-title-group{flex:1 1;gap:12px;min-width:0}.section-icon{height:44px;width:44px}.section-icon svg{height:22px;width:22px}.section-header h2{font-size:clamp(1rem,2vw,1.2rem);line-height:1.4}.toggle-btn{height:40px;width:40px}.toggle-btn svg{height:20px;width:20px}.body-text{padding:20px}.body-text p{font-size:.95rem;line-height:1.7;margin-bottom:1rem}.intro-box{border-radius:12px;padding:20px}.intro-box p{font-size:clamp(.95rem,1.9vw,1.05rem)}.footer-col h3{font-size:clamp(1.2rem,2.8vw,1.4rem)}.footer-col p,.footer-col ul li a{font-size:clamp(.85rem,1.7vw,.95rem)}.footer-bar p{font-size:clamp(.8rem,1.6vw,.9rem)}}@media (max-width:480px){.policy-header h1{font-size:2rem;line-height:1.15}.policy-subtitle{font-size:.95rem}.header-icon{height:55px;width:55px}.header-icon svg{height:28px;width:28px}.policy-meta{flex-direction:column;gap:.4rem}.policy-meta .separator{display:none}.policy-introduction,.policy-sections,.policy-toc{padding:clamp(40px,8vh,60px) 0}.toc-link{gap:10px;padding:12px 16px}.toc-num{font-size:.8rem;height:32px;width:32px}.section-header{padding:14px}.section-title-group{gap:10px}.section-icon{border-radius:8px;height:40px;width:40px}.section-header h2{font-size:1rem}.toggle-btn{height:36px;width:36px}.body-text,.intro-box{padding:18px}.footer-grid{gap:2rem}.policy-footer{padding:50px 5% 35px}}@media (hover:none) and (pointer:coarse){.footer-col ul li a:hover,.section-header:hover,.toc-link:hover,.toggle-btn:hover{transform:none}.toc-link:active{transform:scale(.98)}.toggle-btn:active{transform:scale(.95)}}@media print{.policy-header{background:#fff;padding:40px 0}.header-icon,.policy-header:before,.policy-meta,.toggle-btn{display:none}.section-body{display:block!important;max-height:none!important}.policy-section{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}.section-header{background:#f9f9f9;border-bottom:1px solid #ddd}.policy-footer{display:none}.toc-link{page-break-inside:avoid}.policy-container,body{background:#fff}}@media (prefers-contrast:high){:root{--border-subtle:#0000004d;--shadow-soft:0 4px 8px #00000026}.intro-box,.policy-section,.toc-link{border-width:2px}}@media (prefers-reduced-transparency:reduce){.header-icon,.section-icon,.toc-num,.toggle-btn{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:768px) and (orientation:landscape){.policy-header{padding:clamp(40px,8vh,60px) 5% clamp(30px,6vh,50px)}.policy-header h1{font-size:clamp(2rem,5vw,2.8rem)}.header-icon{height:55px;margin-bottom:1rem;width:55px}}.footer-col ul li a:focus,.section-header:focus,.toc-link:focus,.toggle-btn:focus{outline:3px solid #e87a5d;outline:3px solid var(--accent-coral);outline-offset:3px}.skip-to-content{background:#e87a5d;background:var(--accent-coral);border-radius:0 0 8px 0;color:#fff;font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:10000}.skip-to-content:focus{top:0}.section-body{transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease}.section-body:not(.open){opacity:0;padding:0}.section-body.open{opacity:1}html.smooth-scroll{scroll-padding-top:80px}.policy-section:target{animation:highlight 2s ease-in-out}@keyframes highlight{0%,to{background:#fffbf7;background:var(--bg-paper)}50%{background:#fff9f0;background:var(--bg-warm-white)}}.tracking-page{background:#000;min-height:100vh;overflow-x:hidden;padding:2rem 1rem;position:relative}.tracking-page:before{background:radial-gradient(circle at 20% 30%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 80% 70%,#6366f126 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.tracking-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.search-form-container{background:linear-gradient(145deg,#0a0a0a,#000);border:1px solid #8b5cf633;border-radius:24px;box-shadow:0 0 80px #8b5cf64d,inset 0 1px 0 #ffffff1a;margin:4rem auto;max-width:600px;overflow:hidden;padding:3rem;position:relative;text-align:center}.search-form-container:before{background:linear-gradient(90deg,#0000,#8b5cf680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.search-form-header{margin-bottom:2.5rem}.search-icon-large{align-items:center;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;box-shadow:0 0 60px #8b5cf699,0 0 100px #6366f166;display:inline-flex;height:100px;justify-content:center;margin-bottom:1.5rem;width:100px}@keyframes glow{0%,to{box-shadow:0 0 60px #8b5cf699,0 0 100px #6366f166}50%{box-shadow:0 0 80px #8b5cf6cc,0 0 120px #6366f199}}.search-icon-large svg{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.search-form-header h1{color:#fff;font-size:2rem;font-weight:800;margin:0 0 .75rem;text-shadow:0 0 30px #8b5cf680}.search-form-header p{color:#9ca3af;font-size:1.05rem;line-height:1.6;margin:0}.order-search-form{margin-bottom:2rem}.search-input-group{align-items:center;display:flex;margin-bottom:1rem;position:relative}.search-input-group svg{color:#8b5cf6;left:1.25rem;pointer-events:none;position:absolute;z-index:2}.search-input-field{background:#0a0a0a;border:2px solid #8b5cf64d;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;outline:none;padding:1rem 1rem 1rem 3.5rem;transition:all .3s ease;width:100%}.search-input-field:focus{background:#000;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633,0 0 30px #8b5cf666}.search-input-field:disabled{background:#0a0a0a;cursor:not-allowed;opacity:.6}.search-input-field::placeholder{color:#4b5563}.search-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.875rem 1rem}.search-error svg{flex-shrink:0}.btn-search{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;box-shadow:0 0 40px #8b5cf680;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.btn-search:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-search:hover:not(:disabled):before{left:100%}.btn-search:hover:not(:disabled){box-shadow:0 0 60px #8b5cf6b3;transform:translateY(-2px)}.btn-search:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-search svg{flex-shrink:0}.search-help{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;text-align:left}.search-help svg{color:#6366f1;flex-shrink:0;margin-top:.25rem}.search-help h4{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .75rem}.search-help ul{margin:0;padding-left:1.25rem}.search-help li{color:#9ca3af;font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.search-help li:last-child{margin-bottom:0}.tracking-header{align-items:center;background:linear-gradient(145deg,#0a0a0a,#000);border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 0 60px #8b5cf633,inset 0 1px 0 #ffffff0d;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.header-content{flex:1 1;text-align:center}.header-content h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 30px #8b5cf680}.order-number{color:#8b5cf6;font-size:1rem;font-weight:600;margin:.5rem 0 0;text-shadow:0 0 20px #8b5cf680}.btn-back,.btn-refresh{align-items:center;background:#8b5cf60d;border:1px solid #8b5cf64d;border-radius:10px;color:#8b5cf6;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.btn-back:hover,.btn-refresh:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf64d;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.4}.btn-refresh.refreshing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tracking-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr}.tracking-sidebar{background:linear-gradient(145deg,#0a0a0a,#000);border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 0 60px #8b5cf633,inset 0 1px 0 #ffffff0d;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.sidebar-header{align-items:center;border-bottom:2px solid #8b5cf633;display:flex;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem}.sidebar-header svg{color:#8b5cf6;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.sidebar-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.order-stages{display:flex;flex-direction:column;gap:0}.stage-item{display:flex;gap:1rem;padding-bottom:2rem;position:relative}.stage-item:last-child{padding-bottom:0}.stage-icon-wrapper{flex-direction:column}.stage-icon,.stage-icon-wrapper{align-items:center;display:flex;position:relative}.stage-icon{background:#0a0a0a;border:3px solid #4b55634d;border-radius:50%;color:#4b5563;height:48px;justify-content:center;transition:all .4s ease;width:48px;z-index:2}.stage-item.completed .stage-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf699;color:#fff}.stage-item.current .stage-icon{animation:pulse 2s infinite;background:#000;border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf699,inset 0 0 20px #8b5cf633;color:#8b5cf6}@keyframes pulse{0%,to{box-shadow:0 0 30px #8b5cf699,inset 0 0 20px #8b5cf633}50%{box-shadow:0 0 50px #8b5cf6cc,inset 0 0 30px #8b5cf64d}}.stage-line{background:#4b55634d;height:calc(100% + 2rem);left:50%;position:absolute;top:48px;transform:translateX(-50%);transition:background .4s ease;width:3px}.stage-line.completed{background:linear-gradient(180deg,#8b5cf6,#6366f1);box-shadow:0 0 10px #8b5cf680}.stage-content{flex:1 1;padding-top:.5rem}.stage-content h4{color:#9ca3af;font-size:1rem;font-weight:600;margin:0 0 .25rem}.stage-content p{color:#6b7280;font-size:.85rem;margin:0}.stage-item.completed .stage-content h4{color:#8b5cf6}.stage-item.current .stage-content h4{color:#fff;font-weight:700}.current-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;box-shadow:0 0 20px #8b5cf680;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.order-cancelled-status{padding:2rem 1rem;text-align:center}.order-cancelled-status svg{filter:drop-shadow(0 0 10px rgba(239,68,68,.5));margin-bottom:1rem}.order-cancelled-status h4{color:#ef4444;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.order-cancelled-status p{color:#9ca3af;margin:0}.status-summary{border-top:2px solid #8b5cf633;margin-top:2rem;padding-top:2rem}.summary-item{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.summary-item span:first-child{color:#9ca3af;font-size:.9rem;font-weight:500}.status-badge{border:1.5px solid;border-radius:20px;font-size:.8rem;font-weight:600;padding:.4rem .9rem;text-transform:capitalize}.tracking-main{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:linear-gradient(145deg,#0a0a0a,#000);border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 0 60px #8b5cf626,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:2rem;position:relative}.info-card:before{background:linear-gradient(90deg,#0000,#8b5cf680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-title{align-items:center;border-bottom:2px solid #8b5cf633;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;padding-bottom:1rem}.card-title svg{color:#8b5cf6;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:flex-start;display:flex;gap:1rem}.info-icon{color:#8b5cf6;filter:drop-shadow(0 0 5px rgba(139,92,246,.5));flex-shrink:0;margin-top:.25rem}.info-label{color:#9ca3af;font-size:.85rem;font-weight:500;margin:0 0 .25rem}.info-value{color:#fff;font-size:.95rem;font-weight:600;margin:0}.product-details{align-items:flex-start;display:flex;gap:1.5rem}.product-image{border:2px solid #8b5cf64d;border-radius:12px;box-shadow:0 0 30px #8b5cf64d;height:120px;object-fit:cover;width:120px}.product-info{flex:1 1}.product-info h4{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 .5rem}.product-sku{color:#8b5cf6;font-size:.85rem;margin:0 0 1rem}.product-pricing{display:flex;flex-direction:column;gap:.5rem}.product-pricing p{color:#9ca3af;font-size:.95rem;margin:0}.product-pricing strong{color:#fff;font-weight:700}.address-content{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:10px;padding:1rem}.address-content p{color:#e5e7eb;font-size:.95rem;line-height:1.6;margin:.25rem 0}.notes-content{background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:10px;padding:1rem}.notes-content p{color:#fbbf24;font-size:.95rem;line-height:1.6;margin:0}.payment-summary .summary-details{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;padding:1.5rem}.summary-row{display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 0}.summary-row:not(:last-child){border-bottom:1px solid #8b5cf61a}.summary-row span:first-child{color:#9ca3af;font-weight:500}.summary-row span:last-child{color:#fff;font-weight:600}.summary-row.discount span:last-child{color:#10b981}.summary-row.total{border-top:2px solid #8b5cf64d;font-size:1.15rem;margin-top:.5rem;padding-top:1rem}.summary-row.total span{font-weight:700}.summary-row.total span:last-child{color:#8b5cf6;text-shadow:0 0 20px #8b5cf680}.help-section{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.help-section svg{color:#6366f1;filter:drop-shadow(0 0 5px rgba(99,102,241,.5));flex-shrink:0;margin-top:.25rem}.help-section h4{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem}.help-section p{color:#9ca3af;font-size:.9rem;line-height:1.6;margin:0}.tracking-error,.tracking-loading{align-items:center;background:linear-gradient(145deg,#0a0a0a,#000);border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 0 80px #8b5cf64d,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem;text-align:center}.tracking-error h2,.tracking-loading h3{color:#fff;font-size:1.5rem;font-weight:700;margin:1.5rem 0 .5rem;text-shadow:0 0 30px #8b5cf680}.tracking-error p,.tracking-loading p{color:#9ca3af;font-size:1rem;margin:0}.spinner{animation:spin 1s linear infinite;color:#8b5cf6;filter:drop-shadow(0 0 20px rgba(139,92,246,.8))}.btn-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;box-shadow:0 0 40px #8b5cf680;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-top:1.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 0 60px #8b5cf6b3;transform:translateY(-2px)}@media (max-width:1024px){.tracking-content{grid-template-columns:1fr}.tracking-sidebar{position:static}}@media (max-width:768px){.tracking-page{padding:1rem .5rem}.search-form-container{margin:2rem auto;padding:2rem 1.5rem}.search-form-header h1{font-size:1.5rem}.search-icon-large{height:80px;width:80px}.search-icon-large svg{height:48px;width:48px}.tracking-header{flex-direction:column;padding:1rem}.header-content h1{font-size:1.5rem}.btn-back,.btn-refresh{justify-content:center;width:100%}.info-card,.tracking-sidebar{padding:1.5rem}.info-grid{grid-template-columns:1fr}.product-details{flex-direction:column}.product-image{height:200px;width:100%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.tracking-notification{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.tracking-notification-success{background:#10b981;color:#fff}.tracking-notification-error{background:#ef4444;color:#fff}.tracking-notification button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;margin-left:8px;padding:0}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.shipping-tracking-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none!important;color:#fff}.shipping-tracking-card .card-title{color:#fff}.shipping-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.shipping-info-item{display:flex;flex-direction:column;gap:6px}.shipping-label{font-size:13px;font-weight:500;opacity:.9}.shipping-value{font-size:15px;font-weight:600}.awb-display{align-items:center;display:flex;gap:8px}.awb-code{background:#fff3;border-radius:6px;font-family:Courier New,monospace;font-size:14px;padding:6px 12px}.btn-copy-small{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px;transition:all .2s}.btn-copy-small:hover{background:#ffffff4d}.status-badge-inline{background:#fff3;border-radius:20px;display:inline-block;font-size:13px;padding:4px 12px}.tracking-loading-state{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.tracking-details{border-top:1px solid #fff3;margin-top:20px;padding-top:20px}.current-tracking-status{align-items:flex-start;background:#ffffff26;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.current-tracking-status h4{font-size:18px;margin:0 0 6px}.current-tracking-status p{font-size:14px;margin:0;opacity:.9}.btn-track-external{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-track-external:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-toggle-tracking{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px;transition:all .2s;width:100%}.btn-toggle-tracking:hover{background:#ffffff26}.btn-toggle-tracking span{transition:transform .3s}.btn-toggle-tracking span.rotate-180{transform:rotate(180deg)}.tracking-timeline{background:#ffffff1a;border-radius:8px;margin-top:16px;padding:20px}.tracking-timeline h4{font-size:16px;margin:0 0 20px}.timeline{position:relative}.timeline-item{display:flex;gap:16px;margin-bottom:24px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.timeline-dot{background:#fff;border:3px solid #ffffff80;border-radius:50%;flex-shrink:0;height:12px;width:12px}.timeline-line{background:#ffffff4d;flex-grow:1;margin:4px 0;width:2px}.timeline-content{flex:1 1;padding-bottom:8px}.timeline-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:6px}.timeline-header strong{font-size:15px}.timeline-date{font-size:13px;opacity:.8}.timeline-location{align-items:center;display:flex;font-size:13px;gap:6px;margin:4px 0;opacity:.9}.timeline-remarks{font-size:13px;font-style:italic;margin:4px 0;opacity:.85}.cancelled-date{font-size:13px;margin-top:8px;opacity:.8}@media (max-width:768px){.shipping-info-grid{grid-template-columns:1fr}.tracking-notification{left:10px;right:10px;top:10px}.awb-display{align-items:flex-start;flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1a1a1a;font-family:Georgia,Times New Roman,Times,serif;font-size:16px;line-height:1.7}.tos-container{background:#fff;min-height:100vh;width:100%}.tos-content-wrapper{margin:0 auto;max-width:900px;padding:0 40px}.tos-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:60px 40px 40px;text-align:center}.tos-header-content h1{color:#000;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.tos-header-content h1,.tos-subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tos-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin-bottom:20px}.tos-meta{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;gap:12px;justify-content:center}.tos-meta .separator{color:#ccc;font-weight:300}.tos-introduction{background:#fafafa;border-bottom:1px solid #e0e0e0;padding:50px 40px}.intro-card{background:#fff;border:1px solid #d0d0d0;border-radius:2px;box-shadow:0 1px 3px #00000014;padding:40px}.intro-card h2{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:20px}.intro-card p{color:#333;font-size:1rem;line-height:1.8;margin-bottom:30px;text-align:justify}.intro-highlights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.highlight-item{align-items:flex-start;background:#f9f9f9;border-left:3px solid #000;display:flex;gap:15px;padding:20px}.highlight-icon{color:#000;flex-shrink:0;height:24px;margin-top:2px;width:24px}.highlight-item h3{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:6px}.highlight-item p{color:#555;font-size:.875rem;line-height:1.5;margin:0;text-align:left}.tos-toc{background:#fff;border-bottom:1px solid #e0e0e0;padding:50px 40px}.tos-toc h2{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:600;margin-bottom:30px}.toc-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.toc-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:2px;color:#333;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.toc-item:hover{background:#f9f9f9;border-color:#000;color:#000}.toc-number{align-items:center;background:#f0f0f0;border-radius:2px;color:#333;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:600;height:28px;justify-content:center;min-width:28px}.toc-item:hover .toc-number{background:#000;color:#fff}.toc-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:400;line-height:1.4}.tos-sections{background:#fff;padding:50px 40px}.tos-section{border-bottom:1px solid #e0e0e0;margin-bottom:40px;padding-bottom:40px}.tos-section:last-child{border-bottom:none;padding-bottom:0}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:0}.section-header:hover .section-title-wrapper h2{color:#06c}.section-title-wrapper{align-items:center;display:flex;flex:1 1;gap:15px}.section-icon{align-items:center;background:#f5f5f5;border-radius:2px;color:#333;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.section-icon svg{height:20px;width:20px}.section-header h2{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.35rem;font-weight:600;margin:0;transition:color .2s ease}.expand-btn{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:2px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.expand-btn:hover{background:#e8e8e8;border-color:#999;color:#000}.expand-btn svg{height:18px;width:18px}.section-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.section-content.expanded{max-height:8000px}.content-text{padding:0 0 0 51px}.content-text p{color:#333;font-size:.95rem;line-height:1.8;margin-bottom:18px;text-align:justify}.content-text p:last-child{margin-bottom:0}.tos-acceptance{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:60px 40px}.acceptance-card{background:#fff;border:1px solid #d0d0d0;border-radius:2px;box-shadow:0 2px 4px #00000014;padding:40px;text-align:center}.acceptance-card h2{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:16px}.acceptance-card p{color:#555;font-size:.95rem;line-height:1.7;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:650px;text-align:center}.acceptance-checkbox{align-items:center;background:#f9f9f9;border-radius:2px;display:flex;gap:12px;justify-content:center;margin-bottom:25px;padding:20px}.acceptance-checkbox input[type=checkbox]{accent-color:#000;cursor:pointer;height:20px;width:20px}.acceptance-checkbox label{color:#333;cursor:pointer;font-size:.9rem;font-weight:400}.accept-btn,.acceptance-checkbox label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.accept-btn{background:#ccc;border:1px solid #b0b0b0;border-radius:2px;color:#888;cursor:not-allowed;font-size:1rem;font-weight:500;letter-spacing:.3px;padding:14px 40px;transition:all .3s ease}.accept-btn.active{background:#000;border-color:#000;color:#fff;cursor:pointer}.accept-btn.active:hover{background:#333;border-color:#333}.accept-btn:disabled{opacity:.7}.tos-footer{background:#1a1a1a;border-top:1px solid #000;color:#ccc;padding:50px 40px 30px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.footer-section h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:15px}.footer-section h3,.footer-section p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.footer-section p{color:#aaa;font-size:.875rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#aaa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;padding-top:25px;text-align:center}.footer-bottom p{color:#888;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;margin-bottom:5px}@media (max-width:768px){.tos-content-wrapper{padding:0 20px}.tos-header{padding:40px 20px 30px}.tos-header-content h1{font-size:2rem}.tos-subtitle{font-size:1rem}.tos-acceptance,.tos-footer,.tos-introduction,.tos-sections,.tos-toc{padding-left:20px;padding-right:20px}.acceptance-card,.intro-card{padding:30px 20px}.intro-highlights,.toc-grid{grid-template-columns:1fr}.section-header h2{font-size:1.15rem}.content-text{padding-left:0}.acceptance-checkbox{align-items:flex-start;flex-direction:column;gap:10px;text-align:left}.accept-btn{padding:14px 20px;width:100%}.footer-content{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.tos-header-content h1{font-size:1.75rem}.tos-meta{flex-direction:column;gap:4px}.tos-meta .separator{display:none}.section-title-wrapper{gap:10px}.section-icon{height:32px;width:32px}.section-icon svg{height:18px;width:18px}}@media print{body{color:#000;font-size:11pt;line-height:1.5}.accept-btn,.acceptance-checkbox,.expand-btn,.intro-highlights,.tos-footer,.tos-header,.tos-toc{display:none}.section-content{display:block!important;max-height:none!important}.tos-section{border-bottom:1px solid #000;margin-bottom:20px;page-break-inside:avoid}.section-header h2{font-size:12pt;margin-bottom:10px}.content-text p{font-size:10pt;margin-bottom:8pt;text-align:left}.tos-introduction{background:#fff}.intro-card{border:none;box-shadow:none;padding:0}}.tos-container :focus-visible{outline:2px solid #06c;outline-offset:2px}.accept-btn:focus-visible,.expand-btn:focus-visible,.toc-item:focus-visible{outline:2px solid #06c;outline-offset:2px}button:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}.text-justify{text-align:justify}.text-center{text-align:center}.font-serif{font-family:Georgia,Times New Roman,Times,serif}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
/*# sourceMappingURL=main.240e77ea.css.map*/