@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=Inter:wght@300;400;500;600;700;800;900&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-container{max-width:1400px;width:100%}.nav{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 20px #ffffff0d;display:flex;justify-content:center;padding:10px 30px;position:sticky;top:0;z-index:1000}.nav-logo,.nav-top-row{align-items:center;display:flex;flex-shrink:0;gap:12px}.nav-logo{text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo-img{border-radius:10px;box-shadow:0 4px 12px #ffffff1a;height:48px;width:48px}.nav-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.5px}.nav-account-btn{align-items:center;background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:8px;box-shadow:0 4px 12px #ffffff1a;color:#000;display:inline-flex;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-account-btn:hover{box-shadow:0 6px 16px #ffffff26;transform:translateY(-2px)}.nav-search-container{flex:1 1;margin:0 30px;max-width:800px;position:relative}.nav-search-form{position:relative;width:100%}.nav-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#000;font-size:15px;outline:none;padding:12px 48px;transition:all .3s ease;width:100%}.nav-search-input::placeholder{color:#9ca3af}.nav-search-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a}.nav-search-icon{color:#000;left:16px;pointer-events:none;z-index:1}.nav-clear-button,.nav-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.nav-clear-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;right:16px;transition:background .2s ease}.nav-clear-button:hover{background:#0000000d}.nav-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.nav-dropdown::-webkit-scrollbar{width:6px}.nav-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.nav-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.nav-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.nav-suggestion-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;margin:2px 0;padding:8px 12px;transition:background .2s ease}.nav-suggestion-item:hover{background:#f3f4f6}.nav-suggestion-text{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{border-radius:4px;font-size:10px;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.nav-remove-history-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.nav-remove-history-btn:hover{background:#f3f4f6;color:#ef4444}.nav-no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.nav-no-results-icon{color:#9ca3af;margin-bottom:12px;opacity:.3}.nav-no-results-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.nav-no-results-subtitle{color:#6b7280;font-size:13px}.nav-suggestion-loading{opacity:.7;pointer-events:none}.nav-menu{align-items:center;display:flex;flex-shrink:0;gap:8px;margin:0;padding:0}.nav-menu li{margin:0}.nav-link{border-radius:8px;color:#9ca3af;display:block;font-size:15px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:before{background:#fff;bottom:6px;content:"";height:2px;left:16px;position:absolute;right:16px;transform:scaleX(0);transition:transform .3s ease}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#ffffff1a;color:#fff}.nav-link.active:before{transform:scaleX(1)}@media (max-width:1024px){.nav{padding:12px 24px}.nav-search-container{margin:0 24px;max-width:500px}.nav-menu{gap:6px}.nav-link{font-size:14px;padding:8px 14px}}@media (max-width:768px){.nav{padding:10px 16px}.nav-container{align-items:stretch;flex-direction:column;gap:10px}.nav-top-row{display:flex;justify-content:space-between;order:1;width:100%}.nav-logo{gap:10px}.nav-logo-img{height:40px;width:40px}.nav-logo-text{font-size:22px}.nav-account-btn{font-size:13px;padding:8px 16px}.nav-search-container{margin:0;max-width:100%;order:2;width:100%}.nav-search-input{border-radius:10px;font-size:14px;padding:10px 42px}.nav-search-icon{left:14px}.nav-clear-button{right:14px}.nav-menu{-ms-overflow-style:none;gap:6px;order:3;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;width:100%}.nav-menu::-webkit-scrollbar{display:none}.nav-link{flex-shrink:0;font-size:13px;padding:7px 14px}.nav-link:before{bottom:6px;left:14px;right:14px}.nav-dropdown{border-radius:8px;max-height:250px;padding:4px}.nav-suggestion-item{gap:8px;padding:8px 10px}.nav-suggestion-text{font-size:13px}.nav-badge{font-size:9px;padding:2px 6px}}@media (max-width:480px){.nav{padding:8px 12px}.nav,.nav-logo{gap:8px}.nav-logo-img{border-radius:8px;height:36px;width:36px}.nav-logo-text{font-size:20px}.nav-account-btn{font-size:12px;padding:7px 14px}.nav-search-input{border-radius:8px;font-size:13px;padding:10px 38px}.nav-search-icon{left:12px}.nav-clear-button{right:12px}.nav-menu{gap:5px}.nav-link{border-radius:6px;font-size:12px;padding:6px 12px}.nav-link:before{bottom:5px;height:1.5px;left:12px;right:12px}.nav-dropdown{border-radius:6px;max-height:220px;padding:4px}.nav-suggestion-item{border-radius:4px;gap:6px;padding:7px 10px}.nav-suggestion-text{font-size:12px}.nav-badge{border-radius:3px;font-size:8px;padding:2px 6px}.nav-no-results{padding:24px 16px}.nav-no-results-title{font-size:13px}.nav-no-results-subtitle{font-size:12px}}@media (max-width:360px){.nav{padding:8px 10px}.nav-logo-img{height:32px;width:32px}.nav-logo-text{font-size:18px}.nav-account-btn{font-size:11px;padding:6px 12px}.nav-search-input{font-size:12px;padding:9px 36px}.nav-link{padding:6px 10px}.nav-link,.nav-suggestion-text{font-size:11px}.nav-badge{font-size:8px;padding:2px 5px}}.nav-desktop-account{display:block}.nav-mobile-account{display:none}@media (max-width:768px){.nav-desktop-account{display:none}.nav-mobile-account{display:inline-flex}}:root{--home-primary-black:#0f1111;--home-primary-white:#fff;--home-text-primary:#0f1111;--home-text-secondary:#565959;--home-text-tertiary:#888;--home-accent-blue:#0066c0;--home-accent-orange:#00023e;--home-accent-green:#067d62;--home-accent-red:#c7511f;--home-bg-primary:#fff;--home-bg-secondary:#f7f8f9;--home-bg-tertiary:#eaeded;--home-bg-hover:#f3f3f3;--home-border-light:#d5d9d9;--home-border-medium:#888c8c;--home-border-dark:#565959;--home-shadow-sm:0 1px 2px #0f111114;--home-shadow-md:0 2px 5px #0f11111f;--home-shadow-lg:0 4px 12px #0f111126;--home-shadow-xl:0 8px 24px #0f11112e;--home-transition-fast:0.15s ease;--home-transition-normal:0.3s ease;--home-transition-slow:0.5s ease;--home-spacing-xs:4px;--home-spacing-sm:8px;--home-spacing-md:16px;--home-spacing-lg:24px;--home-spacing-xl:32px;--home-spacing-2xl:48px;--home-radius-sm:4px;--home-radius-md:8px;--home-radius-lg:12px;--home-radius-xl:16px;--home-radius-full:9999px;--home-container-max:1440px;--home-container-padding:20px}.home-logo-gradient{background:linear-gradient(135deg,#0c0345,#070458);-webkit-background-clip:text;background-clip:text}.home-highlight-gradient,.home-logo-gradient{-webkit-text-fill-color:#0000;font-weight:700}.home-highlight-gradient{background:linear-gradient(135deg,#0066c0,#067d62);-webkit-background-clip:text;background-clip:text}.home-container-max{margin:0 auto;max-width:1440px;max-width:var(--home-container-max);padding:0 20px;padding:0 var(--home-container-padding)}.home-container{background-color:#f7f8f9;background-color:var(--home-bg-secondary);color:#0f1111;color:var(--home-text-primary);min-height:100vh;position:relative}.home-scroll-progress-bar{background:linear-gradient(90deg,#010035,#080044);height:3px;left:0;position:fixed;top:0;transition:width .1s linear;z-index:9999}.home-top-nav{animation:home-slideDown .5s ease;background:#fff;background:var(--home-bg-primary);border-bottom:1px solid #d5d9d9;border-bottom:1px solid var(--home-border-light);box-shadow:0 1px 2px #0f111114;box-shadow:var(--home-shadow-sm);position:sticky;top:0;z-index:900}@keyframes home-slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.home-nav-content{height:60px;justify-content:space-between;margin:0 auto;max-width:1440px;max-width:var(--home-container-max);padding:0 20px;padding:0 var(--home-container-padding)}.home-nav-content,.home-nav-left{align-items:center;display:flex;gap:24px;gap:var(--home-spacing-lg)}.home-nav-left{flex-shrink:0}.home-logo{cursor:pointer;font-size:24px;font-weight:700;transition:transform .15s ease;transition:transform var(--home-transition-fast);-webkit-user-select:none;user-select:none}.home-logo:hover{transform:scale(1.05)}.home-location-selector{align-items:center;background:#f7f8f9;background:var(--home-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--home-border-light);border-radius:8px;border-radius:var(--home-radius-md);display:flex;gap:8px;gap:var(--home-spacing-sm);padding:6px 12px;position:relative;transition:all .15s ease;transition:all var(--home-transition-fast);z-index:1}.home-location-selector:hover{border-color:#888c8c;border-color:var(--home-border-medium);box-shadow:0 1px 2px #0f111114;box-shadow:var(--home-shadow-sm)}.home-location-selector svg{color:#00023e;color:var(--home-accent-orange);flex-shrink:0}.home-location-selector select{background:#0000;border:none;color:#0f1111;color:var(--home-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:0}.home-nav-detect-btn{align-items:center;background:#0066c0;background:var(--home-accent-blue);border-radius:4px;border-radius:var(--home-radius-sm);color:#fff;display:flex;justify-content:center;padding:6px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-nav-detect-btn:hover{background:#004f8d;transform:scale(1.05)}.home-nav-detect-btn:disabled{cursor:not-allowed;opacity:.5}.home-nav-right{align-items:center;display:flex;gap:16px;gap:var(--home-spacing-md)}.home-nav-icon-btn{align-items:center;background:#f7f8f9;background:var(--home-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--home-border-light);border-radius:4px;border-radius:var(--home-radius-sm);color:#0f1111;color:var(--home-text-primary);display:flex;justify-content:center;padding:8px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-nav-icon-btn:hover{background:#f3f3f3;background:var(--home-bg-hover);border-color:#888c8c;border-color:var(--home-border-medium);transform:translateY(-1px)}.home-hero-section{animation:home-fadeIn .8s ease;background:#fff;background:var(--home-bg-primary);overflow:hidden;padding:48px 0;padding:var(--home-spacing-2xl) 0;position:relative}@keyframes home-fadeIn{0%{opacity:0}to{opacity:1}}.home-hero-background{z-index:0}.home-hero-background,.home-hero-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.home-hero-gradient{animation:home-gradientShift 10s ease infinite;background:linear-gradient(135deg,#ff99000d,#0066c00d)}@keyframes home-gradientShift{0%,to{opacity:1}50%{opacity:.7}}.home-hero-pattern{animation:home-patternFloat 20s ease infinite;background-image:radial-gradient(circle at 20% 50%,#ff990008 0,#0000 50%),radial-gradient(circle at 80% 80%,#0066c008 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes home-patternFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.home-hero-content-wrapper{margin:0 auto;max-width:1440px;max-width:var(--home-container-max);padding:0 20px;padding:0 var(--home-container-padding);position:relative;z-index:1}.home-hero-split-container{grid-gap:48px;grid-gap:var(--home-spacing-2xl);align-items:start;display:grid;gap:48px;gap:var(--home-spacing-2xl);grid-template-columns:1fr 480px;margin-bottom:32px;margin-bottom:var(--home-spacing-xl)}.home-hero-text{animation:home-slideInLeft .8s ease;min-width:0}@keyframes home-slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.home-hero-title{color:#0f1111;color:var(--home-text-primary);font-size:48px;font-weight:700;line-height:1.2;margin-bottom:16px;margin-bottom:var(--home-spacing-md)}.home-hero-subtitle{color:#565959;color:var(--home-text-secondary);font-size:18px;line-height:1.6;margin-bottom:32px;margin-bottom:var(--home-spacing-xl)}.home-hero-cta{display:flex;flex-wrap:wrap;gap:16px;gap:var(--home-spacing-md)}.home-cta-primary,.home-cta-secondary{align-items:center;border:none;border-radius:8px;border-radius:var(--home-radius-md);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--home-spacing-sm);padding:14px 28px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-cta-primary{background:#00023e;background:var(--home-accent-orange);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);color:#fff}.home-cta-primary:hover{background:#000130;box-shadow:0 4px 12px #0f111126;box-shadow:var(--home-shadow-lg);transform:translateY(-2px)}.home-cta-secondary{background:#fff;background:var(--home-bg-primary);border:2px solid #d5d9d9;border:2px solid var(--home-border-light);color:#0f1111;color:var(--home-text-primary)}.home-cta-secondary:hover{border-color:#0066c0;border-color:var(--home-accent-blue);color:#0066c0;color:var(--home-accent-blue);transform:translateY(-2px)}.home-hero-happenings{animation:home-slideInRight .8s ease}@keyframes home-slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.home-happenings-container{animation:home-happeningsEntrance .8s ease;background:linear-gradient(135deg,#fffbea,#fff9db);border:2px solid gold;border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 12px 40px #ffd70033,inset 0 0 0 1px #ffd7004d;display:flex;flex-direction:column;height:500px;overflow:hidden;position:relative;z-index:1}@keyframes home-happeningsEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.home-happenings-bg-effects{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.home-bg-effect{animation:home-floatingOrbs 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.08;position:absolute}.home-bg-effect-1{animation-delay:0s;background:radial-gradient(circle,#ffeb3b,#0000);height:300px;left:-100px;top:-100px;width:300px}.home-bg-effect-2{animation-delay:-5s;background:radial-gradient(circle,#ffc107,#0000);bottom:-80px;height:250px;right:-80px;width:250px}@keyframes home-floatingOrbs{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.home-happenings-content{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--home-spacing-md);min-height:0;padding:32px;padding:var(--home-spacing-xl);position:relative;z-index:1}.home-happenings-header{align-items:center;border-bottom:2px solid #ffc1074d;display:flex;flex-shrink:0;gap:16px;gap:var(--home-spacing-md);padding-bottom:16px;padding-bottom:var(--home-spacing-md)}.home-happenings-icon{align-items:center;animation:home-iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa726,#ff9800);border-radius:12px;border-radius:var(--home-radius-lg);box-shadow:0 8px 24px #ff980066,inset 0 0 0 1px #ffffff4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}@keyframes home-iconPulse{0%,to{box-shadow:0 8px 24px #ff980066;transform:scale(1)}50%{box-shadow:0 12px 32px #ff980099;transform:scale(1.05)}}.home-happenings-title{color:#d97706;flex:1 1;font-size:22px;font-weight:700;letter-spacing:-.5px}.home-live-badge{align-items:center;animation:home-livePulse 2s ease-in-out infinite;background:#ef444426;border:1px solid #ef444466;border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 0 20px #ef444433;color:#dc2626;display:flex;flex-shrink:0;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}@keyframes home-livePulse{0%,to{box-shadow:0 0 20px #ef444433}50%{box-shadow:0 0 30px #ef444466}}.home-live-dot{animation:home-dotBlink 1.5s ease-in-out infinite;background:#dc2626;border-radius:50%;box-shadow:0 0 10px #dc2626;height:8px;width:8px}@keyframes home-dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.home-happenings-tabs{border-bottom:2px solid #ffc10733;display:flex;flex-shrink:0;gap:4px;gap:var(--home-spacing-xs);overflow-x:auto;padding-bottom:16px;padding-bottom:var(--home-spacing-md);scrollbar-width:none}.home-happenings-tabs::-webkit-scrollbar{display:none}.home-happening-tab{align-items:center;background:#ffffff80;border:1px solid #d9770633;border-radius:9999px;border-radius:var(--home-radius-full);color:#92400e;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.home-happening-tab:hover{background:#ffffffb3;border-color:#d9770666;transform:translateY(-2px)}.home-happening-tab.home-active{background:linear-gradient(135deg,#ffa726,#ff9800);border-color:#ff9800;box-shadow:0 4px 12px #ff980066;color:#fff}.home-happenings-list-container{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;padding-right:var(--home-spacing-xs);scroll-behavior:smooth;scrollbar-color:#d977064d #0000;scrollbar-width:thin}.home-happenings-list-container::-webkit-scrollbar{width:6px}.home-happenings-list-container::-webkit-scrollbar-track{background:#0000}.home-happenings-list-container::-webkit-scrollbar-thumb{background:#d977064d;border-radius:9999px;border-radius:var(--home-radius-full)}.home-happenings-list-container::-webkit-scrollbar-thumb:hover{background:#d9770680}.home-happenings-list{flex-direction:column}.home-happening-item,.home-happenings-list{display:flex;gap:16px;gap:var(--home-spacing-md)}.home-happening-item{background:#fff9;border:1px solid #d9770626;border-radius:12px;border-radius:var(--home-radius-lg);flex-shrink:0;opacity:.7;overflow:hidden;padding:16px;padding:var(--home-spacing-md);position:relative;transform:scale(.98);transition:all .4s cubic-bezier(.4,0,.2,1)}.home-happening-item:before{background:linear-gradient(180deg,#ffa726,#ff9800);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.home-happening-item.home-active{background:#ffffffe6;border-color:#ff980066;box-shadow:0 8px 24px #ffc1074d,inset 0 0 0 1px #ffc10733;opacity:1;transform:scale(1)}.home-happening-item.home-active:before{opacity:1}.home-happening-item.home-with-image{flex-direction:column}.home-happening-image-wrapper{border-radius:8px;border-radius:var(--home-radius-md);flex-shrink:0;height:150px;margin-bottom:8px;margin-bottom:var(--home-spacing-sm);overflow:hidden;width:100%}.home-happening-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.home-happening-item.home-active .home-happening-image{transform:scale(1.05)}.home-happening-text-content{display:flex;gap:16px;gap:var(--home-spacing-md);width:100%}.home-happening-icon-wrapper{align-items:center;background:#ffc10733;border:1px solid #ffc10766;border-radius:8px;border-radius:var(--home-radius-md);color:#f59e0b;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.home-happening-item.home-active .home-happening-icon-wrapper{background:#ff98004d;border-color:#ff980099;box-shadow:0 0 20px #ff980066;transform:scale(1.1)}.home-happening-content{flex:1 1;min-width:0}.home-happening-message{word-wrap:break-word;color:#78350f;font-size:14px;font-weight:500;line-height:1.6;margin-bottom:4px;margin-bottom:var(--home-spacing-xs);overflow-wrap:break-word;transition:color .3s ease}.home-happening-item.home-active .home-happening-message{color:#854d0e;font-weight:600}.home-happening-meta{align-items:center;color:#a16207;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;transition:color .3s ease}.home-happening-item.home-active .home-happening-meta{color:#92400e}.home-meta-separator{margin:0 4px}.home-happenings-footer{border-top:2px solid #ffc1074d;flex-shrink:0;padding-top:16px;padding-top:var(--home-spacing-md)}.home-view-all-happenings-btn{align-items:center;background:linear-gradient(135deg,#ffa726,#ff9800);border:none;border-radius:8px;border-radius:var(--home-radius-md);box-shadow:0 4px 12px #ff98004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--home-spacing-sm);justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.home-view-all-happenings-btn:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 6px 16px #ff980066;transform:translateY(-2px)}.home-happenings-indicators{display:flex;flex-shrink:0;gap:4px;gap:var(--home-spacing-xs);justify-content:center;padding-top:16px;padding-top:var(--home-spacing-md)}.home-indicator{background:#d977064d;border:none;border-radius:9999px;border-radius:var(--home-radius-full);cursor:pointer;flex-shrink:0;height:8px;padding:0;transition:all .3s ease;width:8px}.home-indicator:hover{background:#d9770680;transform:scale(1.2)}.home-indicator.home-active{background:linear-gradient(90deg,#ffa726,#ff9800);box-shadow:0 0 10px #ff980080;width:24px}.home-happenings-loading{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--home-spacing-md);padding:32px;padding:var(--home-spacing-xl)}.home-skeleton-item{animation:home-skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#d977061a,#d9770633 50%,#d977061a);background-size:200% 100%;border-radius:12px;border-radius:var(--home-radius-lg);flex-shrink:0;height:80px}@keyframes home-skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.home-happenings-empty,.home-happenings-empty-filtered{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--home-spacing-md);justify-content:center;padding:48px;padding:var(--home-spacing-2xl);text-align:center}.home-happenings-empty svg,.home-happenings-empty-filtered svg{animation:home-emptyFloat 3s ease-in-out infinite;color:#d9770666}@keyframes home-emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-happenings-empty p,.home-happenings-empty-filtered p{color:#78350f;font-size:16px;font-weight:600;margin:0}.home-happenings-empty span{color:#a16207;font-size:14px}.home-hero-stats{grid-gap:24px;grid-gap:var(--home-spacing-lg);display:grid;gap:24px;gap:var(--home-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:48px;margin-top:var(--home-spacing-2xl)}.home-hero-stat-card{align-items:center;animation:home-fadeInUp .8s ease both;background:#fff;background:var(--home-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--home-border-light);border-radius:12px;border-radius:var(--home-radius-lg);box-shadow:0 1px 2px #0f111114;box-shadow:var(--home-shadow-sm);display:flex;gap:16px;gap:var(--home-spacing-md);padding:24px;padding:var(--home-spacing-lg);transition:all .15s ease;transition:all var(--home-transition-fast)}.home-hero-stat-card:first-child{animation-delay:.2s}.home-hero-stat-card:nth-child(2){animation-delay:.4s}.home-hero-stat-card:nth-child(3){animation-delay:.6s}@keyframes home-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-hero-stat-card:hover{border-color:#00023e;border-color:var(--home-accent-orange);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);transform:translateY(-2px)}.home-video-progress-bar{background:#fff3;bottom:0;height:4px;left:0;position:absolute;right:0;z-index:5}.home-video-progress-fill{background:linear-gradient(90deg,#f90,#f60);box-shadow:0 0 10px #ff990080;height:100%;transition:width .1s linear}.home-video-viewed-badge{align-items:center;animation:home-badgeSlideIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b981e6;border-radius:9999px;border-radius:var(--home-radius-full);color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:10}@keyframes home-badgeSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.home-video-control-btn{overflow:hidden;position:relative}.home-video-control-btn:before{background:radial-gradient(circle,#ffffff4d,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.home-video-control-btn:hover:before{opacity:1}.home-video-control-btn:hover{background:#fff6}.home-video-control-btn:active{transform:scale(.95)}.home-video-ad-card-modern:fullscreen{align-items:center;background:#000;display:flex;justify-content:center}.home-video-ad-card-modern:fullscreen .home-video-ad-player-modern{max-height:100vh;max-width:100vw;object-fit:contain}.home-image-error{align-items:center;background:#eaeded;background:var(--home-bg-tertiary);color:#888;color:var(--home-text-tertiary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;width:100%}.home-image-error svg{opacity:.3}.home-image-error span{font-size:14px;font-weight:500}.home-no-businesses{animation:home-fadeInUp .6s ease;background:#fff;background:var(--home-bg-primary);border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);margin:48px 0;margin:var(--home-spacing-2xl) 0;padding:48px 24px;padding:var(--home-spacing-2xl) var(--home-spacing-lg);text-align:center}.home-no-businesses svg{animation:home-floatSlow 3s ease-in-out infinite;color:#888;color:var(--home-text-tertiary);margin-bottom:24px;margin-bottom:var(--home-spacing-lg)}@keyframes home-floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-no-businesses h3{color:#0f1111;color:var(--home-text-primary);font-size:24px;font-weight:700;margin-bottom:8px;margin-bottom:var(--home-spacing-sm)}.home-no-businesses p{font-size:16px;margin-bottom:32px;margin-bottom:var(--home-spacing-xl)}.home-no-businesses p,.home-rating-animated{color:#565959;color:var(--home-text-secondary)}.home-rating-animated{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px}.home-rating-animated svg{flex-shrink:0}.home-image-ad-carousel-modern:hover .home-carousel-nav-btn{opacity:1;transform:translateY(-50%) scale(1)}.home-carousel-nav-btn{opacity:.7;transform:translateY(-50%) scale(.9);transition:all .3s ease}.home-carousel-nav-btn:hover{box-shadow:0 8px 24px #0003;opacity:1;transform:translateY(-50%) scale(1.15)}.home-carousel-nav-btn:active{transform:translateY(-50%) scale(1)}@media (max-width:768px){.home-video-progress-bar{height:3px}.home-video-control-btn{height:38px;width:38px}.home-video-control-btn svg{height:16px;width:16px}.home-video-viewed-badge{font-size:9px;padding:4px 10px;right:8px;top:8px}.home-video-viewed-badge svg{height:10px;width:10px}.home-video-ad-card-modern:fullscreen .home-video-ad-overlay-modern{padding:16px}.home-video-ad-card-modern:fullscreen .home-video-ad-info-modern h3{font-size:18px}}@media (max-width:480px){.home-video-control-btn{height:34px;width:34px}.home-video-control-btn svg{height:14px;width:14px}.home-video-progress-bar{height:2px}}.home-business-card-animated:focus,.home-trending-card:focus{outline:3px solid #00023e;outline:3px solid var(--home-accent-orange);outline-offset:4px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #00023e;outline:3px solid var(--home-accent-orange);outline-offset:3px}.home-lazy-image-wrapper img{will-change:opacity}.home-video-ad-player-modern{will-change:transform}.home-carousel-slide-modern{will-change:opacity}.home-business-card-animated,.home-trending-card,.home-video-ad-card-modern{backface-visibility:hidden;transform:translateZ(0)}@media print{.home-carousel-indicators,.home-carousel-nav-btn,.home-quick-actions-animated,.home-video-controls-modern,.home-video-progress-bar{display:none!important}}@media (prefers-reduced-motion:reduce){.home-business-card-animated,.home-carousel-slide-modern,.home-trending-card,.home-video-progress-fill{animation-duration:.01ms!important;transition-duration:.01ms!important}}.home-stat-icon{align-items:center;border-radius:8px;border-radius:var(--home-radius-md);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.home-stat-info h3{color:#0f1111;color:var(--home-text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.home-stat-info p{color:#565959;color:var(--home-text-secondary);font-size:14px}.home-ad-layer-section{background:#f7f8f9;background:var(--home-bg-secondary);padding:48px 0;padding:var(--home-spacing-2xl) 0;position:relative}.home-ad-layer-section:before{background:radial-gradient(circle at 30% 50%,#00023e08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-ad-layer-header{align-items:center;animation:home-headerFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#00023e1a,#0001300d);border:1px solid #00023e33;border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 4px 12px #00023e1a;color:#00023e;color:var(--home-accent-orange);display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--home-spacing-sm);margin-bottom:24px;margin-bottom:var(--home-spacing-lg);padding:10px 20px}@keyframes home-headerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.home-image-ad-carousel-modern{background:#fff;background:var(--home-bg-primary);border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 12px 40px #00000026,inset 0 0 0 1px #ffd70033;cursor:pointer;height:400px;overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--home-transition-normal);width:100%}.home-image-ad-carousel-modern:hover{box-shadow:0 16px 50px #0003,inset 0 0 0 2px #ffd7004d;transform:translateY(-2px)}.home-carousel-slides{height:100%;position:relative;width:100%}.home-carousel-slide-modern{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.home-carousel-slide-modern.home-active{opacity:1}.home-carousel-image{height:100%;object-fit:cover;width:100%}.home-carousel-content-overlay{background:linear-gradient(0deg,#0f1111d9 0,#0000);bottom:0;color:#fff;left:0;padding:32px;padding:var(--home-spacing-xl);position:absolute;right:0}.home-carousel-ad-info h2{font-size:28px;font-weight:700;margin-bottom:8px;margin-bottom:var(--home-spacing-sm)}.home-carousel-ad-info p{font-size:16px;margin-bottom:16px;margin-bottom:var(--home-spacing-md);opacity:.9}.home-ad-badge-featured{background:#00023ee6;border-radius:9999px;border-radius:var(--home-radius-full);font-size:12px;gap:4px;gap:var(--home-spacing-xs);margin-bottom:8px;margin-bottom:var(--home-spacing-sm);padding:4px 12px}.home-ad-badge-featured,.home-ad-cta-button{align-items:center;display:inline-flex;font-weight:600}.home-ad-cta-button{background:#fff;border:none;border-radius:8px;border-radius:var(--home-radius-md);color:#0f1111;color:var(--home-primary-black);cursor:pointer;gap:8px;gap:var(--home-spacing-sm);padding:10px 20px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-ad-cta-button:hover{background:#00023e;background:var(--home-accent-orange);color:#fff;transform:translateY(-2px)}.home-carousel-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);color:#0f1111;color:var(--home-primary-black);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--home-transition-fast);width:48px;z-index:10}.home-carousel-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.home-carousel-nav-btn.home-prev{left:16px;left:var(--home-spacing-md)}.home-carousel-nav-btn.home-next{right:16px;right:var(--home-spacing-md)}.home-carousel-indicators{bottom:16px;bottom:var(--home-spacing-md);display:flex;gap:8px;gap:var(--home-spacing-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.home-carousel-indicator{background:#fff6;border:none;border-radius:9999px;border-radius:var(--home-radius-full);cursor:pointer;height:4px;padding:0;transition:all .15s ease;transition:all var(--home-transition-fast);width:32px}.home-carousel-indicator.home-active{background:#fff;width:48px}.home-video-ads-section{background:linear-gradient(180deg,#f7f8f9,#fff);background:linear-gradient(180deg,var(--home-bg-secondary) 0,var(--home-bg-primary) 100%);padding:48px 0;padding:var(--home-spacing-2xl) 0;position:relative}.home-video-ads-grid{grid-gap:24px;grid-gap:var(--home-spacing-lg);display:grid;gap:24px;gap:var(--home-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:100%}.home-video-ad-card-modern{animation:home-zoomIn .6s ease both;background:#000;border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffd70033;cursor:pointer;height:600px;overflow:hidden;position:relative;transition:all .15s ease;transition:all var(--home-transition-fast);width:100%}@keyframes home-zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.home-video-ad-card-modern:hover{box-shadow:0 25px 70px #0006,inset 0 0 0 2px #ffd70066;transform:translateY(-4px)}.home-video-ad-player-modern{background:#000;height:100%;object-fit:cover;width:100%}.home-video-ad-overlay-modern{background:linear-gradient(0deg,#000000e6 0,#00000080 40%,#0000);bottom:0;color:#fff;display:flex;flex-direction:column;gap:16px;gap:var(--home-spacing-md);left:0;padding:32px 24px;padding:var(--home-spacing-xl) var(--home-spacing-lg);position:absolute;right:0}.home-video-ad-info-modern{flex:1 1}.home-video-ad-info-modern h3{font-size:22px;font-weight:700;margin-bottom:8px;margin-bottom:var(--home-spacing-sm);text-shadow:0 2px 8px #00000080}.home-video-ad-info-modern p{font-size:15px;line-height:1.5;opacity:.95;text-shadow:0 1px 4px #00000080}.home-ad-badge-premium{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 2px 8px #ffd70066;color:#000;display:inline-flex;font-size:12px;font-weight:700;gap:4px;gap:var(--home-spacing-xs);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--home-spacing-sm);padding:6px 14px;text-transform:uppercase}.home-video-controls-modern{align-items:center;display:flex;gap:8px;gap:var(--home-spacing-sm)}.home-video-control-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .15s ease;transition:all var(--home-transition-fast);width:44px}.home-video-control-btn:hover{background:#ffffff59;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.home-trending-section{background:#fff;background:var(--home-bg-primary);overflow:hidden;padding:48px 0;padding:var(--home-spacing-2xl) 0;position:relative}.home-section-header-trending{animation:home-fadeInUp .6s ease;margin-bottom:32px;margin-bottom:var(--home-spacing-xl)}.home-section-title-badge{align-items:center;animation:home-pulse 2s ease infinite;background:linear-gradient(135deg,#00023e,#000130);border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--home-spacing-sm);padding:8px 16px}@keyframes home-pulse{0%,to{box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md)}50%{box-shadow:0 4px 20px #00023e66}}.home-trending-grid{grid-gap:24px;grid-gap:var(--home-spacing-lg);display:grid;gap:24px;gap:var(--home-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.home-trending-card{animation:home-cardEntrance .6s ease both;background:#fff;background:var(--home-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--home-border-light);border-radius:16px;border-radius:var(--home-radius-xl);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes home-cardEntrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-trending-card:hover{border-color:#ffc10766;box-shadow:0 24px 48px #00000026,0 0 0 1px #ffc1074d;transform:translateY(-12px) scale(1.02)}.home-trending-image-container{background:#eaeded;background:var(--home-bg-tertiary);height:240px;overflow:hidden;position:relative;width:100%}.home-trending-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.home-trending-card:hover .home-trending-image{transform:scale(1.15)}.home-trending-badges{display:flex;flex-direction:column;gap:4px;gap:var(--home-spacing-xs);left:8px;left:var(--home-spacing-sm);position:absolute;top:8px;top:var(--home-spacing-sm);z-index:2}.home-badge-animated{align-items:center;animation:home-bounceIn .6s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 1px 2px #0f111114;box-shadow:var(--home-shadow-sm);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px}@keyframes home-bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.home-verified-badge{background:#067d62f2;color:#fff}.home-trending-badge{background:linear-gradient(135deg,#ffa726f2,#ff9800f2);color:#fff}.home-quick-actions-animated{display:flex;flex-direction:column;gap:4px;gap:var(--home-spacing-xs);opacity:0;position:absolute;right:8px;right:var(--home-spacing-sm);top:8px;top:var(--home-spacing-sm);transform:translateX(20px);transition:all .15s ease;transition:all var(--home-transition-fast);z-index:2}.home-trending-card:hover .home-quick-actions-animated{opacity:1;transform:translateX(0)}.home-quick-action-btn-animated{align-items:center;background:#fffffff2;border:none;border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);color:#0f1111;color:var(--home-text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .15s ease;transition:all var(--home-transition-fast);width:44px}.home-quick-action-btn-animated:hover{background:#fff;box-shadow:0 4px 12px #0f111126;box-shadow:var(--home-shadow-lg);transform:scale(1.15) rotate(5deg)}.home-trending-info{padding:24px;padding:var(--home-spacing-lg);position:relative;z-index:2}.home-trending-name{color:#0f1111;color:var(--home-text-primary);font-size:20px;font-weight:700;margin-bottom:8px;margin-bottom:var(--home-spacing-sm);overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.home-trending-card:hover .home-trending-name{color:#f59e0b}.home-trending-meta{align-items:center;color:#565959;color:var(--home-text-secondary);display:flex;font-size:13px;gap:4px;margin-bottom:8px;margin-bottom:var(--home-spacing-sm)}.home-trending-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#565959;color:var(--home-text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:16px;margin-bottom:var(--home-spacing-md);overflow:hidden}.home-trending-actions{display:flex;gap:8px;gap:var(--home-spacing-sm)}.home-contact-btn-animated{align-items:center;background:#00023e;background:var(--home-accent-orange);border:none;border-radius:8px;border-radius:var(--home-radius-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:4px;gap:var(--home-spacing-xs);justify-content:center;overflow:hidden;padding:11px 18px;position:relative;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-contact-btn-animated:hover{background:#000130;box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);transform:translateY(-2px)}.home-view-btn-animated{align-items:center;background:#f7f8f9;background:var(--home-bg-secondary);border:2px solid #d5d9d9;border:2px solid var(--home-border-light);border-radius:8px;border-radius:var(--home-radius-md);color:#0f1111;color:var(--home-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:4px;gap:var(--home-spacing-xs);justify-content:center;padding:11px 18px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-view-btn-animated:hover{background:#0066c0;background:var(--home-accent-blue);border-color:#0066c0;border-color:var(--home-accent-blue);color:#fff;transform:translateY(-2px)}.home-businesses-section{background:#f7f8f9;background:var(--home-bg-secondary);padding:48px 0;padding:var(--home-spacing-2xl) 0}.home-categories-intro{animation:home-fadeInUp .8s ease;margin-bottom:48px;margin-bottom:var(--home-spacing-2xl);text-align:center}.home-section-main-title{color:#0f1111;color:var(--home-text-primary);font-size:42px;font-weight:700;margin-bottom:16px;margin-bottom:var(--home-spacing-md)}.home-section-subtitle{color:#565959;color:var(--home-text-secondary);font-size:18px}.home-category-section-animated{animation:home-fadeInUp .8s ease;background:#fff;background:var(--home-bg-primary);border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 1px 2px #0f111114;box-shadow:var(--home-shadow-sm);margin-bottom:48px;margin-bottom:var(--home-spacing-2xl);padding:32px;padding:var(--home-spacing-xl)}.home-category-section-animated:hover{box-shadow:0 4px 12px #0f111126;box-shadow:var(--home-shadow-lg);transform:translateY(-4px);transition:all .3s ease}.home-category-header-animated{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--home-spacing-xl)}.home-category-header-animated,.home-category-title-wrapper{align-items:center;display:flex;gap:16px;gap:var(--home-spacing-md)}.home-category-icon-mega{align-items:center;animation:home-rotateIn .6s ease;border-radius:12px;border-radius:var(--home-radius-lg);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}@keyframes home-rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.home-category-title-info h2{color:#0f1111;color:var(--home-text-primary);font-size:32px;font-weight:700;margin-bottom:4px}.home-category-title-info p{color:#565959;color:var(--home-text-secondary);font-size:14px}.home-view-all-btn-animated{align-items:center;background:#f7f8f9;background:var(--home-bg-secondary);border:2px solid #d5d9d9;border:2px solid var(--home-border-light);border-radius:8px;border-radius:var(--home-radius-md);color:#0066c0;color:var(--home-accent-blue);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:4px;gap:var(--home-spacing-xs);padding:12px 24px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-view-all-btn-animated:hover{background:#0066c0;background:var(--home-accent-blue);border-color:#0066c0;border-color:var(--home-accent-blue);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);color:#fff;transform:translateX(4px)}.home-businesses-grid-animated{grid-gap:24px;grid-gap:var(--home-spacing-lg);display:grid;gap:24px;gap:var(--home-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.home-business-card-animated{animation:home-popIn .5s ease both;background:#fff;background:var(--home-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--home-border-light);border-radius:12px;border-radius:var(--home-radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all .15s ease;transition:all var(--home-transition-fast)}@keyframes home-popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.home-business-card-animated:hover{border-color:#00023e;border-color:var(--home-accent-orange);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--home-shadow-xl);transform:translateY(-8px) scale(1.02)}.home-business-image-container-animated{background:#eaeded;background:var(--home-bg-tertiary);height:220px;overflow:hidden;position:relative;width:100%}.home-business-image-animated{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.home-business-card-animated:hover .home-business-image-animated{transform:scale(1.15) rotate(2deg)}.home-business-badges-animated{display:flex;flex-direction:column;gap:4px;gap:var(--home-spacing-xs);left:8px;left:var(--home-spacing-sm);position:absolute;top:8px;top:var(--home-spacing-sm);z-index:2}.home-business-info-animated{padding:24px;padding:var(--home-spacing-lg)}.home-business-name-animated{color:#0f1111;color:var(--home-text-primary);font-size:19px;font-weight:700;margin-bottom:8px;margin-bottom:var(--home-spacing-sm);overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;transition:color var(--home-transition-fast);white-space:nowrap}.home-business-card-animated:hover .home-business-name-animated{color:#00023e;color:var(--home-accent-orange)}.home-business-meta-animated{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--home-spacing-sm);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--home-spacing-sm)}.home-location-animated{align-items:center;color:#565959;color:var(--home-text-secondary);display:flex;font-size:13px;gap:4px}.home-business-description-animated{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#565959;color:var(--home-text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:16px;margin-bottom:var(--home-spacing-md);overflow:hidden}.home-business-actions-animated{display:flex;gap:8px;gap:var(--home-spacing-sm)}.home-lazy-image-wrapper{height:100%;position:relative;width:100%}.home-image-skeleton{animation:home-shimmer 1.5s infinite;background:linear-gradient(90deg,#eaeded,#f3f3f3 50%,#eaeded);background:linear-gradient(90deg,var(--home-bg-tertiary) 0,var(--home-bg-hover) 50%,var(--home-bg-tertiary) 100%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes home-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.home-image-skeleton.home-hidden{display:none}.home-lazy-image-wrapper img{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.home-lazy-image-wrapper img.home-loaded{opacity:1}.home-cta-section{background:linear-gradient(135deg,#00023e,#000130);overflow:hidden;padding:48px 0;padding:var(--home-spacing-2xl) 0;position:relative}.home-cta-section:before{animation:home-bgShift 15s ease infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes home-bgShift{0%,to{opacity:1}50%{opacity:.5}}.home-cta-container{margin:0 auto;max-width:1440px;max-width:var(--home-container-max);padding:0 20px;padding:0 var(--home-container-padding);position:relative;text-align:center}.home-cta-content{animation:home-fadeInUp .8s ease;color:#fff;margin:0 auto;max-width:800px}.home-cta-content h2{font-size:42px;font-weight:700;margin-bottom:16px;margin-bottom:var(--home-spacing-md)}.home-cta-content p{font-size:18px;margin-bottom:32px;margin-bottom:var(--home-spacing-xl);opacity:.95}.home-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;gap:var(--home-spacing-md);justify-content:center}.home-cta-btn-primary,.home-cta-btn-secondary{align-items:center;border-radius:8px;border-radius:var(--home-radius-md);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--home-spacing-sm);padding:16px 32px;transition:all .15s ease;transition:all var(--home-transition-fast)}.home-cta-btn-primary{background:#fff;border:none;box-shadow:0 4px 12px #0f111126;box-shadow:var(--home-shadow-lg);color:#00023e;color:var(--home-accent-orange)}.home-cta-btn-primary:hover{background:#f5f5f5;box-shadow:0 8px 24px #0f11112e;box-shadow:var(--home-shadow-xl);transform:translateY(-3px) scale(1.05)}.home-cta-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.home-cta-btn-secondary:hover{background:#ffffff4d;transform:translateY(-3px) scale(1.05)}.home-footer{background:#0f1111;background:var(--home-primary-black);color:#fff;padding:48px 0 24px;padding:var(--home-spacing-2xl) 0 var(--home-spacing-lg)}.home-footer-content{margin:0 auto;max-width:1440px;max-width:var(--home-container-max);padding:0 20px;padding:0 var(--home-container-padding)}.home-footer-grid{grid-gap:48px;grid-gap:var(--home-spacing-2xl);border-bottom:1px solid #ffffff1a;display:grid;gap:48px;gap:var(--home-spacing-2xl);grid-template-columns:2fr repeat(3,1fr);margin-bottom:48px;margin-bottom:var(--home-spacing-2xl);padding-bottom:48px;padding-bottom:var(--home-spacing-2xl)}.home-footer-section h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:16px;margin-bottom:var(--home-spacing-md)}.home-footer-section button{background:none;border:none;color:#ffffffb3;cursor:pointer;display:block;font-size:14px;margin-bottom:8px;margin-bottom:var(--home-spacing-sm);padding:4px 0;text-align:left;transition:all .15s ease;transition:all var(--home-transition-fast);width:100%}.home-footer-section button:hover{color:#fff;transform:translateX(4px)}.home-footer-brand p{color:#ffffffb3;font-size:14px;line-height:1.6}.home-footer-brand p,.home-footer-logo{margin-bottom:16px;margin-bottom:var(--home-spacing-md)}.home-footer-logo{font-size:24px;font-weight:700}.home-footer-bottom{padding-top:24px;padding-top:var(--home-spacing-lg);text-align:center}.home-footer-bottom p{color:#fff9;font-size:14px}.home-scroll-top{align-items:center;animation:home-pulse 2s ease infinite;background:#00023e;background:var(--home-accent-orange);border:none;border-radius:9999px;border-radius:var(--home-radius-full);bottom:32px;bottom:var(--home-spacing-xl);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--home-shadow-xl);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:32px;right:var(--home-spacing-xl);transform:rotate(-90deg);transition:all .15s ease;transition:all var(--home-transition-fast);width:56px;z-index:800}.home-scroll-top:hover{background:#000130;transform:rotate(-90deg) scale(1.15)}.home-toast{animation:home-slideUp .3s ease;background:#0f1111;background:var(--home-primary-black);border-radius:12px;border-radius:var(--home-radius-lg);bottom:32px;bottom:var(--home-spacing-xl);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--home-shadow-xl);color:#fff;font-size:14px;font-weight:500;left:50%;max-width:400px;padding:16px 24px;position:fixed;transform:translateX(-50%);z-index:9000}@keyframes home-slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.home-toast-success{background:#067d62;background:var(--home-accent-green)}.home-toast-error{background:#c7511f;background:var(--home-accent-red)}.home-toast-info{background:#0066c0;background:var(--home-accent-blue)}.home-loading-screen{align-items:center;background:#fff;background:var(--home-bg-primary);display:flex;justify-content:center;min-height:100vh}.home-loading-content{text-align:center}.home-loading-content h2{font-size:32px;margin:24px 0 8px;margin:var(--home-spacing-lg) 0 var(--home-spacing-sm)}.home-loading-content p{color:#565959;color:var(--home-text-secondary);font-size:16px}.home-loader-ring{display:inline-block;height:64px;position:relative;width:64px}.home-loader-ring div{animation:home-loader-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#00023e;border-color:var(--home-accent-orange) #0000 #0000 #0000;box-sizing:border-box;display:block;height:51px;margin:6px;position:absolute;width:51px}.home-loader-ring div:first-child{animation-delay:-.45s}.home-loader-ring div:nth-child(2){animation-delay:-.3s}.home-loader-ring div:nth-child(3){animation-delay:-.15s}@keyframes home-loader-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-location-required{align-items:center;background:linear-gradient(135deg,#f7f8f9,#eaeded);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--home-spacing-lg)}.home-location-card{animation:home-zoomIn .6s ease;background:#fff;background:var(--home-bg-primary);border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--home-shadow-xl);max-width:600px;padding:48px;padding:var(--home-spacing-2xl);text-align:center;width:100%}.home-location-icon-wrapper{align-items:center;animation:home-pulse 2s ease infinite;background:linear-gradient(135deg,#00023e,#000130);border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 8px 32px #00023e4d;color:#fff;display:flex;height:96px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--home-spacing-lg);width:96px}.home-location-card h1{color:#0f1111;color:var(--home-text-primary);font-size:32px;font-weight:700;margin-bottom:8px;margin-bottom:var(--home-spacing-sm)}.home-subtitle{color:#565959;color:var(--home-text-secondary);font-size:16px}.home-location-selects,.home-subtitle{margin-bottom:32px;margin-bottom:var(--home-spacing-xl)}.home-location-selects{display:flex;flex-direction:column;gap:16px;gap:var(--home-spacing-md)}.home-select-wrapper{text-align:left}.home-select-wrapper label{color:#0f1111;color:var(--home-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px;margin-bottom:var(--home-spacing-xs)}.home-select-wrapper select{background:#f7f8f9;background:var(--home-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--home-border-light);border-radius:8px;border-radius:var(--home-radius-md);color:#0f1111;color:var(--home-text-primary);cursor:pointer;font-size:15px;padding:12px 16px;transition:all .15s ease;transition:all var(--home-transition-fast);width:100%}.home-select-wrapper select:hover{border-color:#888c8c;border-color:var(--home-border-medium)}.home-select-wrapper select:focus{border-color:#00023e;border-color:var(--home-accent-orange);box-shadow:0 0 0 3px #00023e1a;outline:none}.home-select-wrapper select:disabled{cursor:not-allowed;opacity:.5}.home-detect-btn{align-items:center;background:#0066c0;background:var(--home-accent-blue);border:none;border-radius:8px;border-radius:var(--home-radius-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--home-spacing-sm);justify-content:center;padding:14px 24px;transition:all .15s ease;transition:all var(--home-transition-fast);width:100%}.home-detect-btn:hover:not(:disabled){background:#004f8d;box-shadow:0 2px 5px #0f11111f;box-shadow:var(--home-shadow-md);transform:translateY(-2px)}.home-detect-btn:disabled{cursor:not-allowed;opacity:.6}.home-location-stats{grid-gap:16px;grid-gap:var(--home-spacing-md);border-top:1px solid #d5d9d9;border-top:1px solid var(--home-border-light);display:grid;gap:16px;gap:var(--home-spacing-md);grid-template-columns:repeat(3,1fr);padding-top:32px;padding-top:var(--home-spacing-xl)}.home-location-stat-item{align-items:center;animation:home-fadeInUp .8s ease both;display:flex;flex-direction:column;gap:8px;gap:var(--home-spacing-sm)}.home-location-stat-item:first-child{animation-delay:.2s}.home-location-stat-item:nth-child(2){animation-delay:.4s}.home-location-stat-item:nth-child(3){animation-delay:.6s}.home-stat-icon-wrapper{align-items:center;border-radius:12px;border-radius:var(--home-radius-lg);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.home-stat-details{text-align:center}.home-stat-details strong{color:#0f1111;color:var(--home-text-primary);display:block;font-size:18px;font-weight:700;margin-bottom:2px}.home-stat-details span{color:#565959;color:var(--home-text-secondary);font-size:12px}.home-bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.home-from-red-500{--tw-gradient-from:#ef4444;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.home-to-orange-500{--tw-gradient-to:#f97316}.home-from-pink-500{--tw-gradient-from:#ec4899}.home-to-rose-500{--tw-gradient-to:#f43f5e}.home-from-blue-500{--tw-gradient-from:#3b82f6}.home-to-cyan-500{--tw-gradient-to:#06b6d4}.home-from-green-500{--tw-gradient-from:#22c55e}.home-to-emerald-500{--tw-gradient-to:#10b981}.home-from-yellow-500{--tw-gradient-from:#eab308}.home-from-purple-500{--tw-gradient-from:#a855f7}.home-to-indigo-500{--tw-gradient-to:#6366f1}.home-from-gray-600{--tw-gradient-from:#4b5563}.home-to-gray-800{--tw-gradient-to:#1f2937}.home-from-red-600{--tw-gradient-from:#dc2626}.home-to-orange-600{--tw-gradient-to:#ea580c}.home-from-green-600{--tw-gradient-from:#16a34a}.home-to-teal-600{--tw-gradient-to:#0d9488}.home-from-blue-700{--tw-gradient-from:#1d4ed8}.home-to-indigo-700{--tw-gradient-to:#4338ca}@media (max-width:1024px){:root{--home-spacing-2xl:36px;--home-container-padding:18px}.home-hero-split-container{gap:28px;grid-template-columns:1fr}.home-hero-title{font-size:38px}.home-happenings-container{height:440px}.home-hero-stats{grid-template-columns:repeat(2,1fr)}.home-businesses-grid-animated,.home-trending-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.home-video-ads-grid{grid-template-columns:1fr}.home-video-ad-card-modern{height:480px}.home-image-ad-carousel-modern{height:340px}.home-footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--home-container-padding:12px;--home-spacing-xs:3px;--home-spacing-sm:5px;--home-spacing-md:8px;--home-spacing-lg:14px;--home-spacing-xl:18px;--home-spacing-2xl:24px}.home-nav-content{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.home-logo{font-size:16px}.home-location-selector{padding:4px 8px}.home-location-selector svg{height:14px;width:14px}.home-location-selector select{font-size:11px}.home-nav-icon-btn{padding:5px}.home-nav-icon-btn svg{height:16px;width:16px}.home-hero-section{padding:18px 0}.home-hero-title{font-size:22px;line-height:1.3;margin-bottom:8px}.home-hero-subtitle{font-size:13px;line-height:1.5;margin-bottom:16px}.home-cta-primary,.home-cta-secondary{font-size:13px;padding:10px 16px;width:100%}.home-hero-stats{gap:8px;grid-template-columns:1fr;margin-top:18px}.home-hero-stat-card{padding:12px}.home-stat-icon{height:38px;width:38px}.home-stat-icon svg{height:18px;width:18px}.home-stat-info h3{font-size:16px}.home-stat-info p{font-size:11px}.home-happenings-container{border-radius:10px;border-width:1.5px;height:320px}.home-happenings-content{gap:8px;padding:10px}.home-happenings-header{gap:8px;padding-bottom:8px}.home-happenings-icon{height:30px;width:30px}.home-happenings-icon svg{height:16px;width:16px}.home-happenings-title{font-size:13px}.home-live-badge{font-size:7px;gap:3px;padding:3px 7px}.home-live-dot{height:4px;width:4px}.home-happenings-tabs{gap:4px;padding-bottom:6px}.home-happening-tab{font-size:10px;padding:4px 8px}.home-happening-tab svg{height:10px;width:10px}.home-happenings-list{gap:6px}.home-happening-item{border-radius:6px;gap:8px;padding:8px}.home-happening-icon-wrapper{height:24px;width:24px}.home-happening-icon-wrapper svg{height:12px;width:12px}.home-happening-message{font-size:11px;line-height:1.4}.home-happening-meta{font-size:9px}.home-happening-image-wrapper{height:100px}.home-happenings-footer{padding-top:8px}.home-view-all-happenings-btn{font-size:11px;padding:8px 14px}.home-view-all-happenings-btn svg{height:12px;width:12px}.home-indicator{height:6px;width:6px}.home-indicator.home-active{width:18px}.home-ad-layer-section{padding:20px 0}.home-ad-layer-header{font-size:11px;margin-bottom:12px;padding:6px 14px}.home-ad-layer-header svg{height:12px;width:12px}.home-image-ad-carousel-modern{border-radius:10px;height:220px}.home-carousel-content-overlay{padding:14px}.home-carousel-ad-info h2{font-size:16px;margin-bottom:6px}.home-carousel-ad-info p{font-size:12px;margin-bottom:8px}.home-ad-badge-featured{font-size:9px;padding:3px 8px}.home-ad-cta-button{font-size:11px;padding:7px 14px}.home-carousel-nav-btn{height:32px;width:32px}.home-carousel-nav-btn svg{height:14px;width:14px}.home-carousel-nav-btn.home-prev{left:10px}.home-carousel-nav-btn.home-next{right:10px}.home-carousel-indicators{bottom:10px;gap:4px}.home-carousel-indicator{height:3px;width:20px}.home-carousel-indicator.home-active{width:32px}.home-video-ads-section{padding:20px 0}.home-video-ads-grid{gap:14px;grid-template-columns:1fr}.home-video-ad-card-modern{border-radius:10px;height:380px}.home-video-ad-overlay-modern{gap:10px;padding:14px 12px}.home-video-ad-info-modern h3{font-size:15px;margin-bottom:6px}.home-video-ad-info-modern p{font-size:12px}.home-ad-badge-premium{font-size:9px;margin-bottom:6px;padding:4px 10px}.home-video-control-btn{height:34px;width:34px}.home-video-control-btn svg{height:14px;width:14px}.home-businesses-section,.home-trending-section{padding:20px 0}.home-section-header-trending{margin-bottom:16px}.home-section-title-badge{font-size:11px;padding:6px 12px}.home-section-title-badge svg{height:12px;width:12px}.home-section-main-title{font-size:22px;margin-bottom:8px}.home-section-subtitle{font-size:13px}.home-categories-intro{margin-bottom:20px}.home-category-section-animated{border-radius:10px;margin-bottom:18px;padding:14px}.home-category-header-animated{gap:10px;margin-bottom:14px}.home-category-icon-mega{height:42px;width:42px}.home-category-icon-mega svg{height:20px;width:20px}.home-category-title-info h2{font-size:18px}.home-category-title-info p{font-size:11px}.home-view-all-btn-animated{font-size:12px;padding:8px 16px}.home-view-all-btn-animated svg{height:12px;width:12px}.home-businesses-grid-animated,.home-trending-grid{gap:12px;grid-template-columns:1fr}.home-business-card-animated,.home-trending-card{border-radius:10px}.home-business-image-container-animated,.home-trending-image-container{height:160px}.home-business-badges-animated,.home-trending-badges{gap:4px;left:6px;top:6px}.home-badge-animated{font-size:9px;padding:4px 8px}.home-quick-actions-animated{gap:4px;right:6px;top:6px}.home-quick-action-btn-animated{height:34px;width:34px}.home-quick-action-btn-animated svg{height:14px;width:14px}.home-business-info-animated,.home-trending-info{padding:12px}.home-business-name-animated,.home-trending-name{font-size:15px;margin-bottom:6px}.home-business-meta-animated,.home-trending-meta{font-size:11px;margin-bottom:6px}.home-business-description-animated,.home-trending-description{font-size:12px;margin-bottom:10px}.home-business-actions-animated,.home-trending-actions{gap:6px}.home-contact-btn-animated,.home-view-btn-animated{font-size:12px;padding:8px 12px}.home-cta-section{padding:24px 0}.home-cta-content h2{font-size:22px;margin-bottom:10px}.home-cta-content p{font-size:13px;margin-bottom:18px}.home-cta-buttons{gap:10px}.home-cta-btn-primary,.home-cta-btn-secondary{font-size:13px;padding:11px 20px;width:100%}.home-footer{padding:24px 0 12px}.home-footer-grid{gap:20px;grid-template-columns:1fr;margin-bottom:20px;padding-bottom:20px}.home-footer-section h4{font-size:14px;margin-bottom:10px}.home-footer-section button{font-size:12px;margin-bottom:6px}.home-footer-brand p{font-size:12px}.home-footer-logo{font-size:20px;margin-bottom:10px}.home-footer-bottom{padding-top:12px}.home-footer-bottom p{font-size:12px}.home-scroll-top{bottom:16px;height:44px;right:16px;width:44px}.home-scroll-top svg{height:18px;width:18px}.home-location-card{padding:24px}.home-location-icon-wrapper{height:72px;margin-bottom:16px;width:72px}.home-location-icon-wrapper svg{height:32px;width:32px}.home-location-card h1{font-size:24px;margin-bottom:8px}.home-subtitle{font-size:13px;margin-bottom:20px}.home-location-selects{gap:10px;margin-bottom:20px}.home-select-wrapper label{font-size:12px;margin-bottom:6px}.home-select-wrapper select{font-size:13px;padding:10px 12px}.home-detect-btn{font-size:14px;padding:11px 18px}.home-location-stats{gap:12px;grid-template-columns:1fr;padding-top:18px}.home-stat-icon-wrapper{height:40px;width:40px}.home-stat-icon-wrapper svg{height:18px;width:18px}.home-stat-details strong{font-size:16px}.home-stat-details span{font-size:11px}.home-loading-content h2{font-size:24px;margin:16px 0 8px}.home-loading-content p{font-size:13px}.home-loader-ring{height:52px;width:52px}.home-loader-ring div{height:42px;width:42px}.home-toast{bottom:20px;font-size:12px;max-width:300px;padding:12px 18px}}@media (max-width:480px){:root{--home-container-padding:10px;--home-spacing-xs:2px;--home-spacing-sm:4px;--home-spacing-md:6px;--home-spacing-lg:10px;--home-spacing-xl:14px;--home-spacing-2xl:20px}.home-logo{font-size:14px}.home-hero-title{font-size:19px}.home-hero-subtitle{font-size:12px}.home-cta-primary,.home-cta-secondary{font-size:12px;padding:9px 14px}.home-happenings-container{border-radius:8px;height:280px}.home-happenings-content{gap:6px;padding:8px}.home-happenings-icon{height:26px;width:26px}.home-happenings-icon svg{height:14px;width:14px}.home-happenings-title{font-size:12px}.home-live-badge{font-size:6px;padding:2px 6px}.home-happening-tab{font-size:9px;padding:3px 7px}.home-happening-item{gap:6px;padding:6px}.home-happening-icon-wrapper{height:20px;width:20px}.home-happening-icon-wrapper svg{height:10px;width:10px}.home-happening-message{font-size:10px}.home-happening-meta{font-size:8px}.home-happening-image-wrapper{height:80px}.home-view-all-happenings-btn{font-size:10px;padding:7px 12px}.home-image-ad-carousel-modern{height:180px}.home-carousel-content-overlay{padding:10px}.home-carousel-ad-info h2{font-size:14px}.home-carousel-ad-info p{font-size:11px}.home-ad-cta-button{font-size:10px;padding:6px 12px}.home-carousel-nav-btn{height:28px;width:28px}.home-carousel-nav-btn svg{height:12px;width:12px}.home-video-ad-card-modern{height:340px}.home-video-ad-overlay-modern{padding:12px 10px}.home-video-ad-info-modern h3{font-size:14px}.home-video-ad-info-modern p{font-size:11px}.home-video-control-btn{height:30px;width:30px}.home-video-control-btn svg{height:12px;width:12px}.home-section-main-title{font-size:19px}.home-section-subtitle{font-size:12px}.home-category-section-animated{padding:12px}.home-category-icon-mega{height:36px;width:36px}.home-category-icon-mega svg{height:18px;width:18px}.home-category-title-info h2{font-size:16px}.home-category-title-info p{font-size:10px}.home-view-all-btn-animated{font-size:11px;padding:7px 14px}.home-business-image-container-animated,.home-trending-image-container{height:140px}.home-business-info-animated,.home-trending-info{padding:10px}.home-business-name-animated,.home-trending-name{font-size:14px}.home-business-meta-animated,.home-trending-meta{font-size:10px}.home-business-description-animated,.home-trending-description{font-size:11px}.home-contact-btn-animated,.home-view-btn-animated{font-size:11px;padding:7px 10px}.home-quick-action-btn-animated{height:30px;width:30px}.home-quick-action-btn-animated svg{height:12px;width:12px}.home-cta-content h2{font-size:19px}.home-cta-content p{font-size:12px}.home-cta-btn-primary,.home-cta-btn-secondary{font-size:12px;padding:10px 18px}.home-scroll-top{bottom:14px;height:40px;right:14px;width:40px}.home-scroll-top svg{height:16px;width:16px}.home-location-card{padding:20px}.home-location-icon-wrapper{height:64px;width:64px}.home-location-icon-wrapper svg{height:28px;width:28px}.home-location-card h1{font-size:20px}.home-subtitle{font-size:12px}}@media (max-width:360px){.home-hero-title{font-size:17px}.home-hero-subtitle{font-size:11px}.home-happenings-container{height:260px}.home-happenings-icon{height:24px;width:24px}.home-happenings-title{font-size:11px}.home-happening-tab{font-size:8px;padding:3px 6px}.home-happening-message{font-size:9px}.home-happening-meta{font-size:7px}.home-view-all-happenings-btn{font-size:9px}.home-image-ad-carousel-modern{height:160px}.home-carousel-ad-info h2{font-size:13px}.home-carousel-ad-info p{font-size:10px}.home-video-ad-card-modern{height:320px}.home-video-ad-info-modern h3{font-size:13px}.home-video-ad-info-modern p{font-size:10px}.home-section-main-title{font-size:17px}.home-section-subtitle{font-size:11px}.home-category-icon-mega{height:32px;width:32px}.home-category-title-info h2{font-size:15px}.home-business-image-container-animated,.home-trending-image-container{height:120px}.home-business-name-animated,.home-trending-name{font-size:13px}.home-cta-content h2{font-size:17px}}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #00023e;outline:3px solid var(--home-accent-orange);outline-offset:2px}@media print{.home-carousel-indicators,.home-carousel-nav-btn,.home-footer,.home-quick-actions-animated,.home-scroll-top,.home-top-nav,.home-video-controls-modern{display:none}.home-business-card-animated,.home-trending-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.home-community-container{animation:home-communityEntrance .8s ease;background:linear-gradient(135deg,#00023e,#000130);border:2px solid #0066c0;border-radius:16px;border-radius:var(--home-radius-xl);box-shadow:0 20px 60px #00023e66,inset 0 0 0 1px #0066c04d;display:flex;flex-direction:column;height:500px;overflow:hidden;position:relative;z-index:1}@keyframes home-communityEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.home-community-bg-effects{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.home-community-bg-effect{animation:home-communityFloatingOrbs 25s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.home-community-bg-effect-1{animation-delay:0s;background:radial-gradient(circle,#0066c0,#0000);height:400px;left:-150px;top:-150px;width:400px}.home-community-bg-effect-2{animation-delay:-8s;background:radial-gradient(circle,#00023e,#0000);bottom:-120px;height:350px;right:-120px;width:350px}.home-community-bg-effect-3{animation-delay:-15s;background:radial-gradient(circle,#067d62,#0000);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes home-communityFloatingOrbs{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-40px) scale(1.15)}50%{transform:translate(-30px,30px) scale(.85)}75%{transform:translate(30px,40px) scale(1.1)}}.home-community-content{color:#fff;display:flex;flex:1 1;flex-direction:column;gap:24px;gap:var(--home-spacing-lg);min-height:0;padding:32px;padding:var(--home-spacing-xl);position:relative;z-index:1}.home-community-header{align-items:center;border-bottom:2px solid #0066c04d;display:flex;flex-shrink:0;gap:16px;gap:var(--home-spacing-md);padding-bottom:16px;padding-bottom:var(--home-spacing-md)}.home-community-icon-wrapper{align-items:center;animation:home-communityIconPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#0066c0,#004f8d);border-radius:12px;border-radius:var(--home-radius-lg);box-shadow:0 8px 24px #0066c066,inset 0 0 0 1px #fff3;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@keyframes home-communityIconPulse{0%,to{box-shadow:0 8px 24px #0066c066;transform:scale(1)}50%{box-shadow:0 12px 32px #0066c099;transform:scale(1.08)}}.home-community-icon-animated{animation:home-communityIconRotate 20s linear infinite}@keyframes home-communityIconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-community-title{color:#fff;flex:1 1;font-size:24px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 8px #0000004d}.home-community-badge{align-items:center;animation:home-communityBadgePulse 2s ease-in-out infinite;background:#067d6233;border:1px solid #067d6280;border-radius:9999px;border-radius:var(--home-radius-full);box-shadow:0 0 20px #067d624d;color:#10b981;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}@keyframes home-communityBadgePulse{0%,to{box-shadow:0 0 20px #067d624d}50%{box-shadow:0 0 30px #067d6280}}.home-community-pulse{animation:home-communityPulseDot 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 12px #10b981;height:10px;width:10px}@keyframes home-communityPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.home-community-main{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--home-spacing-md);overflow-y:auto;padding-right:8px;scrollbar-color:#0066c04d #0000;scrollbar-width:thin}.home-community-main::-webkit-scrollbar{width:6px}.home-community-main::-webkit-scrollbar-track{background:#0000}.home-community-main::-webkit-scrollbar-thumb{background:#0066c04d;border-radius:9999px;border-radius:var(--home-radius-full)}.home-community-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1.2;margin:0;text-shadow:0 2px 12px #0000004d}.home-community-subtitle{color:#ffffffd9;font-size:16px;line-height:1.5;margin:0}.home-community-location{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#0066c0;font-weight:700}.home-community-features{display:flex;flex-direction:column;gap:10px;margin:16px 0;margin:var(--home-spacing-md) 0}.home-community-feature{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--home-radius-md);color:#ffffffb3;display:flex;font-size:14px;gap:12px;opacity:.6;padding:12px 16px;transform:translateX(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.home-community-feature-active{background:#0066c026;border-color:#0066c066;box-shadow:0 4px 16px #0066c04d;color:#fff;opacity:1;transform:translateX(0)}.home-community-feature-icon{align-items:center;background:#0066c033;border:1px solid #0066c04d;border-radius:8px;border-radius:var(--home-radius-md);color:#3b82f6;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.home-community-feature-active .home-community-feature-icon{background:#0066c066;border-color:#0066c099;box-shadow:0 0 20px #0066c080;transform:scale(1.1)}.home-community-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:16px 0;margin:var(--home-spacing-md) 0}.home-community-stat{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--home-radius-md);display:flex;flex-direction:column;gap:6px;padding:14px 10px;transition:all .3s ease}.home-community-stat:hover{background:#ffffff1f;border-color:#0066c080;box-shadow:0 8px 20px #0066c04d;transform:translateY(-4px)}.home-community-stat svg{color:#3b82f6}.home-community-stat-value{color:#fff;font-size:20px;font-weight:800}.home-community-stat-label{color:#ffffffb3;font-size:11px;text-align:center}.home-community-highlights{display:flex;flex-direction:column;gap:8px;margin:8px 0;margin:var(--home-spacing-sm) 0}.home-community-highlight{align-items:center;background:#067d621a;border-left:3px solid #10b981;border-radius:4px;border-radius:var(--home-radius-sm);color:#ffffffd9;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:all .3s ease}.home-community-highlight:hover{background:#067d6233;transform:translateX(4px)}.home-community-highlight svg{color:#10b981;flex-shrink:0}.home-community-footer{align-items:center;border-top:2px solid #0066c04d;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding-top:16px;padding-top:var(--home-spacing-md)}.home-community-cta-btn{align-items:center;background:linear-gradient(135deg,#0066c0,#004f8d);border:none;border-radius:8px;border-radius:var(--home-radius-md);box-shadow:0 6px 20px #0066c066;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease;width:100%}.home-community-cta-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.home-community-cta-btn:hover:before{left:100%}.home-community-cta-btn:hover{background:linear-gradient(135deg,#004f8d,#036);box-shadow:0 8px 24px #0066c080;transform:translateY(-2px)}.home-community-arrow{transition:transform .3s ease}.home-community-cta-btn:hover .home-community-arrow{transform:translateX(4px)}.home-community-footer-text{color:#fff9;font-size:12px;margin:0;text-align:center}@media (max-width:1024px){.home-community-container{height:460px}.home-community-headline{font-size:24px}.home-community-subtitle{font-size:14px}.home-community-stats-row{gap:10px}.home-community-stat{padding:12px 8px}.home-community-stat-value{font-size:18px}}@media (max-width:768px){.home-community-container{border-radius:10px;border-width:1.5px;height:420px}.home-community-content{gap:10px;padding:12px}.home-community-header{gap:10px;padding-bottom:10px}.home-community-icon-wrapper{height:42px;width:42px}.home-community-icon-wrapper svg{height:20px;width:20px}.home-community-title{font-size:16px}.home-community-badge{font-size:9px;gap:4px;padding:5px 10px}.home-community-pulse{height:6px;width:6px}.home-community-headline{font-size:18px}.home-community-subtitle{font-size:12px}}*{font-family:Poppins,sans-serif}#root,body,html{overflow-x:hidden}#root,.about-page,body,html{background:linear-gradient(135deg,var(--main-blue),var(--light-blue));color:#fff;color:var(--white);min-height:100vh}.about-page{align-items:flex-start;display:flex;justify-content:center;padding:60px 20px;position:relative;z-index:1}.about-container{animation:slideUp .8s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;background-color:var(--glass);border-radius:16px;box-shadow:0 8px 30px #0003;max-width:900px;padding:40px;position:relative;width:100%;z-index:2}.about-header{margin-bottom:40px;text-align:center}.about-header h1{background:linear-gradient(90deg,#fff,#d0e1ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:700;text-shadow:0 0 5px #ffffff4d;text-shadow:var(--text-glow)}.about-header p{color:#ffffffd9;font-size:1.2rem;margin-top:10px}.about-section{margin-bottom:30px}.about-section h2{color:#fff;color:var(--white);font-size:1.8rem;font-weight:600;margin-bottom:12px}.about-section li,.about-section p{color:#ffffffe6;font-size:1.05rem;line-height:1.7}.about-section ul{list-style:none;padding-left:0}.about-section li a{color:#fff;color:var(--white);text-decoration:underline}.about-footer{color:#fffffff2;font-size:1.1rem;font-weight:500;margin-top:40px;text-align:center}@media (max-width:600px){.about-header h1{font-size:2.2rem}.about-container{padding:25px}.about-section h2{font-size:1.4rem}.about-section li,.about-section p{font-size:1rem}}:root{--accent-error-dark:#b91c1c;--accent-info-dark:#991b1b;--accent-purple:#dc2626;--accent-pink:#f87171;--border-focus:#dc26264d;--shadow-glow:0 0 20px #dc262626;--shadow-glow-success:0 0 20px #10b98126;--shadow-glow-error:0 0 20px #dc262633;--z-dropdown:1000;--z-popover:1060;--z-tooltip:1070}::-moz-selection{background-color:#dc2626;background-color:var(--accent-primary);color:#fff}.create-app-container{background:linear-gradient(180deg,#fff,#fef2f2 50%,#fff);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.create-app-container:before{background:radial-gradient(circle at 30% 20%,#dc262608 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.create-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 24px;position:sticky;top:0;z-index:1020;z-index:var(--z-sticky)}.create-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}.create-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:1}.create-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}.create-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.create-user-info{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#2a2a2a;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.create-user-info:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.create-draft-badge,.create-products-badge,.create-store-badge{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.create-store-badge{background:#dc26261a;border:1px solid #dc26264d;color:#dc2626;color:var(--accent-primary)}.create-products-badge{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--accent-success)}.create-draft-badge{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--accent-warning)}.create-app-body{flex:1 1;gap:20px;margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.create-app-body,.create-step-navigation{display:flex;flex-direction:column;width:100%}.create-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}.create-nav-step,.create-step-navigation{border:1px solid #e5e5e5;border:1px solid var(--border-primary)}.create-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)}.create-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}.create-nav-step:active{transform:scale(.98)}.create-nav-step.create-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}.create-nav-step.create-active:before{transform:scaleY(1)}.create-nav-step:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.4}.create-step-icon{font-size:20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.create-nav-step.create-active .create-step-icon{color:#dc2626;color:var(--accent-primary)}.create-step-label{flex:1 1}.create-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}.create-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}.create-step-content{animation:fadeIn .3s ease}.create-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}.create-form-section h3:after{background:#dc2626;background:var(--accent-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.create-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.create-form-group{display:flex;flex-direction:column;gap:8px}.create-form-group.create-has-error .create-form-input,.create-form-group.create-has-error .create-form-select,.create-form-group.create-has-error .create-form-textarea{border-color:#dc2626;border-color:var(--border-error);box-shadow:0 0 0 3px #dc26261a}.create-form-label{align-items:center;color:#2a2a2a;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.01em}.create-form-input,.create-form-select,.create-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%}.create-form-input:hover,.create-form-select:hover,.create-form-textarea:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.create-form-input:focus,.create-form-select:focus,.create-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}.create-form-input::placeholder,.create-form-textarea::placeholder{color:#737373;color:var(--text-muted);font-weight:400}.create-form-textarea{line-height:1.6;min-height:120px;resize:vertical}.create-form-select{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}.create-error-message{align-items:center;color:#dc2626;color:var(--accent-error);display:flex;font-size:13px;font-weight:600;gap:6px}.create-error-message:before{content:"⚠";font-size:14px}.create-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)}.create-btn:active{transform:scale(.98)}.create-btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.create-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}.create-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)}.create-btn-outline{background-color:initial;border:2px solid #d4d4d4;border:2px solid var(--border-secondary);color:#000;color:var(--text-primary)}.create-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}.create-btn-sm{font-size:14px;padding:8px 16px}.create-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.create-spinner.create-large{border-width:4px;height:48px;width:48px}.create-loading-ring{display:inline-block;height:48px;position:relative;width:48px}.create-loading-ring:after{animation:loadingRing 1.2s linear infinite;border:4px solid #dc2626;border-color:#dc2626 #0000;border-color:var(--accent-primary) #0000 var(--accent-primary) #0000;border-radius:50%;border-style:solid;border-width:4px;content:"";display:block;height:40px;margin:4px;width:40px}@keyframes loadingRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-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)}.create-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)}.create-notification-error{border-color:#dc2626;border-color:var(--accent-error);color:#dc2626;color:var(--accent-error)}.create-notification-error,.create-notification-info{background:#fffffffa;box-shadow:0 0 20px #dc262626,0 25px 50px -12px #00000026;box-shadow:0 0 20px #dc262626,var(--shadow-2xl)}.create-notification-info{border-color:#dc2626;border-color:var(--accent-info);color:#dc2626;color:var(--accent-info)}.create-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}.create-notification-close:active{transform:scale(.9)}.create-business-hour-item,.create-business-hours-grid{display:flex;flex-direction:column;gap:12px}.create-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)}.create-business-hour-item:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.create-day-label{color:#000;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:.01em}.create-hour-inputs{display:flex;flex-direction:column;gap:12px}.create-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)}.create-checkbox-label:hover{color:#000;color:var(--text-primary)}.create-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}.create-time-inputs{display:flex;flex-direction:column;gap:12px}.create-time-input{width:100%}.create-products-section{display:flex;flex-direction:column;gap:24px}.product-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card:active{transform:scale(.98)}.stat-icon{line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.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}.stat-value{color:#000;color:var(--text-primary);letter-spacing:-.02em;margin:0}.stat-card.stat-success{background:#10b9810d;border-color:#10b98133}.stat-card.stat-success .stat-icon{color:#10b981;color:var(--accent-success)}.stat-card.stat-warning{background:#f59e0b0d;border-color:#f59e0b33}.stat-card.stat-warning .stat-icon{color:#f59e0b;color:var(--accent-warning)}.stat-card.stat-info{background:#dc26260d;border-color:#dc262633}.stat-card.stat-info .stat-icon{color:#dc2626;color:var(--accent-info)}.product-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.product-search{position:relative;width:100%}.search-input{background:#fefefe;background:var(--bg-card);border:2px solid #e5e5e5;border:2px solid var(--border-primary);color:#000;font-weight:500;padding:14px 14px 14px 48px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.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)}.search-icon{color:#525252;color:var(--text-tertiary);font-size:20px;left:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-input:focus+.search-icon{color:#dc2626;color:var(--accent-primary)}.product-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border-primary);color:#000;flex:1 1;font-weight:600;min-width:120px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filter-select:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.filter-select:focus{border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 0 0 3px #dc26261a}.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);gap:4px;width:100%}.view-btn{background:none;border-radius:.5rem;border-radius:var(--radius-md);color:#2a2a2a;color:var(--text-secondary);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)}.view-btn:active{transform:scale(.98)}.view-btn.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}.products-display{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.product-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)}.product-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)}.product-display-card:active{transform:scale(.98)}.product-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%}.product-image{transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow)}.product-placeholder{color:#737373;font-size:14px;padding:16px;text-align:center}.low-stock-badge,.out-of-stock-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;right:12px;text-transform:uppercase;top:12px}.out-of-stock-badge{background:#dc2626f2;border:1px solid #dc262680;color:#fff}.low-stock-badge{background:#f59e0bf2;border:1px solid #f59e0b80;color:#fff}.product-details{flex-direction:column;gap:12px}.product-name{color:#000;letter-spacing:-.01em;margin:0}.product-description{color:#2a2a2a;font-size:14px;line-height:1.6;margin:0}.product-meta{align-items:center}.product-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}.product-tags{display:flex;flex-wrap:wrap;gap:6px}.product-tag{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;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.product-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);gap:16px}.product-pricing{gap:4px}.product-price{color:#dc2626;color:var(--accent-primary);letter-spacing:-.02em}.product-features-preview,.product-stock{color:#525252;color:var(--text-tertiary);font-size:12px}.product-features-preview{font-weight:500}.product-sku{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);color:#737373;font-size:12px;margin-top:8px;padding-top:8px}.empty-products-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}.empty-icon{font-size:60px;opacity:.3}.empty-products-state h3{color:#000;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.empty-products-state p{color:#2a2a2a;color:var(--text-secondary);font-size:15px;margin:0;max-width:400px}.add-more-products{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;justify-content:center;margin-top:20px;padding-top:20px}.create-templates-section{display:flex;flex-direction:column;gap:24px}.create-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.create-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)}.create-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)}.create-template-card:active{transform:scale(.98)}.create-template-card.create-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)}.create-template-card.create-selected:before{transform:scaleX(1)}.create-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%}.create-template-preview img{height:100%;object-fit:cover;width:100%}.create-template-placeholder{color:#737373;color:var(--text-muted);font-size:14px;padding:16px;text-align:center}.create-template-info{display:flex;flex-direction:column;gap:12px;padding:20px}.create-template-info h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.create-template-info p{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.create-template-actions{margin-top:12px}.create-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:400px;padding:40px 20px;text-align:center}.create-empty-state .empty-icon{font-size:80px;opacity:.2}.create-empty-state p{color:#2a2a2a;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0;max-width:400px}.create-preview-section{display:flex;flex-direction:column;gap:24px}.create-preview-header{display:flex;flex-direction:column;gap:16px}.create-preview-header h3{color:#000;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.create-preview-actions{display:flex;flex-wrap:wrap;gap:12px}.create-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}.create-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}.create-subdomain-section h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}@media (min-width:640px){.create-app-header h1{font-size:28px}.create-header-actions{gap:16px}.create-form-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.create-business-hour-item{align-items:center;flex-direction:row}.create-day-label{min-width:120px}.create-hour-inputs,.create-time-inputs{flex:1 1;flex-direction:row}.create-time-input{max-width:140px}.product-stats-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.view-toggle{margin-left:auto;width:auto}.products-display.grid-view{grid-template-columns:repeat(2,1fr)}.product-image-container{height:240px}.create-templates-grid{grid-template-columns:repeat(2,1fr)}.create-template-preview{height:200px}.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}.create-preview-header{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:768px){.create-app-header{padding:24px 32px}.create-app-header h1{font-size:32px}.create-app-body{flex-direction:row;gap:24px;padding:32px}.create-step-navigation{height:fit-content;padding:20px;position:sticky;top:130px;width:260px}.create-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)}.create-main-content{padding:32px}.create-form-section h3{font-size:22px}.create-form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.create-btn:hover:not(:disabled){box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.create-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #dc262666}.create-btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{font-size:48px}.stat-value{font-size:32px}.product-stats-grid{grid-template-columns:repeat(3,1fr)}.product-controls{align-items:center;flex-direction:row}.product-search{flex:1 1}.filter-select{flex:initial}.products-display.grid-view{grid-template-columns:repeat(3,1fr)}.product-display-card:hover{box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.product-display-card:hover:before{transform:scaleX(1)}.product-image-container{height:260px}.create-templates-grid{grid-template-columns:repeat(3,1fr)}.create-template-card:hover{box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.create-template-card:hover:before{transform:scaleX(1)}.create-template-preview{height:220px}}@media (min-width:1024px){.create-app-header h1{font-size:36px}.create-form-section h3{font-size:24px}.create-templates-grid,.product-stats-grid,.products-display.grid-view{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.products-display.grid-view{grid-template-columns:repeat(4,1fr)}}@media print{.create-app-header,.create-btn,.create-notification,.create-step-navigation{display:none}.create-app-body{padding:0}.create-main-content{border:none;box-shadow:none}}@media (prefers-contrast:high){.create-btn,.create-form-input,.create-form-select,.create-form-textarea{border-width:2px}}.create-main-content,.create-step-navigation,.create-template-card,.product-display-card{will-change:transform}.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{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{color:#fff;height:45px;transition:all .3s;width:45px}.icon-btn:hover{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;transform:translateY(-2px)}.quick-actions{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.quick-action-btn{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 5px 20px #0000004d;cursor:pointer;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{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;font-weight:600;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;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{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;font-size:1.8em;height:60px;justify-content:center;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{background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fff;font-size:.95em;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{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:4px solid #1a1a1a;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.loading-state p{color:#888;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%}}.loginsignup-container{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:40px 20px}.loginsignup-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 20px 60px #0000;max-width:480px;padding:48px;width:100%}.loginsignup-header{margin-bottom:40px;text-align:center}.loginsignup-logo-img{border-radius:12px;height:64px;margin-bottom:24px;width:64px}.loginsignup-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.loginsignup-subtitle{color:grey;font-size:16px;font-weight:400;line-height:1.5}.loginsignup-subtitle strong{color:#fff;font-weight:600}.loginsignup-form{display:flex;flex-direction:column;gap:20px}.loginsignup-input-group{align-items:center;display:flex;position:relative}.loginsignup-input-icon{color:#666;font-size:18px;left:16px;pointer-events:none;position:absolute;z-index:1}.loginsignup-input{-webkit-text-fill-color:#000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#000!important;font-size:16px;font-weight:400;outline:none;padding:16px 16px 16px 48px;transition:all .2s ease;width:100%}.loginsignup-input::placeholder{-webkit-text-fill-color:#999;color:#999}.loginsignup-input:focus{-webkit-text-fill-color:#000;background:#fff;border-color:#666;color:#000!important}.loginsignup-input:-webkit-autofill,.loginsignup-input:-webkit-autofill:focus,.loginsignup-input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;border:1px solid #e0e0e0;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;box-shadow:inset 0 0 0 1000px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.loginsignup-input:hover:not(:focus){border-color:#999}.loginsignup-password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:16px;transition:color .2s ease}.loginsignup-password-toggle:hover{color:#fff}.loginsignup-message{border-radius:10px;font-size:14px;font-weight:500;line-height:1.4;padding:14px 16px;text-align:center}.loginsignup-error-message{background:#1a0000;border:1px solid #300;color:#f44}.loginsignup-success-message{background:#001a00;border:1px solid #030;color:#4f4}.loginsignup-submit-button{align-items:center;background:#fff;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .2s ease;width:100%}.loginsignup-submit-button:hover:not(:disabled){background:#e6e6e6;transform:translateY(-1px)}.loginsignup-submit-button:active:not(:disabled){transform:translateY(0)}.loginsignup-submit-button:disabled{background:#1a1a1a;border:1px solid #262626;color:#666;cursor:not-allowed}.loginsignup-spinner{animation:spin 1s linear infinite}.loginsignup-divider{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;margin:28px 0;text-align:center}.loginsignup-divider:after,.loginsignup-divider:before{border-bottom:1px solid #262626;content:"";flex:1 1}.loginsignup-divider span{padding:0 16px}.loginsignup-google-button{align-items:center;background:#000;border:1px solid #262626;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.loginsignup-google-button:hover:not(:disabled){background:#0a0a0a;border-color:#404040}.loginsignup-google-button:disabled{cursor:not-allowed;opacity:.5}.loginsignup-google-button svg{font-size:20px}.loginsignup-footer{border-top:1px solid #1a1a1a;margin-top:32px;padding-top:24px;text-align:center}.loginsignup-footer p{color:grey;font-size:15px;font-weight:400}.loginsignup-link-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:6px;margin-left:6px;padding:0;transition:opacity .2s ease}.loginsignup-link-button:hover:not(:disabled){opacity:.8;text-decoration:underline}.loginsignup-link-button:disabled{cursor:not-allowed;opacity:.4}.loginsignup-back-link{color:grey;font-weight:500;justify-content:center;margin-top:16px;width:100%}.loginsignup-back-link:hover:not(:disabled){color:#fff}.loginsignup-otp-input-group{display:flex;gap:12px;justify-content:center;margin:32px 0}.loginsignup-otp-digit-input{border:2px solid #e0e0e0;border-radius:12px;font-size:28px;font-weight:700;height:64px;outline:none;text-align:center;transition:all .2s ease;width:56px}.loginsignup-otp-digit-input,.loginsignup-otp-digit-input:focus{-webkit-text-fill-color:#000;background:#fff;color:#000!important}.loginsignup-otp-digit-input:focus{border-color:#000;box-shadow:0 0 0 4px #0000001a}.loginsignup-otp-digit-input:-webkit-autofill{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.loginsignup-otp-digit-input:hover:not(:focus){border-color:#999}@media (max-width:640px){.loginsignup-card{max-width:100%;padding:32px 24px}.loginsignup-title{font-size:28px}.loginsignup-subtitle{font-size:15px}.loginsignup-otp-digit-input{font-size:24px;height:56px;width:48px}.loginsignup-otp-input-group{gap:8px}}@media (max-width:480px){.loginsignup-container{padding:20px 16px}.loginsignup-card{padding:24px 20px}.loginsignup-title{font-size:24px}.loginsignup-logo-img{height:56px;width:56px}.loginsignup-otp-digit-input{font-size:22px;height:52px;width:42px}.loginsignup-otp-input-group{gap:6px}}: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-container{background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:40px 20px}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:720px;padding:40px}.loading-container{gap:16px;min-height:60vh}.spinner{border:3px solid #e5e7eb;border-top-color:#111827;height:40px;width:40px}.loading-container p{color:#6b7280;font-size:14px}.account-header{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding-bottom:24px}.account-header h1{color:#111827;font-size:28px;font-weight:600;margin-bottom:8px}.account-header p{color:#6b7280;font-size:14px}.account-form{display:flex;flex-direction:column;gap:40px}.form-section{gap:20px}.form-section h2{color:#111827;font-size:18px;margin-bottom:0}.profile-section{align-items:center;display:flex;flex-direction:column;gap:16px}.profile-picture-wrapper{background:#f9fafb;border:3px solid #e5e7eb;border-radius:50%;height:120px;overflow:hidden;width:120px}.profile-picture{display:block;height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;height:100%;justify-content:center;width:100%}.profile-actions{align-items:center;display:flex;gap:12px}.file-label{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.file-label:hover{background:#1f2937;transform:translateY(-1px)}.file-label:active{transform:translateY(0)}.btn-remove{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-remove:hover{background:#fef2f2;transform:translateY(-1px)}.btn-remove:active{transform:translateY(0)}.btn-remove:disabled,.file-label:has(.file-input:disabled){cursor:not-allowed;opacity:.5}.file-hint{color:#6b7280;font-size:13px;margin:0;text-align:center}.form-group{margin-bottom:0}.required{color:#dc2626}.form-input,.form-textarea{background:#fff!important;border-radius:8px;color:#111827!important;font-size:14px}.form-input:focus,.form-textarea:focus{border-color:#111827!important;box-shadow:0 0 0 3px #1118271a!important}.input-hint{display:block;font-size:13px;margin-top:4px}.button-group{display:flex;gap:12px;margin-top:8px}.btn{border-radius:8px;flex:1 1;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background:#111827}.btn-primary:hover:not(:disabled){background:#1f2937;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary:hover:not(:disabled){background:#f9fafb;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.6}.btn-spinner{border:2px solid #ffffff4d;height:14px;width:14px}.message{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-top:24px;padding:12px 16px}.message svg{flex-shrink:0}.message-success{background:#f0fdf4;border-color:#86efac;color:#15803d}.message-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.message-warning{background:#fffbeb;border-color:#fde68a;color:#d97706}.danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:48px;padding:24px}.danger-zone h3{color:#991b1b;font-size:16px;font-weight:600;margin-bottom:8px}.danger-zone p{color:#7f1d1d;font-size:14px;margin-bottom:16px}.btn-danger{background:#dc2626;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.account-settings-container{padding:20px 16px}.account-card{border-radius:8px;padding:24px 20px}.account-header h1{font-size:24px}.account-form{gap:32px}.button-group{flex-direction:column}.btn{width:100%}.profile-actions{flex-direction:column;width:100%}.btn-remove,.file-label{justify-content:center;width:100%}}@media (max-width:480px){.account-card{padding:20px 16px}.account-header{margin-bottom:32px;padding-bottom:20px}.account-header h1{font-size:22px}.form-section h2{font-size:16px}}.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{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:fit-content;padding:16px;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{font-weight:600;margin-bottom:4px}.section-header p{color:#888;font-size:14px}.settings-form{gap:24px;max-width:600px}.form-group label{color:#e0e0e0}.form-group input,.form-group select,.form-group textarea{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:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#151515;border:1px solid #2a2a2a}.btn-secondary:hover{border-color:#3a3a3a}.btn-danger{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:15px}.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}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2a2a2a;transition:.3s}.toggle-slider:before{background-color:#fff;bottom:4px;left:4px;transition:.3s}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%}}.sell-products-container{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.sell-products-inner{margin:0 auto;max-width:1200px;padding:40px 20px}.sell-products-loading{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh}.sell-products-loading .text-center{text-align:center}.sell-products-loading h2{color:#1a1a1a;font-size:28px;font-weight:700;margin-top:20px}.sell-products-loading p{color:#6b7280;font-size:16px;margin-top:8px}.sell-products-header{margin-bottom:40px}.listing-type-toggle{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:0;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.toggle-btn:hover{color:#374151}.toggle-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#2563eb}.modal-overlay{animation:fadeIn .3s ease-out}.modal-container{animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d;max-width:500px}.modal-header{border-bottom:2px solid #e5e7eb}.modal-title{color:#1a1a1a;font-size:24px}.modal-title svg{color:#2563eb}.modal-description{font-size:15px;margin-bottom:24px}.modal-actions{margin-top:24px}.product-form{width:100%}.error-text{color:#dc2626;font-size:13px;margin-top:8px}.form-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px}.form-checkbox input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:20px;width:20px}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.product-form-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:30px;overflow:hidden;transition:all .3s ease}.product-form-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014}.product-form-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 28px}.remove-product-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-product-btn:hover{background:#fecaca;transform:scale(1.05)}.product-form-body{padding:28px}.image-previews{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.image-preview-item img,.image-preview-item video{height:100%;object-fit:cover;width:100%}.add-product-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-product-btn:hover{background:#eff6ff;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.btn-primary,.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}.btn-primary:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 24px #2563eb66;transform:translateY(-2px)}.btn-primary:active:not(:disabled),.submit-btn:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.products-view-section{width:100%}.products-view-section h2{color:#1a1a1a;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.products-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.products-loading .spinner{color:#2563eb}.products-loading p{color:#6b7280;font-size:16px;font-weight:500}.empty-products{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-products svg{color:#d1d5db;margin-bottom:20px}.empty-products h3{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:10px}.empty-products p{color:#6b7280;font-size:16px;margin-bottom:24px}.empty-products 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-products button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.products-grid{margin-top:30px}.product-card{border:2px solid #e5e7eb}.product-card:hover{border-color:#2563eb;box-shadow:0 12px 32px #0000001a}.product-card img{background:#f3f4f6;height:240px;object-fit:cover;width:100%}.product-card-content{padding:20px}.product-card-content h3{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:10px}.product-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}.product-price-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.product-price{color:#2563eb;font-size:24px;font-weight:800}.product-category{background:#f3f4f6;border-radius:6px;font-size:12px;padding:6px 12px;text-transform:capitalize}.product-meta{gap:8px;margin-bottom:16px}.meta-badge.stock{background:#d1fae5;color:#065f46}.product-link-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:12px}.product-card-actions{display:flex;gap:8px;margin-top:16px}.delete-product-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-product-btn:hover{background:#fecaca}@media (max-width:768px){.sell-products-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%}.listing-type-toggle,.view-toggle-btn{justify-content:center;width:100%}.form-grid-2,.form-grid-3,.products-grid{grid-template-columns:1fr}.products-grid{gap:20px}.product-form-header{padding:16px 20px}.form-header-left h3{font-size:18px}.product-form-body{padding:20px}.form-actions{flex-direction:column;width:100%}.add-product-btn,.submit-btn{justify-content:center;width:100%}.modal-container{margin:20px}.image-previews{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.products-view-section h2{font-size:28px}}@media (max-width:480px){.sell-products-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,.toggle-btn,.user-info{font-size:14px}.toggle-btn{padding:10px 16px}.view-toggle-btn{font-size:14px;padding:10px 20px}.message-alert{font-size:14px;padding:14px 16px}.modal-header{padding:20px}.modal-title{font-size:20px}.modal-body{padding:20px}.form-label{font-size:14px}.form-input,.form-select,.form-textarea{font-size:14px;padding:12px 14px}.product-form-card{margin-bottom:20px}.product-form-header{padding:14px 16px}.form-number{height:36px;width:36px}.form-header-left h3,.form-number{font-size:16px}.product-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(90px,1fr))}.add-product-btn,.btn-primary,.submit-btn{font-size:15px;padding:12px 20px}.products-view-section h2{font-size:24px}.products-grid{gap:16px}.product-card-content{padding:16px}.product-card-content h3{font-size:18px}.product-card-content p{font-size:13px}.product-price{font-size:20px}.product-card-actions{flex-direction:column}.copy-link-btn,.delete-product-btn,.view-link-btn{width:100%}.link-input{font-size:11px;padding:8px 10px}.empty-products{padding:60px 20px}.empty-products h3{font-size:20px}.empty-products p{font-size:15px}}@media (max-width:360px){.sell-products-inner{padding:16px 10px}.header-main h1{font-size:24px}.header-main p{font-size:14px}.toggle-btn{font-size:13px;gap:6px;padding:8px 12px}.image-previews{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-height:600px) and (orientation:landscape){.sell-products-inner{padding:20px 16px}.header-icon{height:48px;width:48px}.header-main h1{font-size:24px;margin-bottom:8px}.modal-container{max-height:90vh;overflow-y:auto}}@media print{.form-actions,.header-actions,.product-card-actions,.remove-image-btn,.remove-product-btn,.view-toggle-btn{display:none!important}.product-card,.product-form-card{border:1px solid #e5e7eb;page-break-inside:avoid}}.btn-primary:focus-visible,.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,.product-card,.product-form-card{border-width:3px}}:root{--gm-primary-black:#0f1111;--gm-primary-white:#fff;--gm-text-primary:#0f1111;--gm-text-secondary:#565959;--gm-text-tertiary:#888;--gm-accent-blue:#0066c0;--gm-accent-orange:#00023e;--gm-accent-green:#067d62;--gm-accent-red:#c7511f;--gm-bg-primary:#fff;--gm-bg-secondary:#f7f8f9;--gm-bg-tertiary:#eaeded;--gm-bg-hover:#f3f3f3;--gm-border-light:#d5d9d9;--gm-border-medium:#888c8c;--gm-border-dark:#565959;--gm-shadow-sm:0 1px 2px #0f111114;--gm-shadow-md:0 2px 5px #0f11111f;--gm-shadow-lg:0 4px 12px #0f111126;--gm-shadow-xl:0 8px 24px #0f11112e;--gm-transition-fast:0.15s ease;--gm-transition-normal:0.3s ease;--gm-transition-slow:0.5s ease;--gm-spacing-xs:4px;--gm-spacing-sm:8px;--gm-spacing-md:16px;--gm-spacing-lg:24px;--gm-spacing-xl:32px;--gm-spacing-2xl:48px;--gm-radius-sm:4px;--gm-radius-md:8px;--gm-radius-lg:12px;--gm-radius-xl:16px;--gm-radius-full:9999px;--gm-container-max:1600px;--gm-container-padding:20px}.gm-marketplace-page{background-color:#f7f8f9;background-color:var(--gm-bg-secondary);color:#0f1111;color:var(--gm-text-primary);min-height:100vh;position:relative}.gm-main-layout{grid-gap:24px;grid-gap:var(--gm-spacing-lg);display:grid;gap:24px;gap:var(--gm-spacing-lg);grid-template-columns:1fr 420px;margin:0 auto;max-width:1600px;max-width:var(--gm-container-max);padding:24px;padding:var(--gm-spacing-lg);transition:grid-template-columns .3s ease;transition:grid-template-columns var(--gm-transition-normal)}.gm-store-card .gm-store-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.gm-store-card .gm-store-logo{border:2px solid #d5d9d9;border:2px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);flex-shrink:0;height:60px;object-fit:cover;width:60px}.gm-store-card .gm-store-title{align-items:center;color:#0f1111;color:var(--gm-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.gm-store-card .gm-details{color:#565959;color:var(--gm-text-secondary);font-size:13px;font-weight:500;margin:0}.gm-location-badge,.gm-store-card .gm-distance,.gm-store-card .gm-rating,.gm-store-card .gm-views{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:4px;border-radius:var(--gm-radius-sm);color:#565959;color:var(--gm-text-secondary);display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.gm-store-card .gm-rating{color:#0f1111;color:var(--gm-text-primary)}.gm-action-btn-top{background:var(--gm-bg-secondary);border:1px solid var(--gm-border-light);border-radius:var(--gm-radius-md);color:var(--gm-text-primary);transition:all var(--gm-transition-fast)}.gm-action-btn-top:hover{box-shadow:var(--gm-shadow-md)}.gm-action-btn-top.gm-favorited{background:var(--gm-accent-red);border-color:var(--gm-accent-red)}.gm-action-btn-top.gm-visit-btn-top:hover{background:var(--gm-accent-blue);border-color:var(--gm-accent-blue)}.gm-store-items-preview{border-top:1px solid var(--gm-border-light)}.gm-items-count{color:var(--gm-text-primary)}.gm-items-grid-big{scrollbar-color:var(--gm-border-medium) var(--gm-bg-secondary)}.gm-items-grid-big::-webkit-scrollbar-track{background:var(--gm-bg-secondary);border-radius:var(--gm-radius-full)}.gm-items-grid-big::-webkit-scrollbar-thumb{background:var(--gm-border-medium);border-radius:var(--gm-radius-full)}.gm-items-grid-big::-webkit-scrollbar-thumb:hover{background:var(--gm-border-dark)}.gm-big-item{background:var(--gm-bg-secondary);border:1px solid var(--gm-border-light);border-radius:var(--gm-radius-lg);transition:all var(--gm-transition-normal)}.gm-big-item:hover{border-color:var(--gm-accent-orange);box-shadow:var(--gm-shadow-xl)}.gm-big-item-image{background:var(--gm-bg-tertiary)}.gm-big-item-badge{border:1px solid var(--gm-border-light);border-radius:var(--gm-radius-sm);box-shadow:var(--gm-shadow-sm)}.gm-big-item-badge,.gm-big-item-name{color:var(--gm-text-primary)}.gm-big-item-price{color:var(--gm-accent-green)}.gm-stock-indicator{color:var(--gm-text-tertiary)}.gm-show-more-items{background:var(--gm-bg-secondary);border:1px solid var(--gm-accent-blue);border-radius:var(--gm-radius-md);color:var(--gm-accent-blue);transition:all var(--gm-transition-fast)}.gm-show-more-items:hover{background:var(--gm-accent-blue)}@media (max-width:1024px){.gm-big-item{width:180px}.gm-big-item-image{height:180px}}@media (max-width:768px){.gm-store-card .gm-store-header{gap:12px}.gm-store-card .gm-store-logo{height:50px;width:50px}.gm-store-header-right{margin-left:0;order:2;width:100%}.gm-store-actions-top{justify-content:flex-end;margin-top:8px;order:3;width:100%}.gm-location-badge,.gm-store-card .gm-distance,.gm-store-card .gm-rating,.gm-store-card .gm-views{font-size:12px;padding:5px 8px}.gm-big-item{width:160px}.gm-big-item-image{height:160px}.gm-big-item-info{padding:12px}.gm-big-item-name{font-size:13px;min-height:36px}.gm-big-item-price{font-size:14px}}@media (max-width:480px){.gm-store-card .gm-store-logo{height:45px;width:45px}.gm-store-card .gm-store-title{font-size:16px}.gm-store-card .gm-details{font-size:12px}.gm-location-badge,.gm-store-card .gm-distance,.gm-store-card .gm-rating,.gm-store-card .gm-views{font-size:11px;padding:4px 6px}.gm-action-btn-top{height:36px;width:36px}.gm-big-item{width:140px}.gm-big-item-image{height:140px}.gm-big-item-info{padding:10px}.gm-big-item-name{font-size:12px;min-height:32px}.gm-big-item-price{font-size:13px}.gm-items-grid-big{gap:12px}}@media (prefers-color-scheme:dark){.gm-big-item{background:#1a1a1a;border-color:#2a2a2a}.gm-big-item:hover{background:#222}.gm-big-item-badge{background:#1a1a1af2;border-color:#3a3a3a;color:#fff}.gm-action-btn-top{background:#1a1a1a;border-color:#2a2a2a;color:#fff}}@media (prefers-reduced-motion:reduce){.gm-action-btn-top,.gm-big-item,.gm-big-item-image img{transition:none}}.gm-items-loading{display:flex;gap:16px;overflow-x:hidden}.gm-items-skeleton{animation:gm-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f7f8f9,#eaeded 50%,#f7f8f9);background:linear-gradient(90deg,var(--gm-bg-secondary) 0,var(--gm-bg-tertiary) 50%,var(--gm-bg-secondary) 100%);background-size:200% 100%;border-radius:12px;border-radius:var(--gm-radius-lg);flex:0 0 auto;height:300px;width:200px}.gm-main-layout.sidebar-closed{grid-template-columns:1fr 0}.gm-left-panel{animation:gm-slideDown .5s ease;display:flex;flex-direction:column;gap:24px;gap:var(--gm-spacing-lg)}@keyframes gm-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.gm-hero-section{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);padding:32px;padding:var(--gm-spacing-xl)}.gm-hero-title{color:#0f1111;color:var(--gm-text-primary);font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px;margin-bottom:var(--gm-spacing-md)}.gm-ai-chatbot{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.gm-ai-chatbot.minimized{height:60px;overflow:hidden}.gm-chatbot-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px}.gm-chatbot-header-left{align-items:center;display:flex;gap:12px}.gm-bot-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.gm-bot-avatar svg{animation:pulse 2s ease-in-out infinite}.gm-chatbot-title h3{font-size:16px;font-weight:700;margin:0}.gm-bot-status{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:2px;opacity:.9}.gm-status-dot{animation:blink 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.gm-minimize-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.gm-minimize-btn:hover{background:#ffffff4d;transform:scale(1.05)}.gm-chatbot-messages{background:#f9fafb;max-height:400px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.gm-chatbot-messages::-webkit-scrollbar{width:6px}.gm-chatbot-messages::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px}.gm-chatbot-messages::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}.gm-chatbot-messages::-webkit-scrollbar-thumb:hover{background:#6b7280}.gm-chat-message{animation:slideIn .3s ease-out;display:flex;gap:10px;margin-bottom:16px}.gm-chat-message.user{flex-direction:row-reverse}.gm-message-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.gm-message-content{flex:1 1;max-width:80%}.gm-chat-message.user .gm-message-content{align-items:flex-end;display:flex;flex-direction:column}.gm-message-text{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#1f2937;font-size:14px;line-height:1.6;padding:12px 16px}.gm-chat-message.user .gm-message-text{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-bottom-right-radius:4px;color:#fff}.gm-chat-message.bot .gm-message-text{border-bottom-left-radius:4px}.gm-message-time{color:#9ca3af;font-size:11px;margin-top:4px;padding:0 4px}.gm-chat-message.user .gm-message-time{text-align:right}.gm-typing-indicator{background:#fff;border-radius:12px;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d;display:flex;gap:4px;padding:12px 16px;width:fit-content}.gm-typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.gm-typing-indicator span:nth-child(2){animation-delay:.2s}.gm-typing-indicator span:nth-child(3){animation-delay:.4s}.gm-quick-questions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.gm-quick-question-btn{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.gm-quick-question-btn:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb26;color:#2563eb;transform:translateY(-1px)}.gm-quick-question-btn:disabled{cursor:not-allowed;opacity:.5}.gm-chatbot-input{background:#fff;border-top:2px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}.gm-chat-textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;font-weight:400;max-height:100px;min-height:42px;outline:none;padding:12px 14px;resize:none;transition:all .2s ease}.gm-chat-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.gm-chat-textarea:disabled{cursor:not-allowed;opacity:.6}.gm-send-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s ease;width:42px}.gm-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:scale(1.05)}.gm-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.gm-send-btn .spinner{animation:spin 1s linear infinite}.gm-location-card{margin-top:20px}.gm-location-info{text-align:center}.gm-location-city{color:#1f2937}.gm-location-state{color:#6b7280}.gm-sidebar-card{border-radius:12px;box-shadow:0 2px 12px #00000014;padding:20px}.gm-sidebar-title{color:#1f2937;font-size:16px;gap:10px;margin-bottom:16px}.gm-sidebar-title svg{color:#2563eb}@media (max-width:1024px){.gm-ai-chatbot{margin-bottom:16px}.gm-chatbot-messages{max-height:300px}}@media (max-width:768px){.gm-ai-chatbot{border-radius:12px;margin-bottom:12px}.gm-chatbot-header{padding:14px 16px}.gm-bot-avatar{height:36px;width:36px}.gm-chatbot-title h3{font-size:15px}.gm-bot-status{font-size:11px}.gm-chatbot-messages{max-height:250px;padding:16px}.gm-chat-message{margin-bottom:12px}.gm-message-avatar{height:28px;width:28px}.gm-message-text{font-size:13px;padding:10px 14px}.gm-quick-questions{gap:6px;padding:12px 16px}.gm-quick-question-btn{font-size:12px;padding:6px 12px}.gm-chatbot-input{gap:8px;padding:12px 16px}.gm-chat-textarea{font-size:13px;padding:10px 12px}.gm-send-btn{height:38px;width:38px}}@media (max-width:480px){.gm-ai-chatbot.minimized{height:56px}.gm-chatbot-header{padding:12px 14px}.gm-bot-avatar{height:32px;width:32px}.gm-chatbot-title h3{font-size:14px}.gm-chatbot-messages{max-height:220px;padding:14px}.gm-message-content{max-width:85%}.gm-message-text{font-size:12px;padding:8px 12px}.gm-quick-questions{padding:10px 12px}.gm-quick-question-btn{font-size:11px;padding:5px 10px}.gm-chatbot-input{padding:10px 12px}.gm-send-btn{height:36px;width:36px}}@media (prefers-color-scheme:dark){.gm-ai-chatbot{background:#1f2937}.gm-chatbot-messages{background:#111827}.gm-message-text{background:#374151;color:#f9fafb}.gm-chat-message.user .gm-message-text{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.gm-chat-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.gm-chat-textarea:focus{background:#4b5563;border-color:#2563eb}.gm-quick-question-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.gm-quick-question-btn:hover:not(:disabled){background:#1e3a8a;border-color:#2563eb}.gm-sidebar-card{background:#1f2937}.gm-location-city{color:#f9fafb}.gm-typing-indicator{background:#374151}}.gm-chat-message{transform-origin:left center}.gm-chat-message.user{transform-origin:right center}.gm-minimize-btn:focus-visible,.gm-quick-question-btn:focus-visible,.gm-send-btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}@media (prefers-contrast:high){.gm-ai-chatbot{border:2px solid #000}.gm-message-text{border:1px solid #000}.gm-chat-textarea{border-width:3px}}@media (prefers-reduced-motion:reduce){.gm-bot-avatar svg,.gm-chat-message,.gm-send-btn .spinner,.gm-status-dot,.gm-typing-indicator span{animation:none}}.gm-highlight{color:#00023e;color:var(--gm-accent-orange)}.gm-hero-subtitle{color:#565959;color:var(--gm-text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px;margin-bottom:var(--gm-spacing-lg)}.gm-location-selector{grid-gap:16px;grid-gap:var(--gm-spacing-md);background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:12px;border-radius:var(--gm-radius-lg);display:grid;gap:16px;gap:var(--gm-spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px;margin-top:var(--gm-spacing-lg);padding:24px;padding:var(--gm-spacing-lg)}.gm-location-select-item{display:flex;flex-direction:column;gap:4px;gap:var(--gm-spacing-xs)}.gm-location-select-item label{color:#565959;color:var(--gm-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.gm-form-select{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);color:#0f1111;color:var(--gm-text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .15s ease;transition:all var(--gm-transition-fast);width:100%}.gm-form-select:hover{border-color:#888c8c;border-color:var(--gm-border-medium);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm)}.gm-form-select:focus{border-color:#00023e;border-color:var(--gm-accent-orange);box-shadow:0 0 0 3px #00023e1a;outline:none}.gm-btn-auto-detect{align-items:center;background:#0066c0;background:var(--gm-accent-blue);border:none;border-radius:8px;border-radius:var(--gm-radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--gm-spacing-sm);padding:12px 24px;transition:all .15s ease;transition:all var(--gm-transition-fast);white-space:nowrap}.gm-btn-auto-detect:hover{background:#004f8d;box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);transform:translateY(-2px)}.gm-btn-auto-detect:disabled{cursor:not-allowed;opacity:.5;transform:none}.gm-controls-bar{align-items:center;background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:12px;border-radius:var(--gm-radius-lg);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm);display:flex;flex-wrap:wrap;gap:16px;gap:var(--gm-spacing-md);justify-content:space-between;padding:16px;padding:var(--gm-spacing-md)}.gm-filter-btn{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);color:#0f1111;color:var(--gm-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--gm-spacing-sm);padding:10px 20px;position:relative;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-filter-btn:hover{background:#f3f3f3;background:var(--gm-bg-hover);border-color:#0066c0;border-color:var(--gm-accent-blue);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm);transform:translateY(-2px)}.gm-filter-badge{align-items:center;background:#c7511f;background:var(--gm-accent-red);border-radius:9999px;border-radius:var(--gm-radius-full);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.gm-result-count{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);color:#565959;color:var(--gm-text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--gm-spacing-sm);padding:8px 16px}.gm-filters-panel{animation:gm-slideDown .3s ease;background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:12px;border-radius:var(--gm-radius-lg);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);margin-top:16px;margin-top:var(--gm-spacing-md);padding:24px;padding:var(--gm-spacing-lg)}.gm-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--gm-spacing-lg)}.gm-filters-header h3{color:#0f1111;color:var(--gm-text-primary);font-size:18px;font-weight:700}.gm-clear-filters{background:#0000;border:1px solid #0066c0;border:1px solid var(--gm-accent-blue);border-radius:4px;border-radius:var(--gm-radius-sm);color:#0066c0;color:var(--gm-accent-blue);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-clear-filters:hover{background:#0066c0;background:var(--gm-accent-blue);color:#fff;transform:scale(1.05)}.gm-filters-grid{grid-gap:16px;grid-gap:var(--gm-spacing-md);display:grid;gap:16px;gap:var(--gm-spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gm-filter-group{display:flex;flex-direction:column;gap:8px;gap:var(--gm-spacing-sm)}.gm-filter-group label{color:#565959;color:var(--gm-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.gm-filter-select{background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);color:#0f1111;color:var(--gm-text-primary);cursor:pointer;font-size:13px;padding:10px 14px;transition:all .15s ease;transition:all var(--gm-transition-fast);width:100%}.gm-filter-select:hover{border-color:#888c8c;border-color:var(--gm-border-medium)}.gm-filter-select:focus{border-color:#00023e;border-color:var(--gm-accent-orange);box-shadow:0 0 0 3px #00023e1a;outline:none}.gm-filter-checkboxes{flex-direction:column;grid-column:1/-1;margin-top:8px;margin-top:var(--gm-spacing-sm)}.gm-checkbox-label,.gm-filter-checkboxes{display:flex;gap:16px;gap:var(--gm-spacing-md)}.gm-checkbox-label{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);cursor:pointer;padding:12px 16px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-checkbox-label:hover{background:#f3f3f3;background:var(--gm-bg-hover);border-color:#0066c0;border-color:var(--gm-accent-blue);transform:translateX(4px)}.gm-checkbox-label input[type=checkbox]{accent-color:#00023e;accent-color:var(--gm-accent-orange);cursor:pointer;height:18px;width:18px}.gm-checkbox-label svg{flex-shrink:0}.gm-checkbox-label span{color:#0f1111;color:var(--gm-text-primary);font-size:14px;font-weight:500}.gm-store-list{grid-gap:24px;grid-gap:var(--gm-spacing-lg);display:grid;gap:24px;gap:var(--gm-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gm-store-card{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm);cursor:pointer;padding:24px;padding:var(--gm-spacing-lg);transition:all .3s ease;transition:all var(--gm-transition-normal)}.gm-store-card:hover{border-color:#00023e;border-color:var(--gm-accent-orange);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--gm-shadow-xl);transform:translateY(-8px)}.gm-store-header{align-items:center;display:flex;gap:16px;gap:var(--gm-spacing-md);margin-bottom:16px;margin-bottom:var(--gm-spacing-md)}.gm-store-logo{border:2px solid #d5d9d9;border:2px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm);height:64px;object-fit:cover;transition:all .15s ease;transition:all var(--gm-transition-fast);width:64px}.gm-store-card:hover .gm-store-logo{box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);transform:scale(1.1)}.gm-store-title{align-items:center;color:#0f1111;color:var(--gm-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;gap:var(--gm-spacing-sm);margin-bottom:4px}.gm-verified{color:#067d62;color:var(--gm-accent-green);font-size:16px}.gm-details{font-weight:500}.gm-details,.gm-info-line{color:#565959;color:var(--gm-text-secondary);font-size:13px}.gm-info-line{gap:8px;gap:var(--gm-spacing-sm);margin-bottom:8px;margin-bottom:var(--gm-spacing-sm);padding:6px 0}.gm-info-line,.gm-store-meta{align-items:center;display:flex}.gm-store-meta{background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:8px;border-radius:var(--gm-radius-md);flex-wrap:wrap;gap:16px;gap:var(--gm-spacing-md);margin:16px 0;margin:var(--gm-spacing-md) 0;padding:16px;padding:var(--gm-spacing-md)}.gm-rating{align-items:center;color:#0f1111;color:var(--gm-text-primary);display:flex;font-size:13px;font-weight:600;gap:4px}.gm-rating svg{fill:#fbbf24;color:#fbbf24}.gm-distance,.gm-views{align-items:center;background:#fff;background:var(--gm-bg-primary);border-radius:4px;border-radius:var(--gm-radius-sm);color:#565959;color:var(--gm-text-secondary);display:flex;font-size:12px;gap:4px;padding:4px 10px}.gm-product-slider{display:flex;gap:8px;gap:var(--gm-spacing-sm);margin:16px 0;margin:var(--gm-spacing-md) 0;overflow-x:auto;padding:8px 0;padding:var(--gm-spacing-sm) 0;scrollbar-color:#888c8c #f7f8f9;scrollbar-color:var(--gm-border-medium) var(--gm-bg-secondary);scrollbar-width:thin}.gm-product-slider::-webkit-scrollbar{height:6px}.gm-product-slider::-webkit-scrollbar-track{background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:9999px;border-radius:var(--gm-radius-full)}.gm-product-slider::-webkit-scrollbar-thumb{background:#888c8c;background:var(--gm-border-medium);border-radius:9999px;border-radius:var(--gm-radius-full)}.gm-product{background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);cursor:pointer;min-width:140px;padding:8px;padding:var(--gm-spacing-sm);transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-product:hover{border-color:#0066c0;border-color:var(--gm-accent-blue);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);transform:translateY(-4px)}.gm-product img{border-radius:4px;border-radius:var(--gm-radius-sm);height:100px;margin-bottom:8px;margin-bottom:var(--gm-spacing-sm);object-fit:cover;width:100%}.gm-product-name{color:#0f1111;color:var(--gm-text-primary);font-size:12px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-price{color:#067d62;color:var(--gm-accent-green);font-size:14px;font-weight:700}.gm-show-more{background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #0066c0;border:1px solid var(--gm-accent-blue);border-radius:8px;border-radius:var(--gm-radius-md);color:#0066c0;color:var(--gm-accent-blue);cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;margin-top:var(--gm-spacing-sm);padding:8px 16px;transition:all .15s ease;transition:all var(--gm-transition-fast);width:100%}.gm-show-more:hover{background:#0066c0;background:var(--gm-accent-blue);color:#fff;transform:scale(1.02)}.gm-store-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--gm-spacing-sm);margin-top:16px;margin-top:var(--gm-spacing-md)}.gm-follow-btn,.gm-heart-btn,.gm-share-btn{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s ease;transition:all var(--gm-transition-fast);width:40px}.gm-heart-btn:hover{background:#f3f3f3;background:var(--gm-bg-hover);transform:scale(1.1)}.gm-heart-btn.gm-favorited,.gm-heart-btn:hover{border-color:#c7511f;border-color:var(--gm-accent-red)}.gm-heart-btn.gm-favorited{background:#c7511f;background:var(--gm-accent-red);color:#fff}.gm-follow-btn:hover{background:#f3f3f3;background:var(--gm-bg-hover);border-color:#0066c0;border-color:var(--gm-accent-blue);transform:scale(1.1)}.gm-contact-btn,.gm-visit-btn{align-items:center;border-radius:8px;border-radius:var(--gm-radius-md);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;gap:var(--gm-spacing-sm);justify-content:center;padding:10px 20px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-contact-btn{background:#00023e;background:var(--gm-accent-orange);border:none;color:#fff}.gm-contact-btn:hover{background:#000130;box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);transform:translateY(-2px)}.gm-visit-btn{background:#0000;border:1px solid #0066c0;border:1px solid var(--gm-accent-blue);color:#0066c0;color:var(--gm-accent-blue)}.gm-visit-btn:hover{background:#0066c0;background:var(--gm-accent-blue);box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);color:#fff;transform:translateY(-2px)}.gm-share-container{position:relative}.gm-share-btn:hover{background:#f3f3f3;background:var(--gm-bg-hover);border-color:#067d62;border-color:var(--gm-accent-green);transform:scale(1.1)}.gm-share-menu{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);bottom:50px;box-shadow:0 8px 24px #0f11112e;box-shadow:var(--gm-shadow-xl);display:flex;flex-direction:column;gap:4px;gap:var(--gm-spacing-xs);min-width:150px;padding:8px;padding:var(--gm-spacing-sm);position:absolute;right:0;z-index:100}.gm-share-menu button{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--gm-radius-sm);color:#0f1111;color:var(--gm-text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;gap:var(--gm-spacing-sm);padding:8px 12px;text-align:left;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-share-menu button:hover{background:#f7f8f9;background:var(--gm-bg-secondary);transform:translateX(4px)}.gm-skeleton-card{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);padding:24px;padding:var(--gm-spacing-lg)}.gm-skeleton-image{animation:gm-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f7f8f9,#eaeded 50%,#f7f8f9);background:linear-gradient(90deg,var(--gm-bg-secondary) 0,var(--gm-bg-tertiary) 50%,var(--gm-bg-secondary) 100%);background-size:200% 100%;border-radius:12px;border-radius:var(--gm-radius-lg);height:200px;margin-bottom:16px;margin-bottom:var(--gm-spacing-md);width:100%}@keyframes gm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gm-skeleton-content{display:flex;flex-direction:column;gap:8px;gap:var(--gm-spacing-sm)}.gm-skeleton-text,.gm-skeleton-title{animation:gm-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f7f8f9,#eaeded 50%,#f7f8f9);background:linear-gradient(90deg,var(--gm-bg-secondary) 0,var(--gm-bg-tertiary) 50%,var(--gm-bg-secondary) 100%);background-size:200% 100%;border-radius:4px;border-radius:var(--gm-radius-sm);height:16px}.gm-skeleton-title{height:24px;width:70%}.gm-skeleton-text.gm-short{width:40%}.gm-lazy-image-container{background:#eaeded;background:var(--gm-bg-tertiary);border-radius:8px;border-radius:var(--gm-radius-md);height:100%;overflow:hidden;position:relative;width:100%}.gm-lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;width:100%}.gm-lazy-image.gm-loaded{opacity:1}.gm-lazy-image-placeholder{align-items:center;background:#eaeded;background:var(--gm-bg-tertiary);color:#888;color:var(--gm-text-tertiary);display:flex;justify-content:center}.gm-lazy-image-placeholder,.gm-shimmer{height:100%;left:0;position:absolute;top:0;width:100%}.gm-shimmer{animation:gm-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);background-size:200% 100%}.gm-no-results{align-items:center;background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--gm-spacing-2xl);text-align:center}.gm-no-results svg{color:#888;color:var(--gm-text-tertiary);margin-bottom:24px;margin-bottom:var(--gm-spacing-lg)}.gm-no-results h3{color:#0f1111;color:var(--gm-text-primary);font-size:24px;font-weight:700;margin-bottom:8px;margin-bottom:var(--gm-spacing-sm)}.gm-no-results p{color:#565959;color:var(--gm-text-secondary);font-size:14px;line-height:1.6}.gm-right-panel{height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100vh - var(--gm-spacing-xl));position:sticky;top:24px;top:var(--gm-spacing-lg);transition:all .3s ease;transition:all var(--gm-transition-normal)}.gm-right-panel.collapsed{opacity:0;overflow:hidden;width:0}.gm-sidebar-toggle{align-items:center;background:#00023e;background:var(--gm-accent-orange);border:none;border-radius:9999px;border-radius:var(--gm-radius-full);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--gm-shadow-xl);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:24px;right:var(--gm-spacing-lg);top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--gm-transition-fast);width:48px;z-index:500}.gm-sidebar-toggle:hover{background:#000130;transform:translateY(-50%) scale(1.1)}.gm-sidebar-toggle.open{right:452px;right:calc(420px + var(--gm-spacing-xl))}.gm-scroll-to-top{align-items:center;background:#00023e;background:var(--gm-accent-orange);border:none;border-radius:9999px;border-radius:var(--gm-radius-full);bottom:32px;bottom:var(--gm-spacing-xl);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--gm-shadow-xl);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:32px;right:var(--gm-spacing-xl);transition:all .15s ease;transition:all var(--gm-transition-fast);width:56px;z-index:400}.gm-scroll-to-top:hover{background:#000130;transform:scale(1.15)}.gm-location-detecting{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);display:flex;justify-content:center;min-height:100vh}.gm-detecting-card{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--gm-shadow-xl);max-width:500px;padding:48px;padding:var(--gm-spacing-2xl);text-align:center}.gm-detecting-icon{animation:gm-rotate 2s linear infinite;color:#00023e;color:var(--gm-accent-orange);margin-bottom:24px;margin-bottom:var(--gm-spacing-lg)}@keyframes gm-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gm-detecting-card h2{color:#0f1111;color:var(--gm-text-primary);font-size:28px;font-weight:700;margin-bottom:8px;margin-bottom:var(--gm-spacing-sm)}.gm-detecting-card p{color:#565959;color:var(--gm-text-secondary);font-size:16px;margin-bottom:32px;margin-bottom:var(--gm-spacing-xl)}.gm-spinner{animation:gm-spin 1s linear infinite;border:4px solid #d5d9d9;border-top-color:#00023e;border:4px solid var(--gm-border-light);border-radius:9999px;border-radius:var(--gm-radius-full);border-top-color:var(--gm-accent-orange);height:64px;margin:0 auto;width:64px}@keyframes gm-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.gm-main-layout{gap:16px;gap:var(--gm-spacing-md);grid-template-columns:1fr}.gm-right-panel{max-height:none;position:relative;top:0}.gm-sidebar-toggle{display:none}.gm-store-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){:root{--gm-spacing-xs:3px;--gm-spacing-sm:6px;--gm-spacing-md:12px;--gm-spacing-lg:18px;--gm-spacing-xl:24px;--gm-spacing-2xl:36px}.gm-main-layout{padding:16px;padding:var(--gm-spacing-md)}.gm-hero-section{padding:24px;padding:var(--gm-spacing-lg)}.gm-hero-title{font-size:24px}.gm-hero-subtitle{font-size:14px}.gm-location-selector{grid-template-columns:1fr}.gm-controls-bar{align-items:stretch;flex-direction:column}.gm-filter-btn,.gm-result-count{justify-content:center;width:100%}.gm-filters-grid,.gm-store-list{grid-template-columns:1fr}.gm-store-list{gap:16px;gap:var(--gm-spacing-md)}.gm-store-card{padding:16px;padding:var(--gm-spacing-md)}.gm-store-logo{height:48px;width:48px}.gm-store-actions{flex-wrap:wrap}.gm-follow-btn,.gm-heart-btn,.gm-share-btn{height:36px;width:36px}.gm-contact-btn,.gm-visit-btn{flex:1 1 100%}.gm-scroll-to-top{bottom:24px;bottom:var(--gm-spacing-lg);height:48px;right:24px;right:var(--gm-spacing-lg);width:48px}}@media (max-width:480px){.gm-hero-title{font-size:20px}.gm-hero-subtitle{font-size:13px}.gm-store-title{font-size:16px}.gm-info-line{font-size:12px}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #00023e;outline:2px solid var(--gm-accent-orange)}@media print{.gm-filters-panel,.gm-scroll-to-top,.gm-sidebar-toggle{display:none}.gm-store-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.gm-filters-panel,.gm-hero-section,.gm-store-card{border-width:2px}}.gm-hidden{display:none!important}.gm-fade-in{animation:gm-fadeIn .3s ease}@keyframes gm-fadeIn{0%{opacity:0}to{opacity:1}}.gm-slide-up{animation:gm-slideUp .4s ease}@keyframes gm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gm-logo-gradient{background:linear-gradient(135deg,#0c0345,#070458);-webkit-background-clip:text;background-clip:text}.gm-highlight-gradient,.gm-logo-gradient{-webkit-text-fill-color:#0000;font-weight:700}.gm-highlight-gradient{background:linear-gradient(135deg,#0066c0,#067d62);-webkit-background-clip:text;background-clip:text}.gm-search-type-tabs{background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:12px;border-radius:var(--gm-radius-lg);margin-top:24px;margin-top:var(--gm-spacing-lg);overflow-x:auto;padding:8px;padding:var(--gm-spacing-sm)}.gm-search-type-tabs,.gm-tab-btn{display:flex;gap:8px;gap:var(--gm-spacing-sm)}.gm-tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--gm-radius-md);color:#565959;color:var(--gm-text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .15s ease;transition:all var(--gm-transition-fast);white-space:nowrap}.gm-tab-btn:hover:not(:disabled){background:#fff;background:var(--gm-bg-primary);border-color:#d5d9d9;border-color:var(--gm-border-light);color:#0f1111;color:var(--gm-text-primary)}.gm-tab-btn.active{background:#00023e;background:var(--gm-accent-orange);border-color:#00023e;border-color:var(--gm-accent-orange);color:#fff}.gm-tab-btn:disabled{cursor:not-allowed;opacity:.4}.gm-controls-left,.gm-controls-right{align-items:center;display:flex;gap:16px;gap:var(--gm-spacing-md)}.gm-view-mode-toggle{background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);display:flex;gap:4px;gap:var(--gm-spacing-xs);padding:4px}.gm-view-btn{background:#0000;border:none;border-radius:4px;border-radius:var(--gm-radius-sm);color:#565959;color:var(--gm-text-secondary);cursor:pointer;padding:8px 12px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-view-btn:hover{background:#f3f3f3;background:var(--gm-bg-hover);color:#0f1111;color:var(--gm-text-primary)}.gm-view-btn.active{background:#00023e;background:var(--gm-accent-orange);color:#fff}.gm-sort-select{background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);color:#0f1111;color:var(--gm-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-sort-select:hover{border-color:#888c8c;border-color:var(--gm-border-medium)}.gm-sort-select:focus{border-color:#00023e;border-color:var(--gm-accent-orange);box-shadow:0 0 0 3px #00023e1a;outline:none}.gm-price-range-inputs{align-items:center;display:flex;gap:8px;gap:var(--gm-spacing-sm)}.gm-filter-input{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:4px;border-radius:var(--gm-radius-sm);color:#0f1111;color:var(--gm-text-primary);flex:1 1;font-size:13px;padding:8px 12px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-filter-input:hover{border-color:#888c8c;border-color:var(--gm-border-medium)}.gm-filter-input:focus{border-color:#00023e;border-color:var(--gm-accent-orange);box-shadow:0 0 0 2px #00023e1a;outline:none}.gm-results-container{display:flex;flex-direction:column;gap:48px;gap:var(--gm-spacing-2xl)}.gm-section{animation:gm-fadeIn .4s ease}.gm-section-header{align-items:center;border-bottom:2px solid #d5d9d9;border-bottom:2px solid var(--gm-border-light);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--gm-spacing-lg);padding-bottom:16px;padding-bottom:var(--gm-spacing-md)}.gm-section-title{align-items:center;color:#0f1111;color:var(--gm-text-primary);display:flex;font-size:24px;font-weight:700;gap:16px;gap:var(--gm-spacing-md)}.gm-view-all-btn{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border:1px solid #0066c0;border:1px solid var(--gm-accent-blue);border-radius:8px;border-radius:var(--gm-radius-md);color:#0066c0;color:var(--gm-accent-blue);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;gap:var(--gm-spacing-sm);padding:8px 16px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-view-all-btn:hover{background:#0066c0;background:var(--gm-accent-blue);color:#fff;transform:translateX(4px)}.gm-results-grid{grid-gap:24px;grid-gap:var(--gm-spacing-lg);animation:gm-slideUp .4s ease;display:grid;gap:24px;gap:var(--gm-spacing-lg)}.gm-results-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gm-results-grid.list{grid-template-columns:1fr}.gm-product-card,.gm-service-card{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm);cursor:pointer;overflow:hidden;transition:all .3s ease;transition:all var(--gm-transition-normal)}.gm-product-card:hover,.gm-service-card:hover{border-color:#00023e;border-color:var(--gm-accent-orange);box-shadow:0 8px 24px #0f11112e;box-shadow:var(--gm-shadow-xl);transform:translateY(-8px)}.gm-product-image-wrapper,.gm-service-image-wrapper{background:#eaeded;background:var(--gm-bg-tertiary);height:240px;overflow:hidden;position:relative;width:100%}.gm-product-image-wrapper img,.gm-service-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gm-product-card:hover .gm-product-image-wrapper img,.gm-service-card:hover .gm-service-image-wrapper img{transform:scale(1.1)}.gm-availability-badge,.gm-stock-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;border-radius:var(--gm-radius-sm);display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px}.gm-stock-badge.low-stock{background:#ef4444e6;color:#fff}.gm-stock-badge.out-of-stock{background:#6b7280e6;color:#fff}.gm-availability-badge.available{background:#10b981e6;color:#fff}.gm-product-actions-overlay,.gm-service-actions-overlay{display:flex;gap:8px;gap:var(--gm-spacing-sm);left:12px;opacity:0;position:absolute;top:12px;transition:opacity .3s ease}.gm-product-card:hover .gm-product-actions-overlay,.gm-service-card:hover .gm-service-actions-overlay{opacity:1}.gm-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:8px;border-radius:var(--gm-radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--gm-transition-fast);width:36px}.gm-action-btn:hover{background:#fff;box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);transform:scale(1.1)}.gm-action-btn.favorited{background:#c7511f;background:var(--gm-accent-red);border-color:#c7511f;border-color:var(--gm-accent-red);color:#fff}.gm-product-info,.gm-service-info{padding:24px;padding:var(--gm-spacing-lg)}.gm-product-header,.gm-service-header{align-items:flex-start;display:flex;gap:8px;gap:var(--gm-spacing-sm);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--gm-spacing-md)}.gm-product-name,.gm-service-name{color:#0f1111;color:var(--gm-text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0}.gm-pricing-type-badge,.gm-product-category-badge{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:4px;border-radius:var(--gm-radius-sm);color:#565959;color:var(--gm-text-secondary);display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.gm-product-description,.gm-service-description,.gm-service-short-desc{color:#565959;color:var(--gm-text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px;margin-bottom:var(--gm-spacing-md)}.gm-service-short-desc{color:#0f1111;color:var(--gm-text-primary);font-size:13px;font-weight:600;margin-bottom:8px;margin-bottom:var(--gm-spacing-sm)}.gm-product-features{display:flex;flex-wrap:wrap;gap:8px;gap:var(--gm-spacing-sm);margin-bottom:16px;margin-bottom:var(--gm-spacing-md)}.gm-feature-tag{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:4px;border-radius:var(--gm-radius-sm);color:#0f1111;color:var(--gm-text-primary);display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.gm-service-meta-row{display:flex;flex-wrap:wrap;gap:8px;gap:var(--gm-spacing-sm);margin-bottom:16px;margin-bottom:var(--gm-spacing-md)}.gm-product-meta,.gm-service-meta-badge{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:4px;border-radius:var(--gm-radius-sm);color:#565959;color:var(--gm-text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.gm-product-footer,.gm-service-footer{align-items:center;border-top:1px solid #d5d9d9;border-top:1px solid var(--gm-border-light);display:flex;gap:16px;gap:var(--gm-spacing-md);justify-content:space-between;padding-top:16px;padding-top:var(--gm-spacing-md)}.gm-product-pricing,.gm-service-pricing{align-items:center;display:flex;gap:8px;gap:var(--gm-spacing-sm)}.gm-product-price,.gm-service-price{color:#067d62;color:var(--gm-accent-green);font-size:20px;font-weight:700}.gm-add-to-cart-btn,.gm-book-now-btn{align-items:center;background:#00023e;background:var(--gm-accent-orange);border:none;border-radius:8px;border-radius:var(--gm-radius-md);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;gap:var(--gm-spacing-sm);padding:10px 20px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-add-to-cart-btn:hover,.gm-book-now-btn:hover{background:#000130;box-shadow:0 2px 5px #0f11111f;box-shadow:var(--gm-shadow-md);transform:translateY(-2px)}.gm-sidebar-card{background:#fff;background:var(--gm-bg-primary);border:1px solid #d5d9d9;border:1px solid var(--gm-border-light);border-radius:16px;border-radius:var(--gm-radius-xl);box-shadow:0 1px 2px #0f111114;box-shadow:var(--gm-shadow-sm);padding:24px;padding:var(--gm-spacing-lg)}.gm-sidebar-card,.gm-sidebar-title{margin-bottom:24px;margin-bottom:var(--gm-spacing-lg)}.gm-sidebar-title{align-items:center;color:#0f1111;color:var(--gm-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;gap:var(--gm-spacing-sm)}.gm-stats-list{flex-direction:column}.gm-stat-item,.gm-stats-list{display:flex;gap:16px;gap:var(--gm-spacing-md)}.gm-stat-item{align-items:center;background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:8px;border-radius:var(--gm-radius-md);padding:16px;padding:var(--gm-spacing-md);transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-stat-item:hover{background:#f3f3f3;background:var(--gm-bg-hover);transform:translateX(4px)}.gm-stat-icon{align-items:center;background:#00023e;background:var(--gm-accent-orange);border-radius:8px;border-radius:var(--gm-radius-md);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.gm-stat-content{display:flex;flex-direction:column}.gm-stat-value{color:#0f1111;color:var(--gm-text-primary);font-size:24px;font-weight:700;line-height:1}.gm-stat-label{color:#565959;color:var(--gm-text-secondary);font-size:13px;font-weight:500}.gm-location-info{background:#f7f8f9;background:var(--gm-bg-secondary);border-radius:8px;border-radius:var(--gm-radius-md);padding:16px;padding:var(--gm-spacing-md)}.gm-location-city{color:#0f1111;color:var(--gm-text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.gm-location-state{color:#565959;color:var(--gm-text-secondary);font-size:14px}.gm-btn-clear-filters{align-items:center;background:#0066c0;background:var(--gm-accent-blue);border:none;border-radius:8px;border-radius:var(--gm-radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--gm-spacing-sm);margin-top:24px;margin-top:var(--gm-spacing-lg);padding:10px 24px;transition:all .15s ease;transition:all var(--gm-transition-fast)}.gm-btn-clear-filters:hover{background:#004f8d;transform:scale(1.05)}.suggestion-details{align-items:center;color:#888;color:var(--gm-text-tertiary);display:flex;font-size:12px;gap:6px;margin-top:2px}.price-tag{color:#067d62;color:var(--gm-accent-green);font-weight:700}@media (max-width:1024px){.gm-results-grid.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gm-search-type-tabs{overflow-x:auto}}@media (max-width:768px){.gm-controls-bar{align-items:stretch;flex-direction:column}.gm-controls-left,.gm-controls-right{justify-content:space-between;width:100%}.gm-results-grid.grid,.gm-results-grid.list{grid-template-columns:1fr}.gm-section-title{font-size:20px}.gm-view-mode-toggle{order:-1}}@media (max-width:480px){.gm-tab-btn{font-size:13px;padding:8px 14px}.gm-product-name,.gm-service-name{font-size:16px}.gm-product-price,.gm-service-price{font-size:18px}}.gm-store-card .gm-store-header{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin-bottom:16px!important}.gm-store-card .gm-store-logo{border:2px solid #d5d9d9!important;border-radius:8px!important;flex-shrink:0!important;height:60px!important;margin-right:0!important;object-fit:cover!important;width:60px!important}.gm-store-info-wrapper{display:flex;flex-direction:column;gap:4px;min-width:150px}.gm-store-card .gm-store-title{align-items:center!important;display:flex!important;font-size:18px!important;font-weight:700!important;gap:8px!important;margin:0!important}.gm-store-card .gm-details{color:#565959!important;font-size:13px!important;font-weight:500!important;margin:0!important}.gm-store-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.gm-store-card .gm-info-line,.gm-store-card .gm-store-meta{display:none!important}.gm-location-badge{color:#565959}.gm-location-badge,.gm-store-header-right .gm-rating{align-items:center;background:#f7f8f9;border:1px solid #d5d9d9;border-radius:4px;display:flex!important;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.gm-store-header-right .gm-rating{color:#0f1111}.gm-store-header-right .gm-distance,.gm-store-header-right .gm-views{align-items:center;background:#f7f8f9;border:1px solid #d5d9d9;border-radius:4px;color:#565959;display:flex!important;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.gm-store-actions-top{align-items:center;display:flex;gap:8px}.gm-action-btn-top{align-items:center;background:#f7f8f9;border:1px solid #d5d9d9;border-radius:8px;color:#0f1111;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s ease;width:40px}.gm-action-btn-top:hover{box-shadow:0 2px 5px #0f11111f;transform:translateY(-2px)}.gm-action-btn-top.gm-favorited{background:#c7511f;border-color:#c7511f;color:#fff}.gm-action-btn-top.gm-whatsapp-btn:hover{background:#25d366;border-color:#25d366;color:#fff}.gm-action-btn-top.gm-visit-btn-top:hover{background:#0066c0;border-color:#0066c0;color:#fff}.gm-store-card .gm-store-actions{display:none!important}.gm-store-items-preview{border-top:1px solid #d5d9d9;margin-top:16px;padding-top:16px}.gm-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.gm-items-count{align-items:center;color:#0f1111;display:flex;font-size:14px;font-weight:600;gap:8px}.gm-items-grid-big{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-color:#888c8c #f7f8f9;scrollbar-width:thin}.gm-items-grid-big::-webkit-scrollbar{height:8px}.gm-items-grid-big::-webkit-scrollbar-track{background:#f7f8f9;border-radius:9999px}.gm-items-grid-big::-webkit-scrollbar-thumb{background:#888c8c;border-radius:9999px}.gm-items-grid-big::-webkit-scrollbar-thumb:hover{background:#565959}.gm-big-item{background:#f7f8f9;border:1px solid #d5d9d9;border-radius:12px;cursor:pointer;flex:0 0 auto;overflow:hidden;scroll-snap-align:start;transition:all .3s ease;width:200px}.gm-big-item:hover{border-color:#00023e;box-shadow:0 8px 24px #0f11112e;transform:translateY(-6px)}.gm-big-item-image{background:#eaeded;height:200px;overflow:hidden;position:relative;width:100%}.gm-big-item-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.gm-big-item:hover .gm-big-item-image img{transform:scale(1.1)}.gm-big-item-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #d5d9d9;border-radius:4px;box-shadow:0 1px 2px #0f111114;color:#0f1111;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;position:absolute;right:10px;top:10px}.gm-big-item-info{display:flex;flex-direction:column;gap:8px;padding:14px}.gm-big-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f1111;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0;min-height:40px;overflow:hidden;text-overflow:ellipsis}.gm-big-item-price{color:#067d62;font-size:16px;font-weight:700;margin:0}.gm-stock-indicator{color:#888;font-size:12px;font-weight:500}.gm-show-more-items{align-items:center;background:#f7f8f9;border:1px solid #0066c0;border-radius:8px;color:#0066c0;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px 20px;transition:all .15s ease;width:100%}.gm-show-more-items:hover{background:#0066c0;color:#fff;transform:scale(1.02)}@media (max-width:768px){.gm-store-card .gm-store-header{gap:12px!important}.gm-store-card .gm-store-logo{height:50px!important;width:50px!important}.gm-store-header-right{margin-left:0;order:2;width:100%}.gm-store-actions-top{justify-content:flex-end;margin-top:8px;order:3;width:100%}.gm-big-item{width:160px}.gm-big-item-image{height:160px}}@media (max-width:480px){.gm-big-item{width:140px}.gm-big-item-image{height:140px}.gm-action-btn-top{height:36px;width:36px}}: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-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{background:var(--color-bg);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.products-page{background:#000;background:var(--color-bg);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{animation:spin .8s linear infinite;border:3px solid #1a1a1a;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}.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{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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:none;color:var(--color-text-primary);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.gallery-nav:hover{background:#fff3}.gallery-nav:active{transform:translateY(-50%) scale(.95)}.gallery-thumbnails{gap:.75rem;margin-top:1rem;padding:.5rem 0}.gallery-thumbnails::-webkit-scrollbar-track{background:#0a0a0a;background:var(--color-surface)}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#1a1a1a;background:var(--color-border)}.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{display:flex;flex-direction:column;gap:1rem}.product-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:#121212;background:var(--color-surface-elevated);border:1px solid #1a1a1a;border:1px solid var(--color-border);color:#a0a0a0;color:var(--color-text-secondary);font-size:.85rem;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{background:#0a0a0a;background:var(--color-surface);border:1px solid #1a1a1a;border:1px solid var(--color-border)}.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;display:flex;flex:1 1;font-size:1.1rem;font-weight:700;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);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 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)}.modal-close:hover{background:#3a3a3a;background:var(--color-accent);color:var(--color-text-primary)}.checkout-form{gap:2rem}.form-section{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);max-width:500px;right:2rem;top:2rem;z-index:2000}.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}.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{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)}.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{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;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.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;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}}.orders-container{background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}@media (max-width:768px){.orders-container{padding:1rem}}.orders-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:2rem}.orders-header,.orders-header-content{align-items:center;display:flex;gap:1.5rem}.orders-header-icon{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#3b82f6;display:flex;height:64px;justify-content:center;width:64px}.orders-header-text h1{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.orders-header-text p{color:#6b7280;font-size:.95rem}.orders-header-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-export,.btn-refresh{background:#fff;border:1px solid #e5e7eb;color:#374151;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.btn-refresh:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.btn-export:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-export:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.orders-header{padding:1.5rem}.orders-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.orders-header-text h1{font-size:1.5rem}.orders-header-actions{width:100%}.btn-export,.btn-refresh{flex:1 1;justify-content:center}}.orders-alert{align-items:center;background:#fff;border:1px solid;border-radius:8px;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}.orders-alert-success{background:#fff;border-color:#10b981;color:#059669}.orders-alert-error{background:#fff;border-color:#ef4444;color:#dc2626}.orders-alert-info{background:#fff;border-color:#06b6d4;color:#0284c7}.alert-close{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:.25rem;transition:background .2s}.alert-close:hover{background:#0000000d}.orders-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{box-shadow:0 1px 3px #0000000d;gap:1rem}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.stat-icon{border:1px solid;border-radius:10px}.stat-total .stat-icon{background:#fff;border-color:#3b82f6;color:#3b82f6}.stat-revenue .stat-icon{background:#fff;border-color:#10b981;color:#10b981}.stat-pending .stat-icon{background:#fff;border-color:#f59e0b;color:#f59e0b}.stat-confirmed .stat-icon{background:#fff;border-color:#3b82f6;color:#3b82f6}.stat-shipped .stat-icon{background:#fff;border-color:#06b6d4;color:#06b6d4}.stat-delivered .stat-icon{background:#fff;border-color:#10b981;color:#10b981}.stat-value{font-size:1.75rem;margin-bottom:.25rem}@media (max-width:640px){.orders-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}.orders-filters{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-box{background:#fff;border:1px solid #d1d5db;color:#6b7280;gap:.75rem;min-width:250px;padding:.75rem 1rem;transition:all .2s}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input{font-size:.95rem}.search-input::placeholder{color:#9ca3af}.filter-group{color:#6b7280;gap:.5rem}.filter-select{color:#374151;font-size:.95rem;transition:all .2s}.filter-select:hover{border-color:#9ca3af}@media (max-width:768px){.orders-filters{padding:1rem}.search-box{min-width:100%}.filter-group{flex:1 1;min-width:calc(50% - .5rem)}.filter-select{width:100%}}.orders-content{background:#fff}.order-card{border-radius:12px;box-shadow:0 1px 3px #0000000d;transition:all .3s}.order-card:hover{border-color:#d1d5db;box-shadow:0 4px 16px #00000014}.order-header{background:#fafafa;border-bottom:1px solid #f3f4f6;padding:1.25rem 1.5rem}.order-number{color:#111827;gap:.5rem}.order-status-badges{display:flex;flex-wrap:wrap;gap:.75rem}.order-status,.payment-status{align-items:center;background:#fff;border:1px solid;border-radius:6px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-transform:capitalize;white-space:nowrap}.order-body{background:#fff;display:flex;flex-direction:column;gap:1.5rem}.order-product{gap:1rem}.order-product img{background:#f9fafb;border:1px solid #e5e7eb;height:80px;width:80px}.product-details{flex:1 1}.product-details h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.product-meta{font-size:.95rem;margin-bottom:.25rem}.product-sku{font-family:Courier New,monospace;font-size:.875rem}.shipping-info-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.shipping-title{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.shipping-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.shipping-detail{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#6b7280;font-size:.875rem}.detail-value{font-size:.95rem}.awb-code-container{align-items:center;display:flex;gap:.5rem}.awb-code{border:1px solid #e5e7eb;border-radius:4px;padding:.25rem .5rem}.btn-copy-awb{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;padding:.25rem .5rem;transition:all .2s}.btn-copy-awb:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.status-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;padding:.25rem .75rem}.tracking-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem}.btn-track,.btn-track-external{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-decoration:none;transition:all .2s}.btn-track{background:#3b82f6;border:1px solid #3b82f6}.btn-track:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-track:disabled{cursor:not-allowed;opacity:.6}.btn-track-external{border:1px solid #3b82f6;color:#3b82f6}.btn-track-external:hover{background:#eff6ff}.needs-awb-alert,.needs-shipping-alert{align-items:center;background:#fff;border:1px solid;border-radius:8px;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem}.needs-shipping-alert{border-color:#f59e0b;color:#f59e0b}.needs-awb-alert{border-color:#8b5cf6;color:#8b5cf6}.btn-create-shipment,.btn-generate-awb{border:1px solid;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:all .2s}.btn-create-shipment{background:#f59e0b;border-color:#f59e0b}.btn-create-shipment:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-generate-awb{background:#8b5cf6;border-color:#8b5cf6}.btn-generate-awb:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.btn-create-shipment:disabled,.btn-generate-awb:disabled{cursor:not-allowed;opacity:.6}.order-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#fafafa;border:1px solid #e5e7eb;gap:.75rem;padding:1rem}.info-item>svg{color:#6b7280;flex-shrink:0;margin-top:.125rem}.info-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.info-value{color:#111827}.shipping-address{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.shipping-address>svg{color:#6b7280;flex-shrink:0;margin-top:.125rem}.order-notes{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.order-notes>svg{color:#f59e0b;flex-shrink:0;margin-top:.125rem}.order-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.order-amounts{display:flex;flex-wrap:wrap;gap:2rem}.amount-item{display:flex;flex-direction:column;gap:.25rem}.amount-item span{color:#6b7280;font-size:.875rem;font-weight:500}.amount-item strong{color:#111827;font-size:1.25rem;font-weight:700}.amount-item .earning{color:#10b981}.order-actions{gap:.75rem}.btn-view{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-view:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.status-select{background:#fff;border:1px solid #d1d5db;color:#374151;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.status-select:hover:not(:disabled){border-color:#9ca3af}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.btn-cancel-order{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-cancel-order:hover:not(:disabled){background:#ef4444;color:#fff}.btn-cancel-order:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.order-body,.order-header{padding:1rem}.order-footer{align-items:stretch;flex-direction:column;padding:1rem}.order-amounts{justify-content:space-between;width:100%}.order-actions{width:100%}.btn-cancel-order,.btn-view,.status-select{flex:1 1;justify-content:center}}.orders-empty{border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:4rem 2rem}.orders-empty svg{color:#9ca3af;margin-bottom:1.5rem}.orders-empty h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.orders-empty p{color:#6b7280;font-size:1rem}.orders-loading{align-items:center;background:#fff;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.orders-loading p{font-size:1.125rem;font-weight:500;margin-top:1rem}.orders-error{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.orders-error svg{color:#ef4444;margin-bottom:1.5rem}.orders-error h3{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.75rem}.orders-error p{color:#6b7280;font-size:1.125rem}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s ease-out;border:1px solid #e5e7eb}.modal-content.courier-modal{max-width:800px}.modal-content.cancel-modal{max-width:500px}.modal-header{background:#fafafa;padding:1.5rem}.modal-header h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.modal-close:hover{color:#374151}.modal-body{background:#fff;padding:1.5rem}.modal-description{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.cancel-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:2rem 1rem;text-align:center}.cancel-warning svg{margin-bottom:1rem}.cancel-warning h4{color:#991b1b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.cancel-warning p{color:#7f1d1d;font-size:1rem;margin-bottom:.25rem}.cancel-note{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.95rem;margin-top:1rem;padding:.75rem}.order-summary-cancel{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.order-summary-cancel h5{color:#111827;font-size:1rem;font-weight:600;margin-bottom:1rem}.summary-row span{font-size:.95rem;font-weight:500}.summary-row strong{color:#111827;font-size:1rem;font-weight:600}.couriers-list{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto;padding-right:.5rem}.couriers-list::-webkit-scrollbar{width:6px}.couriers-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.couriers-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.couriers-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.courier-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s}.courier-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.courier-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.courier-name-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.courier-name-section h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.recommended-tag{background:#dbeafe;border:1px solid #93c5fd;border-radius:4px;color:#1e40af;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.courier-rating .rating{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.courier-card-body,.courier-info-row{margin-bottom:1rem}.courier-info-row{display:flex;gap:2rem}.info-col{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:.5rem}.info-col svg{color:#9ca3af}.courier-pricing{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.price-item{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.price-item span{color:#6b7280}.price-item strong{color:#111827;font-weight:600}.price-item.total-price{border-top:1px solid #e5e7eb;margin-top:.25rem;padding-top:.75rem}.price-item.total-price span{color:#111827;font-weight:600}.price-item.total-price strong{color:#3b82f6;font-size:1.125rem}.courier-card-footer{border-top:1px solid #f3f4f6;padding-top:1rem}.btn-select-courier{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s;width:100%}.btn-select-courier:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-select-courier:disabled{cursor:not-allowed;opacity:.6}.modal-footer{background:#fafafa;gap:1rem;padding:1.5rem}.btn-secondary{border-radius:6px;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{border-color:#9ca3af}.btn-danger{align-items:center;border:1px solid #ef4444;border-radius:6px;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-danger:hover{border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.tracking-timeline{background:#fff;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.timeline-item{gap:1rem;position:relative}.timeline-item:not(:last-child):before{background:#e5e7eb;bottom:-24px;content:"";left:15px;position:absolute;top:35px;width:2px}.timeline-icon{align-items:center;background:#fff;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:1}.timeline-icon.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.timeline-icon.completed{background:#10b981;border-color:#10b981;color:#fff}.timeline-icon.pending{background:#fff;border-color:#d1d5db;color:#9ca3af}.timeline-content{padding-top:.25rem}.timeline-status{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.timeline-date{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.timeline-location{color:#9ca3af;font-size:.875rem;gap:.25rem}@media (max-width:768px){.modal-content{border-radius:12px;margin:0;max-height:95vh;max-width:100%}.modal-header{padding:1.25rem}.modal-header h3{font-size:1.25rem}.modal-body,.modal-footer{padding:1.25rem}.modal-footer{flex-direction:column-reverse}.btn-danger,.btn-secondary{justify-content:center;width:100%}.cancel-warning{padding:1.5rem 1rem}.courier-info-row{flex-direction:column;gap:.75rem}.courier-pricing{padding:.875rem}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}@media print{.btn-export,.btn-refresh,.modal-overlay,.order-actions,.orders-filters,.orders-header-actions{display:none!important}.orders-container{background:#fff;padding:0}.order-card{border:1px solid #000;margin-bottom:1rem;page-break-inside:avoid}.order-footer,.order-header{background:#f9fafb}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.order-details-modal{max-width:700px}.order-detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.order-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.125rem;font-weight:600;gap:.5rem}.detail-row{grid-gap:1rem;border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:140px 1fr;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row-label{color:#6b7280;font-size:.95rem;font-weight:500}.detail-row-value{color:#111827;font-size:.95rem;font-weight:600}.badge{border:1px solid;border-radius:4px;gap:.25rem;padding:.25rem .75rem}.badge-success{background:#fff;border-color:#10b981;color:#059669}.badge-warning{background:#fff;border-color:#f59e0b;color:#d97706}.badge-danger{background:#fff;border-color:#ef4444;color:#dc2626}.badge-info{background:#fff;border-color:#06b6d4;color:#0284c7}.tooltip{display:inline-block;position:relative}.tooltip-text{background:#1f2937;border-radius:6px;bottom:125%;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:.875rem;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:normal;width:200px;z-index:100}.tooltip-text:after{border:5px solid #0000;border-top-color:#1f2937;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.bounce{animation:bounce 1s infinite}:focus{outline:none}:focus-visible{border-radius:4px}@media (prefers-color-scheme:dark){.modal-content,.order-card,.orders-container,.stat-card{background:#fff!important;color:#1a1a1a!important}}.modal-content,.order-card,.stat-card{backface-visibility:hidden;will-change:transform}.btn-primary{border:1px solid #3b82f6;border-radius:6px;transition:all .2s}.btn-primary:hover{border-color:#2563eb}.btn-success{border:1px solid #10b981;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-success:hover{border-color:#059669}.btn-warning{background:#f59e0b;border:1px solid #f59e0b;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-warning:hover{background:#d97706;border-color:#d97706}:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#8b5cf6;--color-accent:#f59e0b;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--bg-gray-200:#e5e7eb;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--radius-sm:8px;--radius-lg:16px;--radius-xl:24px;--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}body{background:var(--bg-gray-50)}.userstore-loading{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:32px}.userstore-loading .spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;color:#2563eb;color:var(--color-primary);filter:drop-shadow(0 4px 12px rgba(37,99,235,.2))}.userstore-loading p{animation:fadeInUp .6s ease-out;color:#6b7280;color:var(--text-secondary);font-size:18px;font-weight:500;letter-spacing:-.02em}.userstore-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fff);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:32px;text-align:center}.userstore-error .error-icon{animation:shake .5s ease-in-out;color:#ef4444;color:var(--color-error)}.userstore-error h2{color:#111827;color:var(--text-primary);font-size:32px;font-weight:700;margin-top:16px}.userstore-error p{color:#6b7280;color:var(--text-secondary);font-size:16px;max-width:480px}.userstore{animation:fadeIn .4s ease-out;background:#f9fafb;background:var(--bg-gray-50);min-height:100vh}.userstore-header{animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{gap:16px}.back-btn{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.back-btn:hover{background:#f9fafb;background:var(--bg-gray-50);border-color:#d1d5db;border-color:var(--border-medium);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(-4px)}.icon-btn{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#6b7280;height:44px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:44px}.icon-btn:hover{background:#f9fafb;background:var(--bg-gray-50);border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#2563eb;color:var(--color-primary);transform:translateY(-2px)}.icon-btn.saved{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#ef4444;color:var(--color-error)}.share-success{align-items:center;animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#10b981;color:var(--color-success);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:absolute;right:24px;top:80px}.hero-gallery{animation:fadeInUp .6s ease-out .1s both;margin:32px auto;max-width:1400px;padding:0 24px}.hero-main-image{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:560px;overflow:hidden;position:relative;width:100%}.hero-main-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow);width:100%}.hero-main-image:hover img{transform:scale(1.05)}.gallery-nav{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e5e7eb;border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#111827;color:var(--text-primary);display:flex;height:48px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:48px}.gallery-nav:hover{background:var(--bg-white);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:20px}.gallery-nav.next{right:20px}.gallery-thumbnails{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:20px}.gallery-thumb{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;height:90px;overflow:hidden;padding:0;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.gallery-thumb:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.gallery-thumb.active,.gallery-thumb:hover{border-color:#2563eb;border-color:var(--color-primary)}.gallery-thumb.active{box-shadow:0 0 0 3px #2563eb1a}.gallery-thumb img{height:100%;object-fit:cover;width:100%}.lazy-image-container{background:#f3f4f6;background:var(--bg-gray-100);height:100%;overflow:hidden;position:relative;width:100%}.lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);width:100%}.lazy-image.loaded{opacity:1}.image-fallback{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;inset:0;justify-content:center;position:absolute}.fallback-icon{color:#9ca3af;color:var(--text-tertiary);opacity:.4}.image-loading{background:#f3f4f6;background:var(--bg-gray-100);inset:0}.image-loading,.zoom-btn{align-items:center;display:flex;justify-content:center;position:absolute}.zoom-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#111827;color:var(--text-primary);cursor:pointer;height:40px;opacity:0;right:12px;top:12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.lazy-image-container:hover .zoom-btn{opacity:1}.zoom-btn:hover{background:#fff;background:var(--bg-white);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.1)}.lightbox-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;inset:0;position:fixed;z-index:9999}.lightbox-close,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--bg-white);cursor:pointer;height:48px;position:absolute;right:24px;top:24px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:48px;z-index:10}.lightbox-close:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--bg-white);cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:56px;z-index:10}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav.lightbox-prev{left:40px}.lightbox-nav.lightbox-next{right:40px}.lightbox-content{animation:zoomIn .3s cubic-bezier(.4,0,.2,1);animation:zoomIn var(--transition-base);max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:100%;object-fit:contain}.lightbox-counter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--radius-md);bottom:-48px;color:#fff;color:var(--bg-white);font-size:14px;font-weight:500;left:50%;padding:8px 20px;position:absolute;transform:translateX(-50%);white-space:nowrap}.trust-badges{animation:fadeInUp .6s ease-out .2s both;flex-wrap:wrap;gap:48px;justify-content:center;margin:32px auto;max-width:1400px;padding:0 24px}.badge-item,.trust-badges{align-items:center;display:flex}.badge-item{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);color:#111827;color:var(--text-primary);font-size:15px;font-weight:500;gap:12px;padding:16px 28px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.badge-item svg{color:#2563eb;color:var(--color-primary);flex-shrink:0}.badge-item:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.business-video-section{animation:fadeInUp .6s ease-out .3s both;margin:32px auto;max-width:1400px;padding:0 24px}.business-video-section .section-title{margin-bottom:20px}.video-container{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.store-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 360px;margin:0 auto;max-width:1400px;padding:32px 24px}.store-main{display:flex;flex-direction:column;gap:32px}.store-hero-section{animation:fadeInUp .6s ease-out .4s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:32px}.store-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.store-title{color:#111827;color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.verified-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--color-primary);font-size:14px;gap:6px;padding:8px 16px}.store-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.meta-item{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:500;gap:8px}.meta-item svg{color:#2563eb;color:var(--color-primary);flex-shrink:0}.store-description-box{background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);margin-top:16px;padding:20px}.store-description-box p{color:#6b7280;color:var(--text-secondary);font-size:16px;line-height:1.7}.section-title{border-bottom:2px solid var(--border-light)}.section-title svg{color:var(--color-primary);flex-shrink:0}.rating-section-detailed{animation:fadeInUp .6s ease-out .5s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:32px}.rating-overview{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.average-rating-display{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.rating-number-large{color:#111827;color:var(--text-primary);font-size:56px;font-weight:800;line-height:1;margin-bottom:12px}.rating-stars-display{display:flex;gap:4px;margin-bottom:8px}.rating-count-text{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:500}.user-rating-input{background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;padding:24px}.user-rating-input h4{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600}.star-rating-input{display:flex;gap:8px;justify-content:center}.rating-star{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.rating-star.interactive{cursor:pointer}.rating-star.interactive:hover{filter:drop-shadow(0 4px 8px rgba(251,191,36,.4));transform:scale(1.2)}.current-rating-text{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:center}.rating-message{align-items:center;animation:slideInDown .3s ease-out;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.rating-message.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#10b981;color:var(--color-success)}.rating-message.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#ef4444;color:var(--color-error)}.login-prompt{align-items:center;background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #fde047;border-radius:16px;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 24px}.ratings-distribution{display:flex;flex-direction:column;gap:12px}.rating-bar-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:60px 1fr 40px}.star-label{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:4px}.rating-bar{background:#e5e7eb;background:var(--bg-gray-200);border-radius:999px;height:10px;overflow:hidden;position:relative}.rating-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px;box-shadow:0 0 8px #fbbf2466;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base)}.rating-count{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:right}.comments-section{animation:fadeInUp .6s ease-out .6s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:32px}.comment-form{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.comment-textarea{background:#f9fafb;background:var(--bg-gray-50);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:inherit;font-size:15px;padding:16px;resize:vertical;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.comment-textarea:focus{background:#fff;background:var(--bg-white);border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.submit-comment-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.submit-comment-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.6}.login-prompt-comment{background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #fde047;border-radius:16px;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);gap:12px;margin-bottom:24px;padding:16px 24px}.comment-message,.login-prompt-comment{align-items:center;display:flex;font-size:14px;font-weight:500}.comment-message{animation:slideInDown .3s ease-out;border-radius:12px;border-radius:var(--radius-md);gap:8px;margin-bottom:16px;padding:12px 16px}.comment-message.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#10b981;color:var(--color-success)}.comment-message.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#ef4444;color:var(--color-error)}.comments-list{gap:20px}.comments-list,.comments-loading{display:flex;flex-direction:column}.comments-loading{align-items:center;gap:16px;justify-content:center;padding:60px 20px}.comments-loading .spinner{color:#2563eb;color:var(--color-primary)}.no-comments{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.no-comments svg{color:#9ca3af;color:var(--text-tertiary);opacity:.5}.no-comments p{color:#6b7280;color:var(--text-secondary);font-size:18px;font-weight:600}.no-comments-hint{color:#9ca3af!important;color:var(--text-tertiary)!important;font-size:14px!important;font-weight:400!important}.comment-item{background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);padding:20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.comment-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comment-author{align-items:center;display:flex;gap:10px}.author-icon{color:#2563eb;color:var(--color-primary)}.author-name{color:#111827;color:var(--text-primary);font-size:15px;font-weight:600}.comment-date{color:#9ca3af;color:var(--text-tertiary);font-size:13px;font-weight:500}.comment-text{color:#6b7280;color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:16px}.comment-actions{gap:12px}.comment-actions,.like-btn{align-items:center;display:flex}.like-btn{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.like-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#2563eb;color:var(--color-primary)}.delete-comment-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.delete-comment-btn:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#ef4444;color:var(--color-error)}.products-services-tabs{animation:fadeInUp .6s ease-out .7s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);overflow:hidden}.tabs-header{background:#f9fafb;background:var(--bg-gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);display:flex}.tab-btn{color:#6b7280;color:var(--text-secondary);flex:1 1;font-size:16px;gap:10px;justify-content:center;padding:20px 24px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.tab-btn.active,.tab-btn:hover:not(:disabled){background:#fff;background:var(--bg-white);color:#2563eb;color:var(--color-primary)}.tab-btn.active:after{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:999px 999px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-btn:disabled{cursor:not-allowed;opacity:.4}.tab-content{padding:32px}.products-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.search-box{background:#f9fafb;background:var(--bg-gray-50);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);min-width:280px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-box:focus-within{background:#fff;background:var(--bg-white);border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-box input{background:#0000;border:none;color:#111827;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.search-box input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.sort-select{background:#f9fafb;background:var(--bg-gray-50);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;padding:12px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.sort-select:hover{background:#fff;background:var(--bg-white);border-color:#d1d5db;border-color:var(--border-medium)}.sort-select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.products-grid-enhanced{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card-enhanced{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.product-card-enhanced:hover{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.product-image-wrapper{background:var(--bg-gray-100);height:240px}.product-info{gap:12px}.product-category-text{color:#2563eb;color:var(--color-primary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.product-description-short{color:#6b7280;color:var(--text-secondary);font-size:14px;line-height:1.6}.product-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);margin-top:auto;padding-top:12px}.product-pricing{flex-wrap:wrap;gap:12px}.product-price-main{color:#111827;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.02em}.stock-badge{border-radius:8px;border-radius:var(--radius-sm);font-size:12px;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.stock-badge.in-stock{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#10b981;color:var(--color-success)}.product-features-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-badge{background:#f3f4f6;background:var(--bg-gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 10px}.service-card-enhanced .product-image-wrapper{height:200px}.service-short-desc{color:#111827;color:var(--text-primary);font-size:13px;font-weight:500}.service-meta-row{display:flex;flex-wrap:wrap;gap:8px}.service-meta-badge{align-items:center;background:#f3f4f6;background:var(--bg-gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);display:flex;font-weight:600;gap:4px;letter-spacing:.03em}.pricing-type-badge,.service-meta-badge{font-size:11px;padding:4px 10px;text-transform:uppercase}.pricing-type-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;border-radius:var(--radius-sm);color:#92400e;font-weight:700;letter-spacing:.05em}.instant-booking-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:8px;border-radius:var(--radius-sm);color:#10b981;color:var(--color-success);display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:6px 12px}.no-products-found{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.no-products-found svg{color:#9ca3af;color:var(--text-tertiary);opacity:.4}.no-products-found p{color:#6b7280;color:var(--text-secondary);font-size:18px;font-weight:600}.location-detailed{animation:fadeInUp .6s ease-out .8s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:32px}.location-content{display:flex;flex-direction:column;gap:12px}.location-text{background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);padding:20px}.address-line{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.city-state-line{color:#6b7280;color:var(--text-secondary);font-size:15px}.business-hours-section{animation:fadeInUp .6s ease-out .9s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:32px}.hours-table{display:flex;flex-direction:column;gap:12px}.hours-row{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.hours-row:hover{background:#fff;background:var(--bg-white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.hours-row.today{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;font-weight:600}.day-label{color:#111827;color:var(--text-primary);font-size:15px;font-weight:600;text-transform:capitalize}.hours-value{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:500}.contact-info-section{animation:fadeInUp .6s ease-out 1s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:32px}.contact-methods{display:flex;flex-direction:column;gap:16px}.contact-method{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.contact-method:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.contact-method svg{color:#2563eb;color:var(--color-primary);flex-shrink:0}.contact-method a{color:#111827;color:var(--text-primary);font-size:15px;font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.contact-method:hover a{color:#2563eb;color:var(--color-primary)}.store-sidebar{position:relative}.sidebar-sticky{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}.open-chat-btn{align-items:center;animation:fadeInRight .6s ease-out .5s both;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:18px 24px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.open-chat-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.open-chat-btn:hover:before{height:300px;width:300px}.open-chat-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.open-chat-btn.pulse{animation:pulse 2s ease-in-out infinite,fadeInRight .6s ease-out .5s both}.chat-badge{background:#10b981;background:var(--color-success);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 0 12px #10b98180;font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.sidebar-card{animation:fadeInRight .6s ease-out .6s both;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:24px}.sidebar-card h4{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);color:#111827;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.stats-list{display:flex;flex-direction:column;gap:14px}.stat-row{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);display:flex;font-size:15px;font-weight:500;gap:12px;padding:10px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.stat-row:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translateX(4px)}.stat-row svg{color:#2563eb;color:var(--color-primary);flex-shrink:0}.quick-actions-card{animation:fadeInRight .6s ease-out .7s both}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action-btn{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:12px;padding:14px 18px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.quick-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateX(8px)}.quick-action-btn svg{flex-shrink:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.quick-action-btn:hover svg{transform:scale(1.2)}.floating-chat-btn{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:50%;bottom:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:32px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:64px;z-index:999}.floating-chat-btn:hover{box-shadow:0 20px 40px #2563eb66;transform:scale(1.1) rotate(10deg)}.chat-notification-dot{animation:pulse 2s ease-in-out infinite;background:#ef4444;background:var(--color-error);border:2px solid #fff;border:2px solid var(--bg-white);border-radius:50%;height:14px;position:absolute;right:8px;top:8px;width:14px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.modal-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);padding:24px}.modal-content{animation:zoomIn .3s cubic-bezier(.4,0,.2,1);animation:zoomIn var(--transition-base);background:#fff;background:var(--bg-white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:500px;padding:40px}.modal-close{background:#f3f4f6;background:var(--bg-gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-light);color:#6b7280;height:36px;right:16px;top:16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.modal-close:hover{background:#ef4444;background:var(--color-error);color:#fff;color:var(--bg-white)}.qr-modal h3{color:#111827;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:32px;text-align:center}.qr-code-placeholder{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border:2px dashed #d1d5db;border:2px dashed var(--border-medium);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:24px;padding:48px}.qr-code-placeholder svg{color:#2563eb;color:var(--color-primary)}.qr-code-placeholder p{font-size:14px;max-width:280px}.qr-code-placeholder p,.qr-url{color:#6b7280;color:var(--text-secondary);text-align:center}.qr-url{background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:13px;padding:16px;word-break:break-all}@media (max-width:1200px){.store-content{grid-template-columns:1fr}.sidebar-sticky{position:relative;top:0}.rating-overview{grid-template-columns:1fr}}@media (max-width:768px){.header-content{padding:12px 16px}.back-btn span{display:none}.hero-main-image{height:400px}.gallery-nav{height:40px;width:40px}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.trust-badges{gap:16px}.badge-item{font-size:14px;padding:12px 20px}.store-title{font-size:28px}.business-hours-section,.comments-section,.contact-info-section,.location-detailed,.products-services-tabs,.rating-section-detailed,.sidebar-card,.store-hero-section{padding:20px}.products-grid-enhanced{grid-template-columns:1fr}.products-controls{flex-direction:column}.search-box{min-width:100%}.floating-chat-btn{bottom:20px;height:56px;right:20px;width:56px}.lightbox-nav{height:44px;width:44px}.lightbox-nav.lightbox-prev{left:16px}.lightbox-nav.lightbox-next{right:16px}}@media (max-width:480px){.hero-main-image{height:300px}.store-title{font-size:24px}.tabs-header{flex-direction:column}.rating-number-large{font-size:48px}.product-image-wrapper{height:200px}}.userstore.dark{background:#0f172a}.dark .userstore-header{background:#0f172af2;border-bottom-color:#1e293b}.dark .back-btn,.dark .icon-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark .back-btn:hover,.dark .icon-btn:hover{background:#334155;border-color:#2563eb;border-color:var(--color-primary)}.dark .business-hours-section,.dark .comments-section,.dark .contact-info-section,.dark .hero-main-image,.dark .location-detailed,.dark .product-card-enhanced,.dark .products-services-tabs,.dark .rating-section-detailed,.dark .sidebar-card,.dark .store-hero-section{background:#1e293b;border-color:#334155}.dark .author-name,.dark .product-name,.dark .section-title,.dark .store-title,.dark h3,.dark h4{color:#f1f5f9}.dark .city-state-line,.dark .comment-text,.dark .hours-value,.dark .meta-item,.dark .product-description-short,.dark .rating-count-text,.dark .store-description-box p{color:#cbd5e1}.dark .tabs-header{background:#0f172a}.dark .tab-btn{color:#94a3b8}.dark .tab-btn.active,.dark .tab-btn:hover:not(:disabled){background:#1e293b}@media print{.floating-chat-btn,.gallery-nav,.sidebar-sticky,.userstore-header,.zoom-btn{display:none!important}}body{background:#fff;color:#1a1a1a}.ministore-container{background:linear-gradient(135deg,#fff,#fef2f2 50%,#fff);min-height:100vh;overflow-x:hidden;position:relative}.bg-glow{background:radial-gradient(circle at 30% 50%,#ef44440d 0,#0000 50%)}.bg-glow,.floating-orbs{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-orbs{overflow:hidden}.orb{filter:blur(40px);opacity:.2}.orb1{background:#ef44444d;height:200px;left:-50px;top:10%;width:200px}.orb2{background:#dc262633;height:250px;right:-50px;top:50%;width:250px}.orb3{background:#ef444440;bottom:10%;height:150px;left:30%;width:150px}.hero-section{margin:0 auto;max-width:900px;padding:60px 20px 40px;position:relative;text-align:center;z-index:1}.badge{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:50px;color:#dc2626;display:inline-flex;font-size:12px;gap:6px;letter-spacing:.5px;margin-bottom:24px;padding:8px 16px}.icon-rocket{color:#dc2626;height:16px;width:16px}.hero-title{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:20px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#475569;font-size:16px;line-height:1.6;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:700px}.hero-subtitle strong{color:#dc2626;font-weight:700}.premium-ai-card{margin:40px auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.premium-ai-card .card-content{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid #ef444433;border-radius:24px;box-shadow:0 20px 60px #0000004d;overflow:hidden;padding:48px 40px;position:relative}.card-glow{animation:rotateGlow 10s linear infinite;background:radial-gradient(circle,#ef444426 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-icon{margin-bottom:24px;text-align:center}.card-icon svg{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(239,68,68,.4))}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:32px;text-align:center}.typing-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ef444433;border-radius:16px;display:flex;justify-content:center;margin-bottom:40px;min-height:180px;padding:32px}.typing-text-premium{color:#fff;font-size:16px;font-weight:400;letter-spacing:.3px;line-height:1.8;margin:0;text-align:center}.cursor-premium{animation:blinkPremium 1s infinite;color:#ef4444;display:inline-block;font-size:18px;font-weight:700;margin-left:3px;width:2px}@keyframes blinkPremium{0%,50%{opacity:1}51%,to{opacity:0}}.card-stats{grid-gap:24px;align-items:center;border-top:1px solid #ef444433;display:grid;gap:24px;grid-template-columns:1fr auto 1fr auto 1fr;padding-top:32px}.stat{text-align:center}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;display:block;font-weight:800;margin-bottom:8px}.stat-label{color:#fff9;display:block}.stat-divider{background:linear-gradient(180deg,#0000,#ef44444d 50%,#0000);height:50px;width:1px}.plans-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.plan-card{background:#fffffff2;border:2px solid #ef44441a;border-radius:20px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.plan-card:before{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.plan-card.active:before,.plan-card:hover:before{transform:scaleX(1)}.plan-card:active{transform:scale(.98)}.plan-card.active{border-color:#dc2626;box-shadow:0 10px 30px #ef444426}.plan-header{margin-bottom:20px;text-align:center}.plan-emoji{display:block;margin:0 auto 12px}.plan-card h2{color:#0f172a;font-size:22px;font-weight:700;margin-bottom:6px}.plan-tagline{color:#dc2626;font-size:13px;font-weight:600;letter-spacing:.3px}.plan-desc{color:#64748b;font-size:14px;line-height:1.6}.plan-desc,.price-label{margin-bottom:20px;text-align:center}.price-label{border-bottom:1px solid #ef44441a;border-top:1px solid #ef44441a;padding:20px 0}.price{color:#dc2626;display:block;font-size:40px;font-weight:800;line-height:1;margin-bottom:6px}.price-sub{color:#64748b;display:block;font-size:13px;font-weight:600}.feature-list{list-style:none;margin-bottom:20px}.feature-list li{color:#475569;font-size:14px;line-height:1.5;padding:10px 0 10px 28px;position:relative}.feature-list li:before{color:#dc2626;content:"✓";font-size:16px;font-weight:700;left:0;position:absolute;top:10px}.plan-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .3s ease;width:100%}.plan-btn:active{transform:scale(.98)}.features-section{margin:0 auto;max-width:1200px;padding:60px 20px;position:relative;text-align:center;z-index:1}.features-section h2{color:#0f172a;font-size:28px;font-weight:800;margin-bottom:40px}.features-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.feature{background:#ffffffe6;border:1px solid #ef44441a;border-radius:16px;padding:24px 16px;text-align:center;transition:all .3s ease}.feature:active{border-color:#ef44444d;transform:scale(.98)}.feature span{color:#dc2626;display:block;margin-bottom:12px}.feature span svg{height:36px;width:36px}.feature p{color:#1e293b;font-size:14px;font-weight:600;margin:0}.cta-section{margin:0 auto;max-width:800px;padding:60px 20px;position:relative;text-align:center;z-index:1}.cta-section h2{color:#0f172a;font-size:28px;font-weight:800;line-height:1.3;margin-bottom:12px}.cta-section p{color:#64748b;font-size:16px;margin-bottom:32px}.cta-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;box-shadow:0 6px 20px #ef44444d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .3s ease}.cta-btn:active{transform:scale(.98)}.footer{border-top:1px solid #ef44441a;padding:32px 20px;position:relative;text-align:center;z-index:1}.footer p{color:#64748b;font-size:13px}@media (max-width:640px){.premium-ai-card .card-content{padding:32px 24px}.card-title{font-size:24px}.typing-container{min-height:200px;padding:24px}.typing-text-premium{font-size:14px}.card-stats{gap:20px;grid-template-columns:1fr}.stat-divider{background:linear-gradient(90deg,#0000,#ef44444d 50%,#0000);height:1px;width:100%}.stat-value{font-size:24px}}@media (min-width:640px){.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.features-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.feature span svg{height:42px;width:42px}.feature p{font-size:15px}}@media (min-width:768px){.hero-section{padding:80px 24px 60px}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.premium-ai-card{margin:60px auto}.card-title{font-size:40px}.typing-text-premium{font-size:18px}.plans-section{gap:24px;grid-template-columns:repeat(2,1fr);padding:40px 24px}.plan-card{padding:28px}.plan-card:hover{box-shadow:0 20px 50px #ef444426;transform:translateY(-6px)}.plan-btn:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.features-section{padding:80px 24px}.features-section h2{font-size:36px;margin-bottom:50px}.feature:hover{border-color:#ef44444d;box-shadow:0 12px 30px #ef44441a;transform:translateY(-4px)}.feature span svg{height:48px;width:48px}.feature p{font-size:16px}.cta-section{padding:80px 24px}.cta-section h2{font-size:40px;margin-bottom:16px}.cta-section p{font-size:18px;margin-bottom:40px}.cta-btn:hover{box-shadow:0 10px 30px #ef444466;transform:translateY(-3px)}}@media (min-width:1024px){.hero-title{font-size:56px}.plans-section{grid-template-columns:repeat(4,1fr)}.plan-card{padding:32px}.features-section h2{font-size:42px;margin-bottom:60px}.cta-section h2{font-size:48px}.cta-section p{font-size:20px}.cta-btn{font-size:18px;padding:20px 48px}}.tm-marketplace-wrapper{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999}.tm-marketplace{animation:slideUp .4s ease;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:24px;box-shadow:0 20px 60px #000000e6;height:95vh;max-width:1600px;overflow-x:hidden;overflow-y:auto;width:100%}.tm-marketplace::-webkit-scrollbar{width:10px}.tm-marketplace::-webkit-scrollbar-track{background:#0a0a0a}.tm-marketplace::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:5px}.tm-marketplace::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.tm-marketplace-header{align-items:flex-start;background:linear-gradient(180deg,#0a0a0a,#000);border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:32px 40px 24px}.tm-header-content h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;display:flex;font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.tm-header-content h2 svg{stroke:#fff;opacity:.9}.tm-subtitle{color:#6b7280;font-size:15px;font-weight:400;margin:0}.tm-close-btn{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.tm-close-btn:hover{background:#2a2a2a;box-shadow:0 4px 12px #ffffff1a;transform:rotate(90deg)}.tm-type-switcher{background:#000;border-bottom:1px solid #1a1a1a;display:flex;gap:12px;padding:0 40px 24px}.tm-type-btn{align-items:center;background:#0a0a0a;border:2px solid #1a1a1a;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease}.tm-type-btn:hover{background:#1a1a1a;border-color:#2a2a2a;color:#9ca3af}.tm-type-btn.active{background:linear-gradient(135deg,#fff,#e0e0e0);border-color:#fff;box-shadow:0 4px 16px #ffffff26;color:#000}.tm-type-btn svg{flex-shrink:0}.tm-type-count{background:#0000004d;border-radius:6px;font-size:13px;font-weight:700;margin-left:auto;padding:4px 10px}.tm-type-btn.active .tm-type-count{background:#00000026}.tm-marketplace-nav{background:#000;border-bottom:1px solid #1a1a1a;display:flex;gap:8px;padding:20px 40px}.tm-nav-tab{align-items:center;background:#0a0a0a;border:2px solid #0000;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;position:relative;transition:all .3s ease}.tm-nav-tab:hover{background:#1a1a1a;color:#9ca3af}.tm-nav-tab.active{background:#1a1a1a;border-color:#fff;box-shadow:0 4px 12px #ffffff1a;color:#fff}.tm-nav-tab svg{flex-shrink:0}.tm-badge{background:#fff;border-radius:6px;color:#000;font-size:12px;font-weight:700;margin-left:6px;padding:4px 10px}.tm-filters{background:#000;border-bottom:1px solid #1a1a1a;display:flex;gap:16px;padding:24px 40px}.tm-search-bar{display:flex;flex:1 1;gap:12px;position:relative}.tm-search-icon{color:#6b7280;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tm-search-input{background:#0a0a0a;border:2px solid #1a1a1a;border-radius:12px;color:#fff;flex:1 1;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease}.tm-search-input::placeholder{color:#4b5563}.tm-search-input:focus{background:#1a1a1a;border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.tm-search-btn{background:linear-gradient(135deg,#fff,#e0e0e0);border:none;border-radius:12px;box-shadow:0 4px 12px #ffffff26;color:#000;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.tm-search-btn:hover{box-shadow:0 6px 16px #fff3;transform:translateY(-2px)}.tm-category-filter{align-items:center;display:flex;gap:12px;min-width:250px;position:relative}.tm-filter-icon{color:#6b7280;left:16px;pointer-events:none;position:absolute;z-index:1}.tm-category-select{appearance:none;background:#0a0a0a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #1a1a1a;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.tm-category-select:hover{background-color:#1a1a1a;border-color:#2a2a2a}.tm-category-select:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.tm-category-select option{background:#1a1a1a;color:#fff;padding:12px}.tm-browse-section{padding:0 0 40px}.tm-category-sections{padding:24px 40px}.tm-category-section{margin-bottom:48px}.tm-category-section:last-child{margin-bottom:0}.tm-category-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#6b7280);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #1a1a1a;color:#fff;font-size:24px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.tm-templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tm-template-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.tm-template-card:hover{border-color:#2a2a2a;box-shadow:0 12px 32px #ffffff14;transform:translateY(-4px)}.tm-template-preview{background:#1a1a1a;height:240px;overflow:hidden;position:relative;width:100%}.tm-image-container{height:100%;position:relative;width:100%}.tm-template-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.tm-template-card:hover .tm-template-image{transform:scale(1.05)}.tm-no-image{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#4b5563;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;width:100%}.tm-no-image p{font-size:14px;font-weight:500;margin:0}.tm-template-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#000000e6);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.tm-template-card:hover .tm-template-overlay{opacity:1}.tm-preview-btn{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 4px 16px #fff3;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.tm-preview-btn:hover{box-shadow:0 6px 20px #ffffff4d;transform:translateY(-2px)}.tm-favorite-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:5}.tm-favorite-btn:hover{background:#000000f2;box-shadow:0 4px 12px #ffffff26;transform:scale(1.1)}.tm-favorite-btn.favorited{background:#ef4444e6;border-color:#ef444480;color:#fff}.tm-template-type-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf6e6;border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;left:16px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:16px;z-index:5}.tm-badge-website{background:#3b82f6e6}.tm-template-info{padding:20px}.tm-template-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.tm-template-name{color:#fff;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.tm-template-status{border-radius:6px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.status-approved{background:#22c55e26;color:#22c55e}.status-purchased{background:#3b82f626;color:#3b82f6}.tm-template-category{color:#6b7280;font-size:13px;font-weight:500;margin:0 0 12px}.tm-template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.tm-template-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tm-feature-tag{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#9ca3af;font-size:12px;font-weight:500;padding:6px 12px}.tm-template-meta{border-bottom:1px solid #1a1a1a;border-top:1px solid #1a1a1a;justify-content:space-between;margin-bottom:16px;padding:12px 0}.tm-rating,.tm-template-meta{align-items:center;display:flex}.tm-rating{gap:6px}.tm-stars{color:#fbbf24;font-size:16px;letter-spacing:2px}.tm-downloads,.tm-rating-text{color:#6b7280;font-size:13px;font-weight:600}.tm-downloads{align-items:center;display:flex;gap:6px}.tm-template-price{margin-bottom:16px}.tm-free-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;display:inline-block;font-size:14px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.tm-free-badge,.tm-price{color:#fff;font-weight:700}.tm-price{font-size:24px}.tm-template-actions{display:flex;gap:12px}.tm-get-template-btn,.tm-use-template-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.tm-use-template-btn{background:linear-gradient(135deg,#fff,#e0e0e0);box-shadow:0 4px 12px #ffffff26;color:#000}.tm-use-template-btn:hover{box-shadow:0 6px 16px #ffffff40;transform:translateY(-2px)}.tm-get-template-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.tm-get-template-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.tm-get-template-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.tm-purchased-section{padding:24px 40px 40px}.tm-purchased-header{margin-bottom:32px}.tm-purchased-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#6b7280);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.tm-purchased-header p{color:#6b7280;font-size:15px;margin:0}.tm-loading,.tm-login-required,.tm-no-templates{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.tm-spinner{animation:spin 1s linear infinite;border:4px solid #1a1a1a;border-radius:50%;border-top-color:#fff;height:48px;margin-bottom:20px;width:48px}.tm-loading p,.tm-login-required h3,.tm-no-templates h3{color:#fff;font-size:20px;font-weight:600;margin:12px 0 8px}.tm-login-required p,.tm-no-templates p{color:#6b7280;font-size:15px;margin:0}.tm-login-required svg,.tm-no-templates svg{color:#2a2a2a;margin-bottom:20px}.tm-browse-link-btn{background:linear-gradient(135deg,#fff,#e0e0e0);border:none;border-radius:12px;box-shadow:0 4px 12px #ffffff26;color:#000;cursor:pointer;font-size:15px;font-weight:700;margin-top:24px;padding:14px 32px;transition:all .3s ease}.tm-browse-link-btn:hover{box-shadow:0 6px 16px #ffffff40;transform:translateY(-2px)}.tm-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.tm-preview-modal{animation:slideUp .4s ease;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:20px;box-shadow:0 20px 60px #000000e6;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:100%}.tm-preview-header{align-items:center;background:#000;border-bottom:1px solid #1a1a1a;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.tm-preview-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.tm-preview-category{color:#6b7280;font-size:14px;margin:4px 0 0}.tm-preview-type-badge{align-items:center;background:#8b5cf626;border-radius:6px;color:#a78bfa;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-top:8px;padding:6px 12px;text-transform:uppercase}.tm-preview-type-badge.tm-badge-website{background:#3b82f626;color:#60a5fa}.tm-modal-close{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.tm-modal-close:hover{background:#2a2a2a;transform:rotate(90deg)}.tm-preview-content{background:#fff;flex:1 1;overflow:hidden}.tm-preview-iframe-full{border:none;height:100%;width:100%}.tm-preview-actions{background:#000;border-top:1px solid #1a1a1a;display:flex;flex-shrink:0;gap:16px;padding:24px 32px}.tm-preview-actions button{flex:1 1;font-size:16px;max-width:300px;padding:16px 32px}.tm-message{animation:slideInRight .4s ease;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;bottom:32px;box-shadow:0 8px 24px #000c;max-width:400px;padding:16px 24px;position:fixed;right:32px;z-index:1002}.tm-message,.tm-message-content{align-items:center;display:flex;gap:12px}.tm-message-content{flex:1 1}.tm-message-content svg{flex-shrink:0}.tm-message-content span{color:#fff;font-size:14px;font-weight:600}.tm-message-success{background:#22c55e26;border-color:#22c55e4d}.tm-message-success svg{color:#22c55e}.tm-message-error{background:#ef444426;border-color:#ef44444d}.tm-message-error svg{color:#ef4444}.tm-message-info{background:#3b82f626;border-color:#3b82f64d}.tm-message-info svg{color:#3b82f6}.tm-message-close{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tm-message-close:hover{background:#ffffff1a}.tm-payment-processing-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1003}.tm-payment-processing,.tm-payment-processing-overlay{align-items:center;display:flex;justify-content:center}.tm-payment-processing{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:20px;box-shadow:0 20px 60px #000000e6;flex-direction:column;padding:48px 60px}.tm-payment-processing .tm-spinner{margin-bottom:24px}.tm-payment-processing p{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.tm-payment-processing small{color:#6b7280;font-size:14px;margin:0}@media (max-width:1024px){.tm-marketplace-wrapper{padding:16px}.tm-marketplace{border-radius:20px}.tm-marketplace-header{padding:28px 32px 20px}.tm-header-content h2{font-size:28px}.tm-marketplace-nav,.tm-type-switcher{padding:0 32px 20px}.tm-filters{padding:20px 32px}.tm-filters,.tm-search-bar{flex-direction:column}.tm-search-btn{width:100%}.tm-category-filter{min-width:auto;width:100%}.tm-category-sections,.tm-purchased-section{padding:20px 32px 32px}.tm-templates-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tm-message{bottom:24px;left:24px;max-width:none;right:24px}}@media (max-width:768px){.tm-marketplace-wrapper{align-items:flex-start;padding:0}.tm-marketplace{border:none;border-radius:0;height:100vh;max-height:100vh}.tm-marketplace-header{padding:20px 20px 16px}.tm-header-content h2{font-size:24px;gap:10px}.tm-header-content h2 svg{height:24px;width:24px}.tm-subtitle{font-size:14px}.tm-close-btn{font-size:24px;height:40px;width:40px}.tm-type-switcher{gap:10px;padding:0 20px 16px}.tm-type-btn{font-size:14px;gap:8px;padding:14px 16px}.tm-type-btn span{display:none}.tm-type-count{margin-left:0}.tm-marketplace-nav{-ms-overflow-style:none;gap:6px;overflow-x:auto;padding:16px 20px;scrollbar-width:none}.tm-marketplace-nav::-webkit-scrollbar{display:none}.tm-nav-tab{flex-shrink:0;font-size:14px;gap:8px;padding:10px 18px;white-space:nowrap}.tm-filters{padding:16px 20px}.tm-category-select,.tm-search-input{font-size:14px;padding:12px 16px 12px 44px}.tm-search-btn{font-size:14px;padding:12px 24px}.tm-category-sections,.tm-purchased-section{padding:16px 20px 32px}.tm-category-title{font-size:20px;margin-bottom:20px;padding-bottom:12px}.tm-templates-grid{gap:16px;grid-template-columns:1fr}.tm-template-preview{height:200px}.tm-template-info{padding:16px}.tm-template-name{font-size:16px}.tm-template-description{font-size:13px}.tm-template-actions{flex-direction:column}.tm-get-template-btn,.tm-use-template-btn{width:100%}.tm-preview-modal{border-radius:0;height:100vh;max-height:100vh}.tm-preview-header{padding:20px}.tm-preview-header h3{font-size:20px}.tm-preview-actions{flex-direction:column;padding:20px}.tm-preview-actions button{max-width:none}.tm-message{bottom:16px;left:16px;padding:14px 20px;right:16px}.tm-message-content span{font-size:13px}.tm-purchased-header h3{font-size:24px}.tm-purchased-header p{font-size:14px}.tm-loading,.tm-login-required,.tm-no-templates{padding:60px 20px}.tm-loading p,.tm-login-required h3,.tm-no-templates h3{font-size:18px}.tm-login-required p,.tm-no-templates p{font-size:14px}}@media (max-width:480px){.tm-marketplace-header{padding:16px 16px 14px}.tm-header-content h2{font-size:20px;gap:8px}.tm-header-content h2 svg{height:22px;width:22px}.tm-subtitle{font-size:13px}.tm-close-btn{font-size:22px;height:36px;width:36px}.tm-marketplace-nav,.tm-type-switcher{padding:0 16px 14px}.tm-type-btn{font-size:13px;padding:12px 14px}.tm-nav-tab{font-size:13px;padding:9px 16px}.tm-filters{padding:14px 16px}.tm-category-sections,.tm-purchased-section{padding:14px 16px 28px}.tm-category-title{font-size:18px;margin-bottom:16px}.tm-template-preview{height:180px}.tm-template-info{padding:14px}.tm-template-name{font-size:15px}.tm-template-category,.tm-template-description{font-size:12px}.tm-feature-tag{font-size:11px;padding:5px 10px}.tm-get-template-btn,.tm-use-template-btn{font-size:14px;padding:12px 18px}.tm-preview-header{padding:16px}.tm-preview-header h3{font-size:18px}.tm-preview-actions{padding:16px}.tm-payment-processing{padding:40px 48px}.tm-payment-processing p{font-size:16px}.tm-payment-processing small{font-size:13px}}@media (hover:hover){.tm-template-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.tm-template-card:hover{box-shadow:0 20px 48px #ffffff1f}}:focus-visible{outline:2px solid #fff}button:disabled{cursor:not-allowed;opacity:.5}@media print{.tm-marketplace-wrapper{display:none}}:root{--accent-info:#dc2626}.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: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{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: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:fit-content;padding:20px;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}}.service-display-card,.service-main-content,.service-step-navigation,.service-template-card{will-change:transform}@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}}.business-registration-container{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.header{align-items:center;color:#1a1a1a;display:flex;font-size:36px;font-weight:700;gap:15px;letter-spacing:-.5px;margin-bottom:30px}.header svg{color:#2563eb;font-size:38px}.notification{animation:slideIn .3s ease-out;box-shadow:0 10px 40px #00000026;font-size:15px;padding:18px 24px}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.notification.loading{background:#3b82f6;color:#fff}.notification svg{flex-shrink:0;font-size:20px}.business-form{background:#fff;border-radius:16px;padding:0}.section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:30px;padding:32px;transition:all .3s ease}.section:hover{border-color:#d1d5db;box-shadow:0 4px 20px #0000000d}.section-title{align-items:center;color:#1a1a1a;display:flex;font-size:24px;gap:12px;margin-bottom:24px;padding-bottom:16px}.section-title svg{color:#2563eb;font-size:26px}.form-group{width:100%}.row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.label{color:#374151;display:block;font-size:15px;font-weight:600;letter-spacing:-.2px;margin-bottom:10px}.social-icon{color:#2563eb;font-size:16px;margin-right:6px}.input,.select,.textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.input::placeholder,.textarea::placeholder{color:#9ca3af;font-weight:400}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input:hover,.select:hover,.textarea:hover{border-color:#d1d5db}.textarea{line-height:1.6;min-height:120px;resize:vertical}.select{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}.help-text{color:#6b7280;display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:8px}.image-upload{background:#f9fafb;border:3px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.image-upload:hover{background:#eff6ff;border-color:#2563eb}.image-upload p{color:#374151;font-size:15px;font-weight:600;margin-top:12px}.image-upload small{color:#6b7280;display:block;font-size:13px;margin-top:8px}.upload-icon{color:#2563eb;opacity:.7}.logo-preview{display:inline-block;position:relative}.logo-image{background:#fff;border:3px solid #e5e7eb;border-radius:12px;max-height:200px;max-width:200px;object-fit:contain;padding:10px}.remove-logo-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:36px}.remove-logo-btn:hover{background:#dc2626;transform:scale(1.1)}.image-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:20px}.image-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.image-card:hover{border-color:#2563eb;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.image-card .image{display:block;height:180px;object-fit:cover;width:100%}.remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px}.image-card:hover .remove-btn{opacity:1}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.submit-btn{margin-top:30px;padding:18px 32px;width:100%}.submit-btn svg{font-size:20px}.auth-loading{align-items:center;background:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.auth-loading .spinner{color:#2563eb;font-size:48px}.auth-loading p{color:#374151;font-size:18px;font-weight:600}.business-view-mode,.view-section{background:#fff}.view-section{border:2px solid #e5e7eb;border-radius:16px;margin-bottom:30px;padding:32px}.view-section h2{border-bottom:2px solid #e5e7eb;color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:24px;padding-bottom:16px}.view-field{align-items:center;border-bottom:1px solid #f3f4f6;color:#1a1a1a;display:flex;font-size:15px;gap:8px;line-height:1.6;padding:14px 0}.view-field:last-child{border-bottom:none}.view-field strong{color:#374151;display:inline-block;font-weight:700;min-width:160px}.view-field a{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s ease}.view-field a:hover{color:#1d4ed8;text-decoration:underline}.view-field svg{color:#2563eb;font-size:18px;margin-right:6px}@media (max-width:768px){.business-registration-container{padding:30px 16px}.header{font-size:28px;gap:12px}.header svg{font-size:30px}.section{margin-bottom:20px;padding:24px 20px}.section-title{font-size:20px;margin-bottom:20px;padding-bottom:12px}.section-title svg{font-size:22px}.row{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:20px}.image-preview{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.image-card .image{height:140px}.notification{font-size:14px;left:10px;max-width:none;padding:16px 20px;right:10px;top:10px}.submit-btn{font-size:16px;padding:16px 24px}.view-field{align-items:flex-start;flex-direction:column;gap:6px}.view-field strong{min-width:auto}}@media (max-width:480px){.business-registration-container{padding:20px 12px}.header{align-items:flex-start;flex-direction:column;font-size:24px;gap:10px}.header svg{font-size:26px}.section{border-radius:12px;padding:20px 16px}.section-title{font-size:18px;gap:8px}.section-title svg{font-size:20px}.label{font-size:14px}.input,.select,.textarea{border-radius:8px;font-size:14px;padding:12px 14px}.textarea{min-height:100px}.image-upload{padding:30px 16px}.image-upload p{font-size:14px}.image-upload small{font-size:12px}.image-preview{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-card .image{height:120px}.logo-image{max-height:150px;max-width:150px}.submit-btn{border-radius:10px;font-size:15px;padding:14px 20px}.notification{font-size:13px;padding:14px 16px}.help-text{font-size:12px}.view-section{padding:24px 16px}.view-section h2{font-size:20px;margin-bottom:20px}.view-field{font-size:14px;padding:12px 0}}@media (max-width:360px){.business-registration-container{padding:16px 10px}.header{font-size:22px}.section{padding:16px 12px}.section-title{font-size:17px}.input,.select,.textarea{font-size:13px;padding:10px 12px}.image-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-card .image{height:100px}.submit-btn{font-size:14px;padding:12px 18px}}@media (max-height:600px) and (orientation:landscape){.business-registration-container{padding:20px 16px}.section{margin-bottom:16px;padding:20px}.header{font-size:22px;margin-bottom:20px}.notification{font-size:13px;padding:12px 16px;right:10px;top:10px}}@media print{.business-registration-container{background:#fff}.image-upload,.notification,.remove-btn,.remove-logo-btn,.submit-btn{display:none!important}.section{border:1px solid #e5e7eb;page-break-inside:avoid}}.input:focus-visible,.select:focus-visible,.submit-btn:focus-visible,.textarea:focus-visible{outline:3px solid #2563eb;outline-offset:2px}@media (prefers-contrast:high){.input,.section,.select,.textarea{border-width:3px}.section-title{border-bottom-width:3px}}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}:root{--error:#ef4444;--dark:#111827;--dark-soft:#1f2937;--dark-lighter:#374151;--light:#fff;--light-soft:#f9fafb;--light-grey:#f3f4f6;--border:#e5e7eb;--border-light:#f3f4f6;--text-muted:#9ca3af;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--gradient-primary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-success:linear-gradient(135deg,#10b981,#059669);--radius:8px;--transition:all 0.2s ease;--transition-slow:all 0.3s ease}body{background:var(--light-soft);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.product-store-error,.product-store-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:32px;text-align:center}body:has(.product-store-page) .navbar{display:none!important}.product-store-page{background:#f9fafb;background:var(--light-soft);margin-top:0!important;min-height:100vh;padding-top:0!important}@media (max-width:768px){.notification-toast{left:16px;min-width:auto;right:16px;top:20px}}@media (max-width:480px){.notification-toast{top:16px}}.product-store-loading .spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--primary)}.product-store-loading p{color:#6b7280;color:var(--text-secondary);font-size:16px;font-weight:500}.product-store-error svg{color:#ef4444;color:var(--error);opacity:.6}.product-store-error h2{color:#111827;color:var(--text-primary);font-size:28px;font-weight:700;margin-top:12px}.product-store-error p{color:#6b7280;color:var(--text-secondary);font-size:16px;max-width:400px}.btn-retry{background:#3b82f6;background:var(--primary);border-radius:var(--radius);color:#fff;font-size:15px;margin-top:16px;padding:12px 28px;transition:all .2s ease;transition:var(--transition)}.btn-retry:hover{background:#2563eb;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.notification-toast{animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #3b82f6;border-left:4px solid var(--primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);gap:12px;justify-content:space-between;max-width:400px;min-width:300px;padding:16px 20px}.notification-toast span{color:#111827;color:var(--text-primary);font-size:14px;font-weight:500}.notification-toast button{align-items:center;background:#0000;color:#9ca3af;color:var(--text-muted);display:flex;font-size:20px;height:24px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:24px}.notification-toast button:hover{color:#111827;color:var(--text-primary)}.notification-error{border-left-color:#ef4444;border-left-color:var(--error)}.notification-success{border-left-color:#10b981;border-left-color:var(--success)}.store-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.store-container{gap:20px;padding:16px 24px}.store-branding{gap:14px}.store-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);border-radius:8px;border-radius:var(--radius);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.store-info h1{color:#111827;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2;margin-bottom:4px}.store-meta{color:#6b7280;color:var(--text-secondary);font-size:13px;gap:8px}.store-meta,.store-rating{align-items:center;display:flex}.store-rating{color:#f59e0b;font-weight:600;gap:4px}.separator{color:#e5e7eb;color:var(--border)}.action-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:var(--radius);padding:10px 18px}.action-btn:hover{background:var(--light-soft);border-color:#111827;border-color:var(--text-primary)}.action-back:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.catalog-main{margin:0 auto;max-width:1400px;padding:32px 24px 60px}.catalog-container{display:flex;flex-direction:column;gap:32px}.catalog-filters-section{display:flex;flex-direction:column;gap:20px}.search-box-wrapper{max-width:600px;position:relative}.search-box-wrapper svg{color:#9ca3af;color:var(--text-muted);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);color:#111827;padding:14px 16px 14px 48px;transition:var(--transition)}.categories-pills{display:flex;flex-wrap:wrap;gap:10px}.category-pill{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:50px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;transition:var(--transition)}.category-pill:hover{border-color:#60a5fa;border-color:var(--primary-light);color:#3b82f6;color:var(--primary)}.category-pill.active{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.products-grid{animation:fadeIn .4s ease-out}.product-card{border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;transition:var(--transition-slow)}.product-card:hover{border-color:#60a5fa;border-color:var(--primary-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.product-image-wrapper{background:var(--light-grey);height:260px}.product-image-wrapper img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition-slow);width:100%}.product-card:hover .product-image-wrapper img{transform:scale(1.05)}.product-placeholder{align-items:center;background:#f3f4f6;background:var(--light-grey);color:#9ca3af;color:var(--text-muted);display:flex;height:100%;justify-content:center;width:100%}.product-badge{background:#3b82f6;background:var(--primary);border-radius:6px;color:#fff;font-size:11px;font-weight:700;left:12px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:12px}.product-card-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px}.product-name{color:var(--text-primary);font-size:16px;line-height:1.3}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.product-card-footer{align-items:flex-end;border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:space-between;margin-top:auto;padding-top:12px}.product-price-section{display:flex;flex-direction:column;gap:4px}.product-price-section .price{color:#111827;color:var(--text-primary);font-size:20px;font-weight:800}.features-count{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;font-size:12px;gap:4px}.features-count svg{color:#f59e0b;color:var(--warning)}.quick-view-btn{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:4px;padding:8px 12px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.quick-view-btn:hover{background:#2563eb;background:var(--primary-dark)}.empty-catalog{align-items:center;display:flex;flex-direction:column;gap:16px;padding:80px 32px;text-align:center}.empty-catalog svg{color:#9ca3af;color:var(--text-muted);opacity:.4}.empty-catalog h3{color:#111827;color:var(--text-primary);font-size:22px;font-weight:700}.empty-catalog p{color:#6b7280;color:var(--text-secondary);font-size:15px;max-width:400px}.product-detail-main{margin:0 auto;max-width:1400px;padding:32px 24px 60px}.product-detail-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.product-detail-layout{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;padding:40px}.product-gallery{display:flex;flex-direction:column;gap:16px;height:fit-content;position:sticky;top:100px}.gallery-main-image{aspect-ratio:1;background:#f3f4f6;background:var(--light-grey);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:zoom-in;overflow:hidden;position:relative;width:100%}.gallery-main-image.zoomed{cursor:zoom-out}.gallery-main-image img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition-slow);width:100%}.gallery-main-image:hover img{transform:scale(1.03)}.gallery-main-image.zoomed img{transform:scale(1.5)}.gallery-arrow{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;transition:var(--transition);width:40px;z-index:10}.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:4px 0}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#f3f4f6;background:var(--light-grey);border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#60a5fa;background:var(--primary-light);border-radius:3px}.thumbnail-btn{background:#f3f4f6;background:var(--light-grey);border:2px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;flex-shrink:0;height:70px;overflow:hidden;padding:0;transition:all .2s ease;transition:var(--transition);width:70px}.thumbnail-btn:hover{border-color:#60a5fa;border-color:var(--primary-light)}.thumbnail-btn.active{border-color:#3b82f6;border-color:var(--primary)}.thumbnail-btn img{height:100%;object-fit:cover;width:100%}.product-info{display:flex;flex-direction:column;gap:24px}.product-header-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.product-category-tag{background:#3b82f6;background:var(--primary);border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:fit-content}.product-title{color:#111827;color:var(--text-primary);font-size:28px;font-weight:800;line-height:1.2}.product-rating-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.rating-stars{align-items:center;display:flex;gap:6px}.rating-stars svg{color:#f59e0b}.rating-text{color:#6b7280;color:var(--text-secondary);margin-left:4px}.product-sku,.rating-text{font-size:13px;font-weight:600}.product-sku{color:#9ca3af;color:var(--text-muted)}.price-section{background:#f3f4f6;background:var(--light-grey);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:20px}.price-main{color:#111827;color:var(--text-primary);font-size:36px;font-weight:900;line-height:1}.price-details{align-items:center;display:flex;gap:8px}.tax-info{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:500}.delivery-info-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:16px}.delivery-item{align-items:center;color:#065f46;display:flex;font-size:13px;font-weight:600;gap:10px}.delivery-item svg{color:#10b981;flex-shrink:0}.product-section{display:flex;flex-direction:column;gap:12px}.section-title{color:var(--text-primary);font-size:17px}.section-text{color:#6b7280;color:var(--text-secondary);font-size:15px;line-height:1.6}.features-list{display:flex;flex-direction:column;gap:10px}.features-list li{color:#6b7280;color:var(--text-secondary);font-size:14px;gap:10px;line-height:1.5}.features-list svg{color:#10b981;color:var(--success);flex-shrink:0;margin-top:2px}.product-specs{grid-gap:12px;background:#f3f4f6;background:var(--light-grey);border-radius:12px;border-radius:var(--radius-lg);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spec-value{color:#111827;color:var(--text-primary);font-size:14px;font-weight:700}.quantity-section{display:flex;flex-direction:column;gap:10px}.quantity-label{color:#111827;color:var(--text-primary);font-size:15px;font-weight:700}.quantity-controls{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:0;overflow:hidden;width:fit-content}.quantity-controls button{align-items:center;background:#0000;border:none;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.quantity-controls button:hover:not(:disabled){background:#3b82f6;background:var(--primary);color:#fff}.quantity-controls button:disabled{cursor:not-allowed;opacity:.3}.quantity-controls input{border:none;border-left:1px solid #e5e7eb;border-left:1px solid var(--border);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);color:#111827;color:var(--text-primary);font-size:16px;font-weight:700;height:40px;text-align:center;width:60px}.quantity-controls input:focus{background:#f3f4f6;background:var(--light-grey);outline:none}.action-buttons{gap:12px;padding-top:8px}.btn-buy-now{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 32px;transition:all .2s ease;transition:var(--transition)}.btn-buy-now:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-buy-now:active{transform:translateY(0)}.contact-suggestions{background:#f3f4f6;background:var(--light-grey);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.suggestions-title{color:#111827;color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:12px}.suggestion-buttons{display:flex;gap:10px}.suggestion-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .2s ease;transition:var(--transition)}.suggestion-btn:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff;transform:translateY(-1px)}.checkout-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182799;inset:0;position:fixed;z-index:999}.checkout-panel{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;max-width:500px;position:fixed;right:0;top:0;width:100%;z-index:1000}.panel-header{align-items:center;background:#f9fafb;background:var(--light-soft);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.panel-header h2{color:#111827;color:var(--text-primary);font-size:20px;font-weight:800}.panel-close{align-items:center;background:#fff;border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:36px}.panel-close:hover{background:#ef4444;background:var(--error);color:#fff}.panel-body{flex:1 1;overflow-y:auto;padding:24px}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:#f3f4f6;background:var(--light-grey)}.panel-body::-webkit-scrollbar-thumb{background:#60a5fa;background:var(--primary-light);border-radius:3px}.checkout-form{gap:28px}.checkout-form,.form-section{display:flex;flex-direction:column}.form-section{gap:16px}.form-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:16px;padding-bottom:10px}.form-row.two-cols{grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group label{color:#111827;color:var(--text-primary);font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:var(--radius);color:#111827;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:var(--transition)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;border-color:var(--error)}.form-group textarea{min-height:70px}.error-text{color:#ef4444;color:var(--error);font-size:12px;font-weight:600}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:14px;padding:16px;position:relative;transition:all .2s ease;transition:var(--transition)}.payment-option:hover{background:#f9fafb;background:var(--light-soft);border-color:#60a5fa;border-color:var(--primary-light)}.payment-option.selected{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.payment-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.payment-option-content{align-items:center;display:flex;flex:1 1;gap:12px}.payment-icon{font-size:24px}.payment-details{display:flex;flex-direction:column;gap:2px}.payment-label{color:#111827;color:var(--text-primary);font-size:14px}.payment-desc{color:#6b7280;color:var(--text-secondary);font-size:12px}.payment-check{color:#3b82f6;color:var(--primary);flex-shrink:0}.order-summary-section{background:#f3f4f6;background:var(--light-grey);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-item{color:#6b7280;color:var(--text-secondary);font-size:14px}.summary-item span:first-child{font-weight:600}.summary-item span:last-child{color:#111827;color:var(--text-primary);font-weight:700}.summary-product-name{max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.summary-total{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);font-size:16px;margin-top:8px;padding-top:12px}.summary-total span:last-child{color:#3b82f6;color:var(--primary);font-size:20px;font-weight:900}.panel-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);padding-top:20px}.btn-proceed{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:16px 32px;transition:all .2s ease;transition:var(--transition);width:100%}.btn-proceed:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-proceed:active{transform:translateY(0)}@media (max-width:1024px){.product-detail-layout{gap:32px;grid-template-columns:1fr;padding:28px}.product-gallery{position:static}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.store-container{align-items:stretch;flex-direction:column;padding:14px 16px}.store-branding{flex-direction:row}.header-actions{width:100%}.action-btn{flex:1 1;justify-content:center}.catalog-main{padding:24px 16px 48px}.search-box-wrapper{max-width:none}.categories-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.category-pill{white-space:nowrap}.products-grid{gap:16px;grid-template-columns:1fr}.product-detail-main{padding:20px 16px 48px}.product-detail-layout{padding:20px}.product-title{font-size:22px}.price-main{font-size:28px}.checkout-panel{max-width:100%}.form-row.two-cols{grid-template-columns:1fr}.notification-toast{left:16px;min-width:auto;right:16px}}@media (max-width:480px){.store-info h1{font-size:18px}.product-title{font-size:20px}.price-main{font-size:24px}.gallery-arrow{height:32px;width:32px}.gallery-prev{left:8px}.gallery-next{right:8px}.suggestion-buttons{flex-direction:column}}.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{align-items:center;animation:slideInRight .3s ease;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #000c;color:#fff;display:flex;gap:1rem;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;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: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{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: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;border:none;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-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);color:#1f2937;line-height:1.5;overflow:hidden}.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;font-size:.75rem;font-weight:600;margin-left:.5rem;min-width:1.25rem;padding:.25rem .5rem}@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{flex:1 1;flex-direction:column}.chat-header,.chat-main{background:#fff;background:var(--bg-primary);display:flex}.chat-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);justify-content:space-between;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)}.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;z-index:1}.message-bubble.sent{justify-content:flex-end}.message-bubble.received{justify-content:flex-start}.message-avatar{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%;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{border-radius:1rem;border-radius:var(--radius-xl);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)}.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{--pure-black:#000;--dark-gray:#0a0a0a;--medium-gray:#1a1a1a;--light-gray:#2a2a2a;--border-gray:#333;--text-muted:grey;--accent-blue:#0084ff;--accent-blue-hover:#0073e6;--accent-green:#00d95f;--accent-red:#ff3b30;--accent-yellow:#fc0;--accent-purple:#af52de;--success:#00d95f;--error:#ff3b30;--warning:#fc0;--info:#0084ff;--shadow-sm:0 2px 8px #000c;--shadow-md:0 4px 16px #000000e6;--shadow-lg:0 8px 32px #000000f2;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px}.message-integration{background:#000;background:var(--pure-black);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.mi-notifications{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.mi-notification{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 8px 32px #000000f2;box-shadow:var(--shadow-lg);display:flex;gap:12px;padding:16px 20px;pointer-events:all}.mi-notification.success{border-left:4px solid #00d95f;border-left:4px solid var(--success)}.mi-notification.error{border-left:4px solid #ff3b30;border-left:4px solid var(--error)}.mi-notification.warning{border-left:4px solid #fc0;border-left:4px solid var(--warning)}.mi-notification.info{border-left:4px solid #0084ff;border-left:4px solid var(--info)}.mi-notification svg{flex-shrink:0}.mi-notification.success svg{color:#00d95f;color:var(--success)}.mi-notification.error svg{color:#ff3b30;color:var(--error)}.mi-notification.warning svg{color:#fc0;color:var(--warning)}.mi-notification.info svg{color:#0084ff;color:var(--info)}.mi-notification span{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px}.mi-notification button{align-items:center;background:#0000;border:none;border-radius:4px;color:grey;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mi-notification button:hover{background:#2a2a2a;background:var(--light-gray);color:#fff;color:var(--text-primary)}.mi-header{background:#0a0a0a;background:var(--dark-gray);border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);flex-shrink:0;justify-content:space-between;padding:16px 24px;z-index:100}.mi-header,.mi-header-left{align-items:center;display:flex;position:relative}.mi-header-left{gap:12px}.mi-header-left svg{color:#0084ff;color:var(--accent-blue)}.mi-header-left h1{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600}.global-unread-badge{background:#ff3b30;background:var(--accent-red);border-radius:12px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.mi-header-right{align-items:center;display:flex;gap:12px}.store-selector{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:200px;outline:none;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.store-selector:hover{background:#2a2a2a;background:var(--light-gray)}.store-selector:focus,.store-selector:hover{border-color:#0084ff;border-color:var(--accent-blue)}.store-selector:focus{box-shadow:0 0 0 3px #0084ff1a}.icon-btn{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);color:#b0b0b0;color:var(--text-secondary);display:flex;height:40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.icon-btn:hover{background:#2a2a2a;background:var(--light-gray);border-color:#0084ff;border-color:var(--accent-blue);color:#fff;color:var(--text-primary);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn.active{background:#0084ff;background:var(--accent-blue);border-color:#0084ff;border-color:var(--accent-blue);color:#fff}.icon-btn svg{pointer-events:none}.mi-analytics-bar{background:#0a0a0a;background:var(--dark-gray);border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);display:flex;flex-shrink:0;gap:32px;overflow-x:auto;padding:16px 24px}.mi-analytics-bar::-webkit-scrollbar{height:4px}.mi-analytics-bar::-webkit-scrollbar-track{background:#1a1a1a;background:var(--medium-gray)}.mi-analytics-bar::-webkit-scrollbar-thumb{background:#333;background:var(--border-gray);border-radius:2px}.analytics-item{align-items:center;display:flex;flex-shrink:0;gap:12px}.analytics-item svg{color:#0084ff;color:var(--accent-blue)}.analytics-item>div{display:flex;flex-direction:column;gap:2px}.analytics-value{color:#fff;color:var(--text-primary);font-size:20px;line-height:1}.analytics-label{color:grey;color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.mi-main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.mi-sidebar{background:#0a0a0a;background:var(--dark-gray);border-right:1px solid #333;border-right:1px solid var(--border-gray);width:360px}.mi-sidebar,.mi-sidebar-header{display:flex;flex-direction:column;flex-shrink:0}.mi-sidebar-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);gap:12px;padding:16px}.mi-search-bar{align-items:center;background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:8px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mi-search-bar:focus-within{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.mi-search-bar svg{color:grey;color:var(--text-muted);flex-shrink:0}.mi-search-bar input{background:#0000;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.mi-search-bar input::placeholder{color:grey;color:var(--text-muted)}.mi-filters{display:flex;gap:8px;overflow-x:auto}.mi-filters::-webkit-scrollbar{display:none}.mi-filters button{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:20px;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.mi-filters button:hover{background:#2a2a2a;background:var(--light-gray);color:#fff;color:var(--text-primary)}.mi-filters button.active,.mi-filters button:hover{border-color:#0084ff;border-color:var(--accent-blue)}.mi-filters button.active{background:#0084ff;background:var(--accent-blue);color:#fff}.mi-sessions-list{flex:1 1;overflow-x:hidden;overflow-y:auto}.mi-sessions-list::-webkit-scrollbar{width:6px}.mi-sessions-list::-webkit-scrollbar-track{background:#0a0a0a;background:var(--dark-gray)}.mi-sessions-list::-webkit-scrollbar-thumb{background:#333;background:var(--border-gray);border-radius:3px}.mi-sessions-list::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--light-gray)}.mi-loading-sessions{padding:40px}.mi-empty-state,.mi-loading-sessions{align-items:center;display:flex;justify-content:center}.mi-empty-state{color:grey;color:var(--text-muted);flex-direction:column;padding:60px 20px;text-align:center}.mi-empty-state svg{margin-bottom:16px;opacity:.3}.mi-empty-state p{font-size:14px}.mi-session-item{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mi-session-item.active,.mi-session-item:hover{background:#1a1a1a;background:var(--medium-gray)}.mi-session-item.active{border-left:3px solid #0084ff;border-left:3px solid var(--accent-blue)}.session-avatar{align-items:center;background:linear-gradient(135deg,#0084ff,#af52de);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}.session-avatar svg{color:#fff}.session-info{flex:1 1;min-width:0}.session-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.session-header h4{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time{color:grey;color:var(--text-muted);flex-shrink:0;font-size:11px;white-space:nowrap}.session-meta{flex-wrap:wrap;gap:8px}.session-meta,.session-status{align-items:center;display:flex}.session-status{font-size:11px;font-weight:500;gap:4px;letter-spacing:.3px;text-transform:uppercase}.bot-badge{align-items:center;background:#af52de;background:var(--accent-purple);display:flex;font-size:10px;gap:2px}.bot-badge,.unread-badge{border-radius:10px;color:#fff;padding:2px 6px}.unread-badge{background:#ff3b30;background:var(--accent-red);font-size:11px;font-weight:700;min-width:18px;text-align:center}.session-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:grey;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mi-session-item:hover .session-menu-btn{opacity:1}.session-menu-btn:hover{background:#2a2a2a;background:var(--light-gray);color:#fff;color:var(--text-primary)}.mi-chat-container{background:#000;background:var(--pure-black);overflow:hidden;position:relative}.mi-chat-container,.mi-no-chat-selected{display:flex;flex:1 1;flex-direction:column}.mi-no-chat-selected{align-items:center;color:grey;color:var(--text-muted);justify-content:center;padding:40px;text-align:center}.mi-no-chat-selected svg{margin-bottom:24px;opacity:.3}.mi-no-chat-selected h3{color:#b0b0b0;color:var(--text-secondary);font-size:20px;margin-bottom:8px}.mi-no-chat-selected p{color:grey;color:var(--text-muted);font-size:14px}.mi-chat-header{align-items:center;background:#0a0a0a;background:var(--dark-gray);border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.chat-header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-user-avatar{align-items:center;background:linear-gradient(135deg,#0084ff,#af52de);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-user-avatar svg{color:#fff}.chat-user-info{flex:1 1;min-width:0}.chat-user-info h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.chat-user-meta span{align-items:center;color:grey;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.chat-user-meta svg{flex-shrink:0}.chat-header-actions{align-items:center;display:flex;gap:8px}.appointments-panel{background:#0a0a0a;background:var(--dark-gray);border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);flex-shrink:0;padding:16px 24px}.appointments-panel h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.appointments-panel h4 svg{color:#0084ff;color:var(--accent-blue)}.appointments-list-chat{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.appointments-list-chat::-webkit-scrollbar{width:4px}.appointments-list-chat::-webkit-scrollbar-track{background:#1a1a1a;background:var(--medium-gray)}.appointments-list-chat::-webkit-scrollbar-thumb{background:#333;background:var(--border-gray);border-radius:2px}.appointment-card-inline{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);padding:12px}.appointment-header-inline{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.appointment-datetime{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.apt-date,.apt-time{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.apt-date svg,.apt-time svg{color:#0084ff;color:var(--accent-blue)}.status-select-inline{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px;outline:none;padding:4px 8px;text-transform:uppercase}.status-select-inline.pending{border-color:#fc0;border-color:var(--warning);color:#fc0;color:var(--warning)}.status-select-inline.confirmed{border-color:#0084ff;border-color:var(--info);color:#0084ff;color:var(--info)}.status-select-inline.completed{border-color:#00d95f;border-color:var(--success);color:#00d95f;color:var(--success)}.status-select-inline.cancelled{border-color:#ff3b30;border-color:var(--error);color:#ff3b30;color:var(--error)}.apt-info{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;margin-bottom:4px}.apt-info svg{flex-shrink:0}.apt-info svg,.apt-notes{color:grey;color:var(--text-muted)}.apt-notes{border-top:1px solid #333;border-top:1px solid var(--border-gray);font-size:12px;line-height:1.5;margin-top:8px;padding-top:8px}.mi-messages-area{background:#000;background:var(--pure-black);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:24px}.mi-messages-area::-webkit-scrollbar{width:6px}.mi-messages-area::-webkit-scrollbar-track{background:#000;background:var(--pure-black)}.mi-messages-area::-webkit-scrollbar-thumb{background:#333;background:var(--border-gray);border-radius:3px}.mi-messages-area::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--light-gray)}.mi-empty-chat{align-items:center;color:grey;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.mi-empty-chat svg{margin-bottom:16px;opacity:.3}.mi-empty-chat p{font-size:14px}.mi-messages-list{display:flex;flex-direction:column;gap:16px}.mi-message{animation:fadeIn .3s ease-out;display:flex;gap:12px;max-width:70%}.mi-message.user{align-self:flex-start}.mi-message.bot,.mi-message.owner{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#0084ff,#af52de);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.mi-message.user .message-avatar{background:linear-gradient(135deg,#00d95f,#0084ff);background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.mi-message.bot .message-avatar{background:linear-gradient(135deg,#af52de,#0084ff);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue))}.mi-message.owner .message-avatar{background:linear-gradient(135deg,#0084ff,#00d4ff);background:linear-gradient(135deg,var(--accent-blue),#00d4ff)}.message-avatar svg{color:#fff}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.message-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.message-sender{color:#b0b0b0;color:var(--text-secondary);font-size:12px}.message-time{color:grey;color:var(--text-muted);font-size:11px;white-space:nowrap}.message-bubble{word-wrap:break-word;background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--text-primary);font-size:14px;line-height:1.5;padding:12px 16px;position:relative}.mi-message.bot .message-bubble,.mi-message.owner .message-bubble{background:#0084ff;background:var(--accent-blue);border-color:#0084ff;border-color:var(--accent-blue);color:#fff}.mi-message.user .message-bubble{border-radius:16px 16px 16px 4px}.mi-message.bot .message-bubble,.mi-message.owner .message-bubble{border-radius:16px 16px 4px 16px}.message-status{align-items:center;bottom:8px;color:#ffffffb3;display:flex;position:absolute;right:8px}.message-status svg{height:14px;width:14px}.mi-message.typing-indicator .message-bubble{align-items:center;background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);display:flex;gap:4px;padding:16px}.mi-message.typing-indicator .message-bubble span{display:flex;gap:4px}.mi-message.typing-indicator .message-bubble span:after,.mi-message.typing-indicator .message-bubble span:before{animation:typing 1.4s infinite;background:grey;background:var(--text-muted);border-radius:50%;content:"";height:6px;width:6px}.mi-message.typing-indicator .message-bubble span:before{animation-delay:0s}.mi-message.typing-indicator .message-bubble span:after{animation-delay:.2s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.mi-message-input{background:#0a0a0a;background:var(--dark-gray);border-top:1px solid #333;border-top:1px solid var(--border-gray);gap:12px;padding:16px 24px}.attach-btn,.mi-message-input{align-items:center;display:flex;flex-shrink:0}.attach-btn{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#b0b0b0;color:var(--text-secondary);cursor:pointer;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.attach-btn:hover{background:#2a2a2a;background:var(--light-gray);border-color:#0084ff;border-color:var(--accent-blue);color:#fff;color:var(--text-primary)}.message-input-field{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:22px;color:#fff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.message-input-field::placeholder{color:grey;color:var(--text-muted)}.message-input-field:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.send-btn{align-items:center;background:#0084ff;background:var(--accent-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.send-btn:hover:not(:disabled){background:#0073e6;background:var(--accent-blue-hover);box-shadow:0 4px 12px #0084ff4d;transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background:#1a1a1a;background:var(--medium-gray);color:grey;color:var(--text-muted);cursor:not-allowed;opacity:.5}.mi-settings-panel{border-left:1px solid #333;border-left:1px solid var(--border-gray);flex-direction:column;overflow:hidden;width:420px}.mi-settings-panel,.settings-header{background:#0a0a0a;background:var(--dark-gray);display:flex;flex-shrink:0}.settings-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);justify-content:space-between;padding:16px 20px}.settings-header h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px}.settings-header h3 svg{color:#0084ff;color:var(--accent-blue)}.settings-header button{align-items:center;background:#0000;border:none;border-radius:6px;color:grey;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.settings-header button:hover{background:#1a1a1a;background:var(--medium-gray);color:#fff;color:var(--text-primary)}.settings-tabs{background:#0a0a0a;background:var(--dark-gray);border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:8px 8px 0}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:grey;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.settings-tabs button:hover{background:#1a1a1a;background:var(--medium-gray);color:#fff;color:var(--text-primary)}.settings-tabs button.active{background:#1a1a1a;background:var(--medium-gray);border-bottom-color:#0084ff;border-bottom-color:var(--accent-blue);color:#0084ff;color:var(--accent-blue)}.settings-tabs button svg{flex-shrink:0}.settings-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#0a0a0a;background:var(--dark-gray)}.settings-content::-webkit-scrollbar-thumb{background:#333;background:var(--border-gray);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--light-gray)}.settings-section{padding:20px}.section-header{margin-bottom:20px}.section-header h4{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600}.section-actions{align-items:center;display:flex;gap:8px}.btn-primary,.btn-secondary{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:#0084ff;background:var(--accent-blue);border-color:#0084ff;border-color:var(--accent-blue)}.btn-primary:hover{background:#0073e6;background:var(--accent-blue-hover);box-shadow:0 4px 12px #0084ff4d;transform:translateY(-1px)}.btn-secondary:hover{background:#2a2a2a;background:var(--light-gray);border-color:#0084ff;border-color:var(--accent-blue)}.config-form{display:flex;flex-direction:column;gap:20px}.form-group label{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.form-group input[type=email]:disabled,.form-group input[type=number]:disabled,.form-group input[type=text]:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group textarea{min-height:80px}.form-group input[type=color]{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;height:40px;width:60px}.form-group input[type=color]:disabled{cursor:not-allowed;opacity:.6}.toggle-switch{height:26px;position:relative;width:50px}.toggle-switch input[type=checkbox]{height:0;opacity:0;width:0}.toggle-slider{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.toggle-slider:before{background:grey;background:var(--text-muted);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#0084ff;background:var(--accent-blue);border-color:#0084ff;border-color:var(--accent-blue)}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{background:#fff;transform:translateX(24px)}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option-item{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.option-item:hover{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 2px 8px #0084ff1a}.option-content{display:flex;flex-direction:column;gap:12px}.option-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.option-header h5{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600}.option-actions{align-items:center;display:flex;gap:8px}.delete-btn,.toggle-btn{align-items:center;background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:6px;color:grey;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.toggle-btn.active,.toggle-btn:hover{background:#0084ff;background:var(--accent-blue);border-color:#0084ff;border-color:var(--accent-blue);color:#fff}.delete-btn:hover{background:#ff3b30;background:var(--accent-red);border-color:#ff3b30;border-color:var(--accent-red);color:#fff}.option-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.option-key{align-items:center;background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);color:#b0b0b0;color:var(--text-secondary);display:flex;font-weight:500;gap:4px}.option-action,.option-key,.option-type{border-radius:6px;font-size:11px;padding:4px 8px}.option-action,.option-type{background:#0084ff;background:var(--accent-blue);color:#fff;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.option-action{background:#af52de;background:var(--accent-purple)}.option-response{color:#b0b0b0;color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.add-option-form{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:12px;padding:20px}.add-option-form h5{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.form-row{display:flex;gap:12px}.form-row input,.form-row select{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);flex:1 1;font-size:13px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-row input:focus,.form-row select:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.add-option-form textarea{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-option-form textarea:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.add-option-form input[type=number]{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-size:13px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-option-form input[type=number]:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.replies-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.reply-item{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.reply-item:hover{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 2px 8px #0084ff1a}.reply-content{display:flex;flex-direction:column;gap:12px}.reply-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.reply-keywords{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.keyword-tag{align-items:center;background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;color:#0084ff;color:var(--accent-blue);display:flex;font-size:11px;font-weight:600;gap:3px;padding:4px 8px;text-transform:lowercase}.keyword-tag svg{height:10px;width:10px}.reply-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.priority-badge{background:#af52de;background:var(--accent-purple);border-radius:6px;color:#fff;letter-spacing:.3px;text-transform:uppercase}.priority-badge,.usage-count{font-size:10px;font-weight:600;padding:4px 8px}.usage-count{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:6px}.reply-text,.usage-count{color:#b0b0b0;color:var(--text-secondary)}.reply-text{font-size:13px;line-height:1.5;margin:0}.add-reply-form{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:12px;padding:20px}.add-reply-form h5{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.add-reply-form input[type=number],.add-reply-form input[type=text]{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-size:13px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-reply-form input[type=number]:focus,.add-reply-form input[type=text]:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.add-reply-form textarea{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-reply-form textarea:focus{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0084ff1a}.appointments-list{display:flex;flex-direction:column;gap:12px}.appointment-item{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.appointment-item:hover{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 2px 8px #0084ff1a}.appointment-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.appointment-header h5{font-size:15px}.appointment-header h5,.status-select{color:#fff;color:var(--text-primary);font-weight:600}.status-select{background:#2a2a2a;background:var(--light-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:6px;cursor:pointer;font-size:12px;letter-spacing:.3px;outline:none;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-select:hover{background:#1a1a1a;background:var(--medium-gray)}.status-select.pending{border-color:#fc0;border-color:var(--warning);color:#fc0;color:var(--warning)}.status-select.confirmed{border-color:#0084ff;border-color:var(--info);color:#0084ff;color:var(--info)}.status-select.completed{border-color:#00d95f;border-color:var(--success);color:#00d95f;color:var(--success)}.status-select.cancelled{border-color:#ff3b30;border-color:var(--error);color:#ff3b30;color:var(--error)}.appointment-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;color:#b0b0b0;color:var(--text-secondary);font-size:13px;gap:8px}.detail-row svg{color:#0084ff;color:var(--accent-blue);flex-shrink:0}.appointment-notes{border-top:1px solid #333;border-top:1px solid var(--border-gray);margin-top:12px;padding-top:12px}.appointment-notes strong{color:#b0b0b0;color:var(--text-secondary);display:block;font-size:12px;margin-bottom:6px}.appointment-notes p{color:grey;color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.analytics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.analytics-card{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative}.analytics-card,.analytics-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.analytics-card:before{background:linear-gradient(90deg,#0084ff,#af52de);background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.analytics-card:hover{border-color:#0084ff;border-color:var(--accent-blue);box-shadow:0 4px 16px #0084ff33;transform:translateY(-2px)}.analytics-card:hover:before{opacity:1}.card-icon{background:#2a2a2a;background:var(--light-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#0084ff;color:var(--accent-blue);height:48px;width:48px}.card-icon.active{background:#00d95f1a;color:#00d95f;color:var(--accent-green)}.card-content h3{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1;margin:0}.card-content p{color:grey;color:var(--text-muted);font-size:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.mi-info-panel{border-left:1px solid #333;border-left:1px solid var(--border-gray);flex-direction:column;overflow:hidden;width:360px}.info-header,.mi-info-panel{background:#0a0a0a;background:var(--dark-gray);display:flex;flex-shrink:0}.info-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-gray);justify-content:space-between;padding:16px 20px}.info-header h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.info-header button{align-items:center;background:#0000;border:none;border-radius:6px;color:grey;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.info-header button:hover{background:#1a1a1a;background:var(--medium-gray);color:#fff;color:var(--text-primary)}.info-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-x:hidden;overflow-y:auto;padding:20px}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:#0a0a0a;background:var(--dark-gray)}.info-content::-webkit-scrollbar-thumb{background:#333;background:var(--border-gray);border-radius:3px}.info-content::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--light-gray)}.info-section{display:flex;flex-direction:column;gap:12px}.info-section h4{color:#b0b0b0;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-item{align-items:center;background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);font-size:13px;gap:12px;padding:10px 12px}.info-item svg{color:#0084ff;color:var(--accent-blue);flex-shrink:0}.action-btn{background:#1a1a1a;background:var(--medium-gray);border:1px solid #333;border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);color:#fff;font-size:13px;font-weight:500;gap:8px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.action-btn:hover{background:#2a2a2a;background:var(--light-gray);border-color:#0084ff;border-color:var(--accent-blue);transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn.danger:hover{background:#ff3b30;background:var(--accent-red);border-color:#ff3b30;border-color:var(--accent-red);color:#fff}.mi-loading{align-items:center;background:#000;background:var(--pure-black);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;width:100%}.mi-loading .spinner{animation:spin 1s linear infinite;color:#0084ff;color:var(--accent-blue)}.mi-loading p{color:grey;color:var(--text-muted);font-size:14px}.mi-empty{align-items:center;background:#000;background:var(--pure-black);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;padding:40px;text-align:center;width:100%}.mi-empty svg{color:grey;color:var(--text-muted);opacity:.3}.mi-empty h2{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.mi-empty p{font-size:14px;margin:0}.empty-state,.mi-empty p{color:grey;color:var(--text-muted)}.empty-state{justify-content:center}.empty-state svg{margin-bottom:16px;opacity:.3}.empty-state p{font-size:14px}@media (max-width:1024px){.mi-info-panel,.mi-settings-panel{width:360px}.mi-sidebar{width:320px}.mi-header-left h1{font-size:18px}.store-selector{min-width:160px}.mi-analytics-bar{gap:24px;padding:12px 20px}.analytics-value{font-size:18px}.analytics-label{font-size:11px}.analytics-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:768px){.message-integration{height:100dvh}.mi-header{padding:12px 16px}.mi-header-left h1{font-size:16px}.mi-header-left svg{height:20px;width:20px}.store-selector{font-size:13px;min-width:120px;padding:8px 12px}.icon-btn{height:36px;width:36px}.icon-btn svg{height:16px;width:16px}.mi-analytics-bar{gap:20px;padding:12px 16px}.analytics-item svg{height:18px;width:18px}.analytics-value{font-size:16px}.analytics-label{font-size:10px}.mi-main-content{position:relative}.mi-sidebar{height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease-out;width:100%;z-index:10}.mi-sidebar.show{transform:translateX(0)}.mi-chat-container{width:100%}.mi-chat-header{padding:12px 16px}.chat-user-avatar{font-size:14px;height:36px;width:36px}.chat-user-info h3{font-size:14px}.chat-user-meta{gap:12px}.chat-user-meta span{font-size:11px}.appointments-panel{padding:12px 16px}.mi-messages-area{padding:16px}.mi-message{max-width:85%}.message-avatar{font-size:12px;height:32px;width:32px}.message-avatar svg{height:14px;width:14px}.message-bubble{font-size:13px;padding:10px 14px}.mi-message-input{gap:8px;padding:12px 16px}.attach-btn{height:40px;width:40px}.attach-btn svg{height:18px;width:18px}.message-input-field{font-size:13px;padding:10px 14px}.send-btn{height:40px;width:40px}.send-btn svg{height:18px;width:18px}.mi-info-panel,.mi-settings-panel{height:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;width:100%;z-index:1000}.mi-info-panel.show,.mi-settings-panel.show{transform:translateX(0)}.info-header,.settings-header{padding:12px 16px}.settings-tabs{padding:8px}.settings-tabs button{font-size:12px;padding:8px 12px}.info-content,.settings-content,.settings-section{padding:16px}.analytics-grid{gap:12px;grid-template-columns:1fr}.appointment-item,.option-item,.reply-item{padding:12px}.mi-notifications{max-width:calc(100% - 20px);right:10px;top:10px}.mi-notification{padding:12px 16px}}@media (max-width:480px){.mi-header-left h1{display:none}.store-selector{font-size:12px;min-width:100px}.mi-analytics-bar{gap:16px;padding:8px 12px}.analytics-item{gap:8px}.analytics-item svg{height:16px;width:16px}.analytics-value{font-size:14px}.analytics-label{font-size:9px}.mi-messages-area{padding:12px}.mi-message{max-width:90%}.message-bubble{font-size:12px;padding:8px 12px}.form-row{flex-direction:column}.settings-tabs button{font-size:11px;padding:6px 10px}}@media print{.mi-analytics-bar,.mi-header,.mi-info-panel,.mi-message-input,.mi-notifications,.mi-settings-panel,.mi-sidebar{display:none!important}.mi-chat-container{border:none!important}.message-integration{background:#fff!important;color:#000!important}}@media (prefers-color-scheme:dark){.message-integration{color-scheme:dark}}:focus-visible{outline:2px solid #0084ff;outline:2px solid var(--accent-blue)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0084ff;outline:2px solid var(--accent-blue);outline-offset:2px}.pulse{animation:pulse 2s ease-in-out infinite}.hidden{display:none!important}.show{display:block!important}.flex{display:flex!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-5{margin-top:20px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.mb-5{margin-bottom:20px!important}.p-0{padding:0!important}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.p-5{padding:20px!important}: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;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{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}.marketing-studio-container{background:linear-gradient(135deg,#f5f7fa,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:40px 20px}.marketing-studio-header{animation:fadeInDown .8s ease-out;margin-bottom:60px;text-align:center}.marketing-studio-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px}.marketing-studio-header p{color:#64748b;font-size:1.2rem;font-weight:400}.marketing-studio-content{margin:0 auto;max-width:1400px}.studio-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px}.studio-card{animation:fadeInUp .8s ease-out backwards;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:40px 30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.studio-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.studio-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea26;transform:translateY(-10px)}.studio-card:hover:before{transform:scaleX(1)}.studio-card:first-child{animation-delay:.1s}.studio-card:nth-child(2){animation-delay:.2s}.studio-card:nth-child(3){animation-delay:.3s}.studio-card:nth-child(4){animation-delay:.4s}.studio-card:nth-child(5){animation-delay:.5s}.studio-card:nth-child(6){animation-delay:.6s}.card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 20px #667eea4d;display:flex;height:70px;justify-content:center;margin-bottom:25px;transition:transform .3s ease;width:70px}.studio-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-icon i{color:#fff;font-size:32px}.studio-card h2{color:#1e293b;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:15px}.studio-card p{color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:25px;min-height:80px}.studio-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.studio-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.studio-btn:hover:before{left:100%}.studio-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.studio-btn:active{transform:translateY(0)}.studio-features{animation:fadeInUp .8s ease-out .7s backwards;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px #00000014;padding:50px 40px}.studio-features h3{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:40px;padding-bottom:20px;position:relative;text-align:center}.studio-features h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.feature-item:hover{background:#fff;border-color:#667eea;box-shadow:0 5px 15px #667eea1a;transform:translateX(5px)}.feature-item i{color:#667eea;font-size:24px;min-width:24px}.feature-item span{color:#334155;font-size:1rem;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.studio-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.marketing-studio-header h1{font-size:2.5rem}}@media (max-width:768px){.marketing-studio-container{padding:30px 15px}.marketing-studio-header h1{font-size:2rem}.marketing-studio-header p{font-size:1rem}.studio-cards{gap:20px;grid-template-columns:1fr}.studio-card{padding:30px 20px}.studio-features{padding:35px 25px}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.marketing-studio-header h1{font-size:1.75rem}.studio-card h2{font-size:1.5rem}.studio-card p{min-height:auto}}: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-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-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}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px;padding:var(--spacing-lg)}.gap-2{gap:8px}.gap-4{gap:16px}: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-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-smooth:500ms cubic-bezier(0.4,0,0.2,1);--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}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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: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{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: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)}}@keyframes slideInFromRight{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{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}::-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}.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: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{--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-danger:#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-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-xs:0.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--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);--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;color:var(--text-primary);min-height:100vh}::selection{background-color:#dc2626;background-color:var(--accent-primary);color:#fff}.port-container{background:linear-gradient(180deg,#fff,#fef2f2 50%,#fff);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.port-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:sticky;top:0;z-index:1020;z-index:var(--z-sticky)}.port-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}.port-header-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1400px;position:relative;z-index:1}.port-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}.port-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.port-user-info{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#2a2a2a;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px}.port-draft-badge{background:#dc26261a;border:1px solid #dc26264d;border-radius:.75rem;border-radius:var(--radius-lg);color:#dc2626;color:var(--accent-primary);font-size:13px;font-weight:600;padding:8px 16px}.port-body{flex:1 1;gap:20px;margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.port-body,.port-step-navigation{display:flex;flex-direction:column;width:100%}.port-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}.port-nav-step,.port-step-navigation{border:1px solid #e5e5e5;border:1px solid var(--border-primary)}.port-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)}.port-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}.port-nav-step:active{transform:scale(.98)}.port-nav-step.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}.port-nav-step.active:before{transform:scaleY(1)}.port-nav-step:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.4}.port-step-icon{align-items:center;display:flex;font-size:20px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.port-nav-step.active .port-step-icon{color:#dc2626;color:var(--accent-primary)}.port-step-label{flex:1 1}.port-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}.port-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}.port-step-content{animation:fadeIn .3s ease}.port-form-section{margin-bottom:32px}.port-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}.port-form-section h3:after{background:#dc2626;background:var(--accent-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.port-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.port-full-width{grid-column:1/-1}.form-group,.port-form-group{display:flex;flex-direction:column;gap:8px}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea,.port-form-group.has-error .port-form-input,.port-form-group.has-error .port-form-select,.port-form-group.has-error .port-form-textarea{border-color:#dc2626;border-color:var(--border-error);box-shadow:0 0 0 3px #dc26261a}.form-label,.port-form-label{align-items:center;color:#2a2a2a;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.01em}.form-input,.form-select,.form-textarea,.port-form-input,.port-form-select,.port-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%}.form-input:hover,.form-select:hover,.form-textarea:hover,.port-form-input:hover,.port-form-select:hover,.port-form-textarea:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.form-input:focus,.form-select:focus,.form-textarea:focus,.port-form-input:focus,.port-form-select:focus,.port-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}.form-input::placeholder,.form-textarea::placeholder,.port-form-input::placeholder,.port-form-textarea::placeholder{color:#737373;color:var(--text-muted);font-weight:400}.form-textarea,.port-form-textarea{line-height:1.6;min-height:100px;resize:vertical}.form-select,.port-form-select{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}.error-message{color:#dc2626;color:var(--accent-error);font-size:13px;font-weight:600;gap:6px}.error-message:before{content:"⚠";font-size:14px}.btn{border-radius:.75rem;border-radius:var(--radius-lg);font-size:15px;justify-content:center;letter-spacing:.01em;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.btn.loading{pointer-events:none}.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}.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)}.btn-outline,.btn-secondary{color:#000;color:var(--text-primary)}.btn-outline{background-color:initial;border:2px solid #d4d4d4;border:2px solid var(--border-secondary)}.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}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--accent-danger),var(--accent-primary-dark));border:1px solid #0000;box-shadow:0 4px 12px #dc262640}.btn-sm{font-size:14px;padding:8px 16px}.spinner{animation:spin .6s linear infinite;border-top-color:#fff}.spinner.large{border-width:4px;height:48px;width:48px}.notification{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);max-width:400px;min-width:280px;padding:16px 20px;z-index:9999;z-index:var(--z-notification)}.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)}.notification-error{border-color:#dc2626;border-color:var(--accent-error);color:#dc2626;color:var(--accent-error)}.notification-error,.notification-info{background:#fffffffa;box-shadow:0 0 20px #dc262626,0 25px 50px -12px #00000026;box-shadow:0 0 20px #dc262626,var(--shadow-2xl)}.notification-info{border-color:#dc2626;border-color:var(--accent-primary);color:#dc2626;color:var(--accent-primary)}.notification-close{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:24px}.notification-close:active{transform:scale(.9)}.port-preview-container{margin-top:12px}.port-profile-preview{border:3px solid #e5e5e5;border:3px solid var(--border-primary);border-radius:50%;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);height:120px;object-fit:cover;width:120px}.port-file-preview{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:12px;padding:12px}.port-file-preview a{color:#dc2626;color:var(--accent-primary);font-size:14px;font-weight:600;text-decoration:none}.port-array-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.port-array-input-group .form-input,.port-array-input-group .port-form-input{flex:1 1}.port-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.port-section-header h3,.port-section-header h5{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.port-section-header h5{font-size:16px}.port-section-divider{background:#e5e5e5;background:var(--border-primary);height:1px;margin:32px 0}.port-templates-section{display:flex;flex-direction:column;gap:24px}.port-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.port-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)}.port-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)}.port-template-card:active{transform:scale(.98)}.port-template-card.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)}.port-template-card.selected:before{transform:scaleX(1)}.port-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%}.port-template-preview img{height:100%;object-fit:cover;width:100%}.port-template-placeholder{color:#737373;color:var(--text-muted);font-size:14px;padding:16px;text-align:center}.port-template-info{display:flex;flex-direction:column;gap:12px;padding:20px}.port-template-info h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.port-template-info p{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.port-template-actions{margin-top:12px}.port-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}.port-empty-state p{color:#2a2a2a;color:var(--text-secondary);font-size:15px;margin:0;max-width:400px}.port-projects-section{display:flex;flex-direction:column;gap:24px}.port-item-form{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px 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);margin-bottom:20px;padding:24px}.port-item-form-header{align-items:center;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.port-item-form-header h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.port-achievements-section,.port-highlights-section,.port-images-section,.port-responsibilities-section,.port-technologies-section{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);margin-top:24px;padding-top:20px}.port-image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.port-image-preview-item{aspect-ratio:16/9;border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;position:relative}.port-image-preview-item img{height:100%;object-fit:cover;width:100%}.port-remove-image-btn{align-items:center;background:#dc2626f2;border:none;border-radius:50%;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px}.port-remove-image-btn:active{transform:scale(.9)}.port-skills-section{display:flex;flex-direction:column;gap:24px}.port-skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.port-skill-form-item{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px 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);padding:20px}.port-skill-form-header{align-items:center;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.port-skill-form-header h4{color:#000;color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.port-proficiency-slider{appearance:none;background:#f5f5f5;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;height:8px;outline:none;width:100%}.port-proficiency-slider::-webkit-slider-thumb{appearance:none;background:#dc2626;background:var(--accent-primary);border-radius:50%;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);cursor:pointer;height:20px;width:20px}.port-proficiency-slider::-moz-range-thumb{background:#dc2626;background:var(--accent-primary);border:none;border-radius:50%;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);cursor:pointer;height:20px;width:20px}.port-experience-section{display:flex;flex-direction:column;gap:24px}.port-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)}.port-checkbox-label:hover{color:#000;color:var(--text-primary)}.port-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}.port-education-section,.port-preview-section{display:flex;flex-direction:column;gap:24px}.port-preview-header{display:flex;flex-direction:column;gap:16px}.port-preview-header h3{color:#000;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.port-preview-actions{display:flex;flex-wrap:wrap;gap:12px}.port-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%}.port-preview-iframe{border:none;height:100%;width:100%}.port-empty-preview{align-items:center;border:2px dashed #d4d4d4;border:2px dashed var(--border-secondary);border-radius:1rem;border-radius:var(--radius-xl);color:#525252;color:var(--text-tertiary);font-size:16px;justify-content:center;min-height:400px;padding:20px;text-align:center}.port-empty-preview,.port-preview-info{background:#fefefe;background:var(--bg-card);display:flex}.port-preview-info{border:1px solid #e5e5e5;border:1px 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);flex-direction:column;gap:20px;margin-top:24px;padding:24px}.port-domain-info-section{display:flex;flex-direction:column;gap:12px}.port-domain-preview{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#2a2a2a;color:var(--text-secondary);font-size:14px;margin:0;padding:12px}.port-domain-preview strong{color:#dc2626;color:var(--accent-primary);font-weight:700}.port-status-section{display:flex;flex-direction:column;gap:8px}.port-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:sticky;z-index:1020;z-index:var(--z-sticky)}.port-step-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1400px}.port-final-actions{display:flex;flex:1 1;gap:12px;justify-content:flex-end}.port-auth-required,.port-loading-screen{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:20px}.port-auth-required h2{color:#000;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.port-auth-required p{color:#2a2a2a;color:var(--text-secondary);font-size:16px;margin:0}.port-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)}.port-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}.port-loading-content p{color:#2a2a2a;color:var(--text-secondary);font-size:15px;font-weight:600;margin:0}@media (min-width:640px){.port-header h1{font-size:28px}.port-header-content{align-items:center;flex-direction:row;justify-content:space-between}.port-form-grid{gap:20px}.port-form-grid,.port-skills-grid,.port-templates-grid{grid-template-columns:repeat(2,1fr)}.port-image-preview-grid{grid-template-columns:repeat(3,1fr)}.port-preview-header{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:768px){.port-header{padding:24px 32px}.port-header h1{font-size:32px}.port-body{flex-direction:row;gap:24px;padding:32px}.port-step-navigation{height:fit-content;padding:20px;position:sticky;top:130px;width:260px}.port-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)}.port-main-content{padding:32px}.port-form-section h3{font-size:22px}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #dc262666}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166}.port-template-card:hover{box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.port-template-card:hover:before{transform:scaleX(1)}.port-item-form:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.port-preview-container{height:800px}}@media (min-width:1024px){.port-header h1{font-size:36px}.port-form-section h3{font-size:24px}.port-form-grid,.port-skills-grid,.port-templates-grid{grid-template-columns:repeat(3,1fr)}.port-image-preview-grid{grid-template-columns:repeat(4,1fr)}.port-domain-info-section{align-items:flex-end;flex-direction:row;gap:20px}.port-domain-info-section .form-group,.port-domain-info-section .port-form-group{flex:1 1}}@media (min-width:1280px){.port-templates-grid{grid-template-columns:repeat(4,1fr)}}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}.port-project-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);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);margin-bottom:20px;overflow:hidden}.port-project-images{width:100%}.port-project-main-image{height:240px;object-fit:cover;width:100%}.port-project-thumbnails{background:#fafafa;background:var(--bg-secondary);display:flex;gap:8px;padding:12px}.port-project-thumbnail{border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;height:60px;object-fit:cover;width:80px}.port-project-info{padding:20px}.port-project-title{color:#000;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.port-project-category{background:#dc26261a;border:1px solid #dc26264d;border-radius:.75rem;border-radius:var(--radius-lg);color:#dc2626;color:var(--accent-primary);display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.port-project-description{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 16px}.port-project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.port-tech-tag{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:12px;font-weight:600;padding:4px 10px}.port-project-links{display:flex;gap:12px;margin-top:16px}.port-project-link{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.port-project-link:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.port-skill-category{margin-bottom:24px}.port-skill-category h4{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.port-skills-list{display:flex;flex-direction:column;gap:16px}.port-skill-item{align-items:center;display:flex;gap:12px}.port-skill-name{color:#000;color:var(--text-primary);font-size:14px;font-weight:600;min-width:120px}.port-skill-bar{background:#f5f5f5;background:var(--bg-tertiary);flex:1 1;height:8px;overflow:hidden}.port-skill-bar,.port-skill-progress{border-radius:9999px;border-radius:var(--radius-full)}.port-skill-progress{background:linear-gradient(135deg,#dc2626,#ef4444);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-light));height:100%;transition:width .3s ease}.port-skill-proficiency{color:#dc2626;color:var(--accent-primary);font-size:13px;font-weight:700;min-width:45px;text-align:right}.port-education-item,.port-experience-item{background:#fefefe;background:var(--bg-card);border:1px solid #e5e5e5;border:1px 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);margin-bottom:20px;padding:20px}.port-experience-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);margin-bottom:16px;padding-bottom:12px}.port-education-item h3,.port-experience-header h3{color:#000;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 4px}.port-education-item h4,.port-experience-header h4{color:#2a2a2a;color:var(--text-secondary);font-size:16px;font-weight:600;margin:0 0 8px}.port-education-grade,.port-experience-location{background:#fafafa;background:var(--bg-secondary);color:#525252;color:var(--text-tertiary);margin-right:8px}.port-education-date,.port-education-grade,.port-experience-date,.port-experience-location{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:12px;padding:4px 10px}.port-education-date,.port-experience-date{background:#dc26261a;color:#dc2626;color:var(--accent-primary);font-weight:600}.port-education-description,.port-experience-description{color:#2a2a2a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:12px 0}.port-experience-achievements,.port-experience-responsibilities{margin-top:16px}.port-experience-achievements h5,.port-experience-responsibilities h5{color:#000;color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 8px}.port-experience-achievements ul,.port-experience-responsibilities ul{list-style:none;margin:0;padding:0}.port-experience-achievements li,.port-experience-responsibilities li{color:#2a2a2a;color:var(--text-secondary);font-size:14px;padding:6px 0 6px 20px;position:relative}.port-experience-achievements li:before,.port-experience-responsibilities li:before{color:#dc2626;color:var(--accent-primary);content:"•";font-weight:700;left:0;position:absolute}.port-social-link{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#000;color:var(--text-primary);display:inline-block;font-size:14px;font-weight:600;margin:4px;padding:8px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.port-social-link:hover{background:#dc2626;background:var(--accent-primary);border-color:#dc2626;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.visually-hidden{border-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--accent-primary)}@media print{.btn,.notification,.port-footer,.port-header,.port-step-navigation{display:none}.port-body{padding:0}.port-main-content{border:none;box-shadow:none}}@media (prefers-contrast:high){.btn,.form-input,.form-select,.form-textarea,.port-form-input,.port-form-select,.port-form-textarea,.port-item-form,.port-skill-form-item,.port-template-card{border-width:2px}}::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--border-secondary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#dc2626;background:var(--accent-primary)}.port-item-form,.port-main-content,.port-step-navigation,.port-template-card{will-change:transform}img{content-visibility:auto}input[type=checkbox]{height:18px;width:18px}input[type=checkbox],input[type=range]{accent-color:#dc2626;accent-color:var(--accent-primary);cursor:pointer}input[type=range]{width:100%}input[type=date]{cursor:pointer}@media (max-width:767px){.port-header h1{font-size:20px}.port-main-content{padding:20px}.port-item-form{padding:16px}.port-preview-container{height:400px}.port-step-controls{flex-direction:column}.btn,.port-final-actions{width:100%}}@media (max-width:767px) and (orientation:landscape){.port-preview-container{height:300px}}@media (hover:none) and (pointer:coarse){.btn,.port-nav-step,.port-template-card{min-height:44px}.port-checkbox-label input[type=checkbox]{min-height:24px;min-width:24px}}:root{--primary-color:#667eea;--primary-hover:#5568d3;--secondary-color:#764ba2;--success-color:#28a745;--success-hover:#218838;--warning-color:#ffc107;--warning-hover:#e0a800;--danger-color:#dc3545;--danger-hover:#c82333;--info-color:#17a2b8;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-hover:#f5f5f5;--border-color:#e0e0e0;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#9e9e9e;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #00000014;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-normal:0.3s ease}.wm-container{background:#fafafa;background:var(--bg-secondary);color:#212529;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:1rem;padding:var(--spacing-md)}.wm-notification{align-items:center;animation:slideInRight .3s ease;background:#fff;background:var(--bg-primary);border-left:4px solid #17a2b8;border-left:4px solid var(--info-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #00000014;box-shadow:var(--shadow-lg);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-between;max-width:90vw;min-width:300px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);z-index:10000}.wm-notification-success{border-left-color:#28a745;border-left-color:var(--success-color);color:#28a745;color:var(--success-color)}.wm-notification-error{border-left-color:#dc3545;border-left-color:var(--danger-color);color:#dc3545;color:var(--danger-color)}.wm-notification-warning{border-left-color:#ffc107;border-left-color:var(--warning-color);color:#856404}.wm-notification-info{border-left-color:#17a2b8;border-left-color:var(--info-color);color:#17a2b8;color:var(--info-color)}.wm-notification button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:.15s ease;transition:var(--transition-fast);width:24px}.wm-notification button:hover{background:#f5f5f5;background:var(--bg-hover);color:#212529;color:var(--text-primary)}.wm-header{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.wm-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.wm-header h1{color:#212529;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.wm-filters{align-items:flex-end;background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.wm-search{flex:1 1;min-width:200px}.wm-search-input{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#212529;color:var(--text-primary);font-size:.9375rem;padding:.625rem 1rem;padding:.625rem var(--spacing-md);transition:.15s ease;transition:var(--transition-fast);width:100%}.wm-search-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.wm-filter-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:150px}.wm-filter-group label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-weight:500}.wm-select{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#212529;color:var(--text-primary);cursor:pointer;font-size:.9375rem;padding:.625rem 1rem;padding:.625rem var(--spacing-md);transition:.15s ease;transition:var(--transition-fast)}.wm-select:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.wm-table-container{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);overflow-x:auto;padding:1.5rem;padding:var(--spacing-lg)}.wm-table{border-collapse:collapse;font-size:.875rem;width:100%}.wm-table thead{background:#fafafa;background:var(--bg-secondary);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color)}.wm-table th{color:#212529;color:var(--text-primary);font-weight:600;text-align:left;white-space:nowrap}.wm-table td,.wm-table th{padding:1rem;padding:var(--spacing-md)}.wm-table td{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);vertical-align:middle}.wm-table tbody tr{transition:.15s ease;transition:var(--transition-fast)}.wm-table tbody tr:hover{background:#f5f5f5;background:var(--bg-hover)}.wm-website-name{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.wm-website-name strong{color:#212529;color:var(--text-primary);font-weight:600}.wm-template-badge{color:#6c757d;color:var(--text-secondary);display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.wm-subdomain,.wm-template-badge{background:#fafafa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm)}.wm-subdomain{color:#667eea;color:var(--primary-color);font-family:Monaco,Courier New,monospace;font-size:.8125rem;padding:4px 8px}.wm-category-badge{background:#fafafa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs);padding:2px 8px;width:fit-content}.wm-status-select{border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 12px;transition:.15s ease;transition:var(--transition-fast)}.wm-status-select:hover{opacity:.9}.wm-subscription-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.wm-plan-badge{border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;width:fit-content}.wm-expiry{color:#6c757d;color:var(--text-secondary);font-size:.75rem}.wm-text-danger{color:#dc3545!important;color:var(--danger-color)!important;font-weight:500}.wm-text-success{color:#28a745!important;color:var(--success-color)!important;font-weight:500}.wm-text-muted{color:#9e9e9e;color:var(--text-muted);font-style:italic}.wm-text-info{color:#17a2b8;color:var(--info-color);margin-top:.5rem;margin-top:var(--spacing-sm)}.wm-text-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;border-radius:var(--radius-md);color:#856404;padding:1rem;padding:var(--spacing-md)}.wm-progress{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.wm-progress-bar{background:#fafafa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.wm-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:100%;transition:width .3s ease;transition:width var(--transition-normal)}.wm-progress-text{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:40px}.wm-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:.15s ease;transition:var(--transition-fast);white-space:nowrap}.wm-btn:disabled{cursor:not-allowed;opacity:.5}.wm-btn-primary{background:#667eea;background:var(--primary-color);color:#fff}.wm-btn-primary:hover:not(:disabled){background:#5568d3;background:var(--primary-hover);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.wm-btn-secondary{background:#fafafa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#212529;color:var(--text-primary)}.wm-btn-secondary:hover:not(:disabled){background:#f5f5f5;background:var(--bg-hover);border-color:#6c757d;border-color:var(--text-secondary)}.wm-btn-success{background:#28a745;background:var(--success-color);color:#fff}.wm-btn-success:hover:not(:disabled){background:#218838;background:var(--success-hover);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.wm-btn-warning{background:#ffc107;background:var(--warning-color);color:#212529}.wm-btn-warning:hover:not(:disabled){background:#e0a800;background:var(--warning-hover);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.wm-btn-danger{background:#dc3545;background:var(--danger-color);color:#fff}.wm-btn-danger:hover:not(:disabled){background:#c82333;background:var(--danger-hover);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.wm-btn-sm{font-size:.8125rem;padding:.375rem .75rem}.wm-btn-block{width:100%}.wm-actions{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.wm-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:9999}.wm-modal{animation:slideUp .3s ease;background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #00000014;box-shadow:var(--shadow-lg);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 #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.wm-modal-header h3{color:#212529;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.wm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:.15s ease;transition:var(--transition-fast);width:32px}.wm-modal-close:hover:not(:disabled){background:#f5f5f5;background:var(--bg-hover);color:#212529;color:var(--text-primary)}.wm-modal-body,.wm-modal-footer{padding:1.5rem;padding:var(--spacing-lg)}.wm-modal-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end}.wm-pricing-subtitle{color:#6c757d;color:var(--text-secondary);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.wm-pricing-plans{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(250px,1fr))}.wm-pricing-card{background:#fff;background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.3s ease;transition:var(--transition-normal)}.wm-pricing-card:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 10px 15px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.wm-pricing-header h4{color:#212529;color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0;text-transform:capitalize}.wm-pricing-amount{align-items:baseline;display:flex;gap:.25rem;gap:var(--spacing-xs);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.wm-currency{color:#6c757d;color:var(--text-secondary);font-size:1.25rem}.wm-price{color:#667eea;color:var(--primary-color);font-size:2.5rem;font-weight:700}.wm-duration{font-size:.875rem}.wm-duration,.wm-pricing-description{color:#6c757d;color:var(--text-secondary)}.wm-pricing-description{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);min-height:60px}.wm-subscription-details{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.wm-form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.wm-form-group label{color:#212529;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.wm-form-group small{color:#6c757d;color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.wm-input{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#212529;color:var(--text-primary);font-size:.9375rem;padding:.625rem 1rem;padding:.625rem var(--spacing-md);transition:.15s ease;transition:var(--transition-fast);width:100%}.wm-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.wm-input-color{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;height:40px;padding:.25rem;padding:var(--spacing-xs);width:100px}.wm-form-row{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.wm-empty-state{padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.wm-empty-state h3{color:#212529;color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.wm-empty-state p{color:#6c757d;color:var(--text-secondary);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.wm-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:2rem;padding:var(--spacing-xl)}.wm-spinner{animation:spin .8s linear infinite;border:4px solid #fafafa;border-top-color:#667eea;border:4px solid var(--bg-secondary);border-radius:50%;border-top-color:var(--primary-color);height:48px;width:48px}.wm-loading p{color:#6c757d;color:var(--text-secondary);font-weight:500}.wm-stats{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1.5rem;margin-top:var(--spacing-lg)}.wm-stat-card{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg);transition:.3s ease;transition:var(--transition-normal)}.wm-stat-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.wm-stat-card h4{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.wm-stat-value{color:#667eea;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.wm-container{padding:.5rem;padding:var(--spacing-sm)}.wm-header{padding:1rem;padding:var(--spacing-md)}.wm-header h1{font-size:1.5rem}.wm-header-content{align-items:stretch;flex-direction:column}.wm-filters{flex-direction:column;padding:1rem;padding:var(--spacing-md)}.wm-filter-group{width:100%}.wm-table-container{border-radius:8px;border-radius:var(--radius-md);padding:0}.wm-table{font-size:.8125rem}.wm-table td,.wm-table th{padding:.5rem;padding:var(--spacing-sm)}.wm-table td:nth-child(3),.wm-table td:nth-child(6),.wm-table td:nth-child(7),.wm-table th:nth-child(3),.wm-table th:nth-child(6),.wm-table th:nth-child(7){display:none}.wm-actions{flex-direction:column}.wm-actions .wm-btn{width:100%}.wm-notification{left:.5rem;left:var(--spacing-sm);min-width:auto;right:.5rem;right:var(--spacing-sm)}.wm-modal{margin:.5rem;margin:var(--spacing-sm);max-height:calc(100vh - 2rem)}.wm-modal-body,.wm-modal-footer,.wm-modal-header{padding:1rem;padding:var(--spacing-md)}.wm-form-row,.wm-pricing-plans{grid-template-columns:1fr}.wm-stats{grid-template-columns:repeat(2,1fr)}.wm-modal-footer{flex-direction:column-reverse}.wm-modal-footer .wm-btn{width:100%}}@media (max-width:480px){.wm-header h1{font-size:1.25rem}.wm-stat-value{font-size:1.5rem}.wm-stats{grid-template-columns:1fr}.wm-price{font-size:2rem}}.wm-text-center{text-align:center}.wm-mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.wm-mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.wm-mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.wm-mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.wm-modal::-webkit-scrollbar,.wm-table-container::-webkit-scrollbar{height:8px;width:8px}.wm-modal::-webkit-scrollbar-track,.wm-table-container::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary);border-radius:4px}.wm-modal::-webkit-scrollbar-thumb,.wm-table-container::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:4px}.wm-modal::-webkit-scrollbar-thumb:hover,.wm-table-container::-webkit-scrollbar-thumb:hover{background:#9e9e9e;background:var(--text-muted)}@media print{.wm-actions,.wm-filters,.wm-modal-overlay,.wm-notification{display:none}.wm-container{background:#fff}.wm-table-container{border:1px solid #000;box-shadow:none}}.dashboard-container{background-color:#fff;display:flex;height:calc(100vh - 88px);margin-top:0;overflow:hidden;position:relative;width:100%}.dashboard-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:88px;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: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:calc(100vh - 88px);margin-left:260px;overflow:hidden;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{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:none;left:16px;padding:8px;position:fixed;top:100px;z-index:950}.dashboard-mobile-overlay{display:none}@media (max-width:768px){.dashboard-container{height:calc(100vh - 140px)}.dashboard-mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.dashboard-sidebar{height:100vh;padding-top:140px;top:0;transform:translateX(-100%);width:280px;z-index:900}.dashboard-sidebar.dashboard-mobile-open{transform:translateX(0)}.dashboard-main-content{height:calc(100vh - 140px);margin-left:0}.dashboard-main-content.dashboard-expanded{margin-left:0}.dashboard-mobile-overlay{background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:850}.dashboard-overview{padding:80px 16px 16px}.dashboard-welcome-section{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-quick-actions-grid,.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-sidebar-header{margin-top:140px}}@media (max-width:480px){.dashboard-container,.dashboard-main-content{height:calc(100vh - 160px)}.dashboard-sidebar{padding-top:160px}.dashboard-sidebar-header{margin-top:160px}.dashboard-mobile-menu-toggle{top:110px}.dashboard-welcome-text h1{font-size:22px}.dashboard-stat-value{font-size:20px}}.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{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;box-shadow:0 8px 24px #2563eb4d;display:inline-flex;height:80px;justify-content:center;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;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}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.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}.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{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}}::-webkit-scrollbar{height:12px;width:12px}::-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%}.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{background:#fff;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}}.visible{display:block}.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}}body{background:#000;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeInUp .5s ease;background:#0a0a0a;border:1px solid #222;border-radius:16px;box-shadow:0 20px 60px #000c;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,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 8px 20px #3b82f64d;color:#fff;font-size:32px;font-weight:700;height:60px;width:60px}.login-header h1{color:#fff;font-size:28px;margin:0}.login-header p{color:#888;font-size:14px;margin-top:8px}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#ccc;font-size:14px;font-weight:500}.input-group input{background:#151515;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-size:15px;padding:12px 16px;transition:all .3s ease}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-msg{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;padding:12px;text-align:center}.login-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-footer{color:#666;font-size:13px;margin-top:20px;text-align:center}.mobile-menu-toggle{top:20px;z-index:1000}.ems-container{background:#000;display:flex;min-height:100vh}.sidebar{background:#0a0a0a;transition:transform .3s ease;z-index:100}.sidebar::-webkit-scrollbar-track{background:#0a0a0a}.sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.sidebar-header{align-items:flex-start;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,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.brand h2{color:#fff;font-size:22px}.user-profile{align-items:center;background:#151515;border:1px solid #222;border-radius:10px;display:flex;gap:12px;padding:12px}.user-avatar{background:linear-gradient(135deg,#10b981,#059669);flex-shrink:0;font-size:18px;font-weight:700;height:45px;width:45px}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#888;font-size:12px;text-transform:capitalize}.notifications-summary{display:flex;flex-direction:column;gap:8px;margin-top:16px}.notif-item{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#3b82f6;display:flex;font-size:13px;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:8px;color:#888;cursor:pointer;display:flex;font-size:15px;gap:12px;margin-bottom:4px;padding:12px 16px;position:relative;transition:all .2s ease}.nav-menu li:hover{background:#151515;color:#fff}.nav-menu li.active{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6;font-weight:600}.nav-icon{font-size:20px}.badge{background:#ef4444;border-radius:12px;color:#fff;font-size:11px;font-weight:600;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:#1a1a1a}.menu-label{color:#666;cursor:default;font-size:12px;font-weight:600;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.menu-label:hover{background:#0000;color:#666}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;margin:16px 12px;padding:12px;transition:all .2s ease}.logout-btn:hover{background:#ef444426;border-color:#ef44444d}.main-content{background:#000}.content-header{align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px}.page-title{color:#fff;font-size:32px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;box-shadow:0 4px 15px #3b82f64d;font-size:15px}.btn-primary:hover{box-shadow:0 6px 20px #3b82f666}.btn-secondary{border-radius:8px;color:#e0e0e0;font-size:15px;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#222;border-color:#444}.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:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;gap:20px}.stat-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);height:3px;right:0}.stat-card.primary{color:#3b82f6}.stat-card.success{color:#10b981}.stat-card.info{color:#6366f1}.stat-card.warning{color:#f59e0b}.stat-card:hover{border-color:currentColor;box-shadow:0 8px 30px #0009}.stat-icon{background:#ffffff0d;font-size:40px;height:60px;width:60px}.stat-info{flex:1 1}.stat-info h3{color:#888;font-size:14px;font-weight:500;margin-bottom:8px}.stat-number{color:#fff;font-size:32px;font-weight:700;margin-bottom:4px}.stat-trend{color:currentColor;font-size:13px;font-weight:500}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px}.dashboard-card h2{border-bottom:1px solid #1a1a1a;color:#fff;font-size:20px;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);border-radius:50%;color:#fff;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:#e0e0e0;font-size:14px;margin-bottom:4px}.activity-content strong{color:#fff}.activity-time{color:#666;font-size:12px}.quick-stats{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.quick-stat-item{background:#151515;border:1px solid #222;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.quick-stat-label{color:#888;font-size:13px}.quick-stat-value{color:#3b82f6;font-size:24px}.department-stats{display:flex;flex-direction:column;gap:12px}.dept-stat{align-items:center;background:#151515;border:1px solid #222;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.dept-name{color:#e0e0e0;font-weight:500}.dept-count{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;font-size:13px;font-weight:600;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:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px}.chart-card h3{color:#fff;font-size:18px;margin-bottom:20px}.feed-section{display:flex;flex-direction:column;gap:20px}.create-post-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px}.post-input-header{display:flex;gap:12px;margin-bottom:16px}.post-avatar{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:45px;justify-content:center;width:45px}.post-input-header textarea{background:#151515;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;flex:1 1;font-family:inherit;font-size:15px;min-height:80px;padding:12px 16px;resize:vertical}.post-input-header textarea:focus{border-color:#3b82f6;outline:none}.post-actions{display:flex;justify-content:flex-end}.posts-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px;transition:all .2s ease}.post-card:hover{border-color:#2a2a2a}.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:#fff;font-size:15px}.post-meta{color:#666;font-size:13px;margin-top:2px}.delete-post-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:16px;height:32px;transition:all .2s ease;width:32px}.delete-post-btn:hover{background:#ef444433}.post-content{word-wrap:break-word;color:#e0e0e0;font-size:15px;line-height:1.6;margin-bottom:16px}.post-footer{border-top:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:16px;padding-top:16px}.post-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.post-action-btn:hover{background:#151515;color:#3b82f6}.messages-section{position:relative}.message-compose-modal{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 20px 60px #000000e6;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.large{max-width:900px}.modal-header{border-bottom:1px solid #1a1a1a;padding:24px}.modal-header h2{color:#fff;font-size:22px}.close-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:20px;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{background:#ef444433}.modal-body{padding:24px}.modal-footer{border-top:1px solid #1a1a1a;flex-wrap:wrap;justify-content:flex-end;padding:20px 24px}.form-group{gap:8px;margin-bottom:16px}.form-group label{color:#ccc;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#151515;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-size:15px;padding:12px 16px;transition:all .2s ease}.form-row{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.checkbox-label{color:#e0e0e0;gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.code-textarea{font-family:Courier New,monospace;font-size:13px}.messages-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr;height:calc(100vh - 180px)}.messages-sidebar{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.message-filters{border-bottom:1px solid #1a1a1a;display:flex;flex-direction:column;padding:12px}.message-filters button{background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s ease}.message-filters button:hover{background:#151515;color:#e0e0e0}.message-filters button.active{background:#3b82f61a;color:#3b82f6}.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:#333;border-radius:3px}.message-item{border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:4px;padding:12px;position:relative;transition:all .2s ease}.message-item:hover{background:#151515;border-color:#2a2a2a}.message-item.active{background:#3b82f61a;border-color:#3b82f64d}.message-item.unread{background:#3b82f60d;border-left:3px solid #3b82f6}.message-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.message-sender{color:#fff;font-size:14px;font-weight:600}.message-time{color:#666;font-size:12px}.message-subject{color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:4px}.message-preview,.message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview{color:#888;font-size:13px}.star-indicator{font-size:14px;position:absolute;right:12px;top:12px}.message-detail{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;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:#333;border-radius:4px}.message-detail-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px}.message-detail-header h3{color:#fff;flex:1 1;font-size:20px;margin:0}.message-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-btn{background:#151515;border:1px solid #2a2a2a;color:#888;font-size:16px;height:36px;transition:all .2s ease;width:36px}.icon-btn:hover{background:#1a1a1a;border-color:#3b82f6;color:#3b82f6}.message-detail-info{border-bottom:1px solid #1a1a1a;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);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.message-sender-info strong{color:#fff;font-size:16px}.message-sender-info p{color:#888;font-size:14px;margin-top:2px}.message-date{color:#666;font-size:13px}.message-body{word-wrap:break-word;color:#e0e0e0;flex:1 1;font-size:15px;line-height:1.7;padding:24px}.no-message-selected{align-items:center;color:#666;display:flex;font-size:16px;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 #1a1a1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.connections-header h2{color:#fff;font-size:22px}.count-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 16px}.connections-list{display:flex;flex-direction:column;gap:12px}.connection-card{align-items:center;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:20px;transition:all .3s ease}.connection-card:hover{border-color:#2a2a2a;transform:translateY(-2px)}.connection-card.pending-request{border-left:3px solid #3b82f6}.connection-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;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:#fff;font-size:16px;margin-bottom:4px}.connection-info p{color:#888;font-size:14px;margin-bottom:6px}.connection-dept{background:#3b82f61a;border-radius:12px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.connection-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-accept:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-2px)}.btn-reject{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-reject:hover{background:#ef444433}.connected-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.connections-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.empty-state{background:#0a0a0a;border:1px dashed #2a2a2a;border-radius:12px;color:#666;font-size:15px}.employees-section{display:flex;flex-direction:column;gap:20px}.employees-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.search-input{min-width:200px;transition:all .2s ease}.filter-select,.search-input{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-size:15px;padding:12px 16px}.filter-select{min-width:150px}.employees-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.employee-card{align-items:center;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .3s ease}.employee-card:hover{border-color:#2a2a2a;box-shadow:0 8px 30px #0009;transform:translateY(-4px)}.employee-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:70px;justify-content:center;margin-bottom:16px;width:70px}.employee-card h3{color:#fff;font-size:18px;margin-bottom:6px}.employee-position{color:#888;font-size:14px;margin-bottom:4px}.employee-dept{background:#8b5cf61a;border-radius:12px;color:#8b5cf6;display:inline-block;font-size:12px;font-weight:500;margin-bottom:8px;padding:4px 12px}.employee-email{color:#666;font-size:13px;margin-bottom:12px;word-break:break-all}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#ef44441a;color:#ef4444}.role-badge.manager{background:#f59e0b1a;color:#f59e0b}.role-badge.employee{background:#3b82f61a;color:#3b82f6}.employee-actions{display:flex;justify-content:center;width:100%}.btn-connect{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-connect:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.status-badge{border-radius:12px;font-size:13px;padding:6px 16px}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.approved,.status-badge.connected{background:#10b9811a;color:#10b981}.status-badge.rejected{background:#ef44441a;color:#ef4444}.users-section{display:flex;flex-direction:column;gap:20px}.section-header{align-items:center;border-bottom:2px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.section-header h2{color:#fff;font-size:22px}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-card{align-items:center;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .3s ease}.user-card:hover{border-color:#2a2a2a;transform:translateY(-4px)}.user-card .user-avatar{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:70px;justify-content:center;margin-bottom:16px;width:70px}.user-card h3{color:#fff;font-size:18px;margin-bottom:6px}.user-email{color:#888;font-size:14px;margin-bottom:12px;word-break:break-all}.user-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.user-type-badge.buyer{background:#3b82f61a;color:#3b82f6}.user-type-badge.seller{background:#10b9811a;color:#10b981}.user-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:13px;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}.status-dot.inactive{background:#ef4444}.user-bio{color:#888;font-size:13px;line-height:1.5;margin-bottom:12px}.user-footer{border-top:1px solid #1a1a1a;color:#666;font-size:12px;padding-top:12px;width:100%}.templates-section{display:flex;flex-direction:column;gap:20px}.template-form-modal{align-items:center;background:#000000d9;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{gap:8px}.view-toggle button{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#888;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.view-toggle button:hover{background:#151515;color:#e0e0e0}.view-toggle button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;color:#fff}.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:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.template-card:hover{border-color:#2a2a2a;box-shadow:0 8px 30px #0009;transform:translateY(-4px)}.template-image{background:#151515;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);border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.template-content{padding:20px}.template-content h3{color:#fff;font-size:18px;margin-bottom:8px}.template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;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:#6366f11a;border-radius:12px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 12px}.template-price{color:#10b981;font-size:18px;font-weight:700}.template-stats{border-bottom:1px solid #1a1a1a;border-top:1px solid #1a1a1a;color:#888;font-size:13px;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,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:100px;padding:10px;transition:all .2s ease}.btn-download:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-approve:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-2px)}.btn-delete{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-delete:hover{background:#ef444433}.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:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.ad-card:hover{border-color:#2a2a2a;transform:translateY(-4px)}.ad-image{background:#151515;height:200px;overflow:hidden;width:100%}.ad-image img{height:100%;object-fit:cover;width:100%}.ad-content{padding:20px}.ad-content h3{color:#fff;font-size:18px;margin-bottom:8px}.ad-content p{color:#888;font-size:14px;line-height:1.6;margin-bottom:16px}.ad-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ad-badge{background:#f59e0b1a;color:#f59e0b}.ad-badge,.ad-location{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.ad-location{background:#3b82f61a;color:#3b82f6}.manage-section{display:flex;flex-direction:column;gap:24px}.add-employee-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px}.add-employee-card h2{border-bottom:1px solid #1a1a1a;color:#fff;font-size:20px;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);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease}.btn-add-employee:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.employees-management-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:24px}.employees-management-card h2{border-bottom:1px solid #1a1a1a;color:#fff;font-size:20px;margin-bottom:20px;padding-bottom:12px}.employees-management-list{display:flex;flex-direction:column;gap:12px}.emp-manage-card{align-items:center;background:#151515;border:1px solid #222;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;padding:16px;transition:all .2s ease}.emp-manage-card:hover{background:#1a1a1a;border-color:#2a2a2a}.emp-manage-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;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:#fff;font-size:16px;margin-bottom:4px}.emp-manage-info p{color:#888;font-size:14px;margin-bottom:2px}.emp-email{color:#666!important;font-size:13px!important;word-break:break-all}.emp-position{background:#3b82f61a;border-radius:12px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:500;margin-top:6px;padding:4px 12px}.emp-manage-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.role-select{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-size:14px;padding:8px 12px}.role-select:focus{border-color:#3b82f6;outline:none}.btn-delete-emp{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-delete-emp:hover{background:#ef444433}@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%}}@media (max-width:1024px){.sidebar{z-index:1001}}.mobile-menu-toggle{align-items:center;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;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:#151515;border-color:#3b82f6}.mobile-menu-toggle span{color:#fff;font-size:24px;line-height:1}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translateX(0)}}.mobile-overlay{background:#000000b3;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: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}}.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}.btn-primary:disabled{opacity:.6}.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}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: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;margin-bottom:10px}.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}: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}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.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}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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: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);cursor:not-allowed;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);color:#fff}.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);scrollbar-width:thin}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: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}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@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;line-height:1.6}.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: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{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-center{text-align:center}.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}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}: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);outline-offset:2px}: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;overflow-x:hidden}.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: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: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: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}}*{margin:0;padding:0}.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}}html{scroll-behavior:smooth}::-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}*{box-sizing:border-box}.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:fit-content;padding:2rem;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}}
/*# sourceMappingURL=main.c559b022.css.map*/