@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&display=swap");*{box-sizing:border-box;margin:0;padding:0}@keyframes fall{0%{transform:translateY(-100vh) translateX(0);opacity:1}90%{opacity:1}to{transform:translateY(100vh) translateX(0);opacity:0}}@keyframes floatBubble{0%{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-30px) translateX(15px) scale(1.05)}66%{transform:translateY(10px) translateX(-10px) scale(.97)}to{transform:translateY(0) translateX(0) scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes pdot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes glowGreen{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}@keyframes glowYellow{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.4)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}@keyframes glowRed{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body,html{width:100%;height:100%;margin:0;padding:0}.header{position:sticky;top:0;z-index:99;background:rgba(13,8,16,.88);border-bottom:1px solid hsla(0,0%,100%,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:DM Sans,sans-serif}.inner{max-width:1400px;margin:0 auto;padding:0 28px;height:62px;justify-content:space-between}.headerLogo,.inner{display:flex;align-items:center}.headerLogo{font-size:22px;font-weight:900;text-decoration:none;font-family:Playfair Display,Georgia,serif;gap:1px}.headerLogoP{color:#e91e8c}.headerLogoRest{color:#f5f0ff}.headerNav{gap:3px}.headerLink,.headerNav{display:flex;align-items:center}.headerLink{gap:6px;padding:7px 14px;border-radius:10px;font-size:13px;font-weight:500;color:rgba(245,240,255,.4);text-decoration:none;border:1px solid transparent;transition:all .15s}.headerLink:hover{color:#f5f0ff;background:hsla(0,0%,100%,.05)}.headerLinkActive{color:#e91e8c;background:rgba(233,30,140,.1);border-color:rgba(233,30,140,.2)}.headerLinkIcon{font-size:13px}.headerRight{display:flex;align-items:center;gap:12px}.statusContainer{gap:8px;font-size:12px;font-weight:500;border-radius:8px;transition:all .3s ease}.statusContainer,.statusOnline{display:flex;align-items:center;padding:6px 12px}.statusOnline{gap:6px;color:#22c55e;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3);border-radius:8px;animation:glowGreen 2.5s ease-in-out infinite}.statusOnline .statusDot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.8),0 0 12px rgba(34,197,94,.5);animation:pdot 2.5s ease-in-out infinite;flex-shrink:0}.statusOnline .statusText{color:#22c55e;font-weight:600;letter-spacing:.4px;text-transform:uppercase;font-size:11px}.statusChecking{display:flex;align-items:center;gap:6px;color:#f59e0b;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:6px 12px;animation:glowYellow 1.5s ease-in-out infinite}.statusChecking .statusDot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.8),0 0 12px rgba(245,158,11,.5);animation:pdot 1.5s cubic-bezier(.4,0,.6,1) infinite;flex-shrink:0}.statusChecking .statusText{color:#f59e0b;font-weight:500;letter-spacing:.3px;text-transform:uppercase;font-size:11px}.statusOffline{display:flex;align-items:center;gap:6px;color:#ef4444;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:6px 12px;animation:glowRed 2s ease-in-out infinite}.statusOffline .statusDot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.8),0 0 12px rgba(239,68,68,.5);flex-shrink:0}.statusOffline .statusText{color:#ef4444;font-weight:600;letter-spacing:.4px;text-transform:uppercase;font-size:11px}.statusText{display:inline-block}.logout{display:flex;align-items:center;gap:5px;padding:7px 16px;border-radius:10px;font-size:13px;font-weight:500;color:rgba(245,240,255,.35);text-decoration:none;border:1px solid hsla(0,0%,100%,.08);transition:all .15s}.logout:hover{color:#f87171;border-color:hsla(0,91%,71%,.25);background:hsla(0,91%,71%,.05)}.dashboardPage{min-height:100vh;background:#0d0810;background-image:radial-gradient(ellipse at 20% 20%,rgba(233,30,140,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,82,82,.04) 0,transparent 50%);padding:28px 24px;font-family:DM Sans,Segoe UI,sans-serif;position:relative}.dashboardPage:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(245,240,255,.025) 1px,transparent 0);background-size:36px 36px;pointer-events:none;z-index:0}.dashboardInner{position:relative;z-index:1;max-width:1400px;margin:0 auto}.dashboardTopbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px}.dashboardGreeting{font-size:22px;font-weight:700;color:#f5f0ff;animation:slideIn .6s ease}.dashboardGreetingHighlight{color:#e91e8c}.dashboardSub{font-size:13px;color:rgba(245,240,255,.35);margin-top:2px}.dashboardBadge{background:rgba(233,30,140,.1);border:1px solid rgba(233,30,140,.2);color:#e91e8c;font-size:12px;font-weight:500;padding:6px 16px;border-radius:100px;transition:all .3s ease;animation:slideIn .6s ease .1s both}.dashboardBadge:hover{background:rgba(233,30,140,.15);border-color:rgba(233,30,140,.3)}.dashboardStats{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap;overflow-x:auto;padding-bottom:8px;animation:slideIn .6s ease .2s both}.dashboardStats::-webkit-scrollbar{height:4px}.dashboardStats::-webkit-scrollbar-track{background:rgba(233,30,140,.05);border-radius:2px}.dashboardStats::-webkit-scrollbar-thumb{background:rgba(233,30,140,.2);border-radius:2px}.dashboardStatCard{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;padding:16px 20px;min-width:140px;flex:1;transition:all .3s ease;cursor:pointer}.dashboardStatCard:hover{border-color:rgba(233,30,140,.25);background:hsla(0,0%,100%,.05);transform:translateY(-2px)}.dashboardStatLabel{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,255,.3);margin-bottom:6px}.dashboardStatValue{font-size:26px;font-weight:800;color:#f5f0ff;line-height:1}.dashboardStatValuePink{color:#e91e8c}.dashboardStatHint{font-size:11px;color:rgba(245,240,255,.25);margin-top:3px}.dashboardGrid{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-bottom:16px;animation:slideIn .6s ease .3s both}@media (max-width:1024px){.dashboardGrid{grid-template-columns:1fr}}@media (max-width:768px){.dashboardGrid{grid-template-columns:1fr;gap:12px}}.dashboardTableSection{margin-top:0;animation:slideIn .6s ease .4s both}.dashboardLoading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:rgba(245,240,255,.2);font-size:14px;gap:10px;min-height:200px}.dashboardSpinner{width:18px;height:18px;border:2px solid rgba(233,30,140,.2);border-top-color:#e91e8c;border-radius:50%;animation:spin .8s linear infinite}.emptyStateContainer{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:60px 40px;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:slideIn .6s ease .4s both}.emptyStateContainer:before{content:"";position:absolute;top:-50%;right:-50%;width:500px;height:500px;background:radial-gradient(circle,rgba(233,30,140,.1) 0,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none}.emptyStateIcon{font-size:80px;margin-bottom:24px;animation:bounce 2s ease-in-out infinite;display:block}.emptyStateTitle{font-size:24px;font-weight:700;color:#f5f0ff;margin-bottom:8px}.emptyStateSubtitle{font-size:14px;color:rgba(245,240,255,.5);margin-bottom:32px;max-width:400px;line-height:1.6}.emptyStateSteps{flex-direction:column;margin-bottom:32px;max-width:500px}.emptyStateStep,.emptyStateSteps{display:flex;gap:12px;align-items:center}.emptyStateStep{padding:12px 16px;background:rgba(233,30,140,.08);border:1px solid rgba(233,30,140,.15);border-radius:12px;width:100%;transition:all .3s ease}.emptyStateStep:hover{background:rgba(233,30,140,.12);border-color:rgba(233,30,140,.25);transform:translateX(4px)}.emptyStateStepNumber{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#e91e8c,#ff5252);border-radius:50%;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.emptyStateStepText{text-align:left;font-size:13px;color:rgba(245,240,255,.7);font-weight:500}.emptyStateHint{font-size:12px;color:rgba(245,240,255,.3);padding:12px 16px;background:rgba(255,82,82,.05);border:1px solid rgba(255,82,82,.15);border-radius:10px;max-width:400px}.emptyStateHintIcon{margin-right:6px}@media (max-width:768px){.statusContainer{padding:4px 8px;font-size:11px}.statusChecking,.statusOffline,.statusOnline{padding:4px 8px}.statusDot{width:6px;height:6px}.statusText{font-size:10px}}@media (max-width:640px){.headerNav{display:none}.statusChecking,.statusContainer,.statusOffline,.statusOnline{padding:3px 6px}.statusText{display:none}.statusDot{width:8px;height:8px}}@media (max-width:768px){.dashboardPage{padding:16px 12px}.dashboardTopbar{flex-direction:column;align-items:flex-start;gap:8px}.dashboardGreeting{font-size:20px}.dashboardStats{gap:10px}.dashboardStatCard{min-width:120px;padding:12px 16px}.dashboardStatValue{font-size:22px}.emptyStateContainer{padding:40px 24px;min-height:350px}.emptyStateIcon{font-size:60px;margin-bottom:16px}.emptyStateTitle{font-size:20px}}@media (max-width:480px){.dashboardPage{padding:12px 8px}.dashboardGreeting{font-size:18px}.dashboardSub{font-size:12px}.dashboardStats{gap:8px;margin-bottom:16px}.dashboardStatCard{min-width:100px;padding:10px 12px}.dashboardStatLabel{font-size:9px}.dashboardStatValue{font-size:20px}.dashboardStatHint{font-size:10px}.emptyStateContainer{padding:32px 16px;min-height:300px;border-radius:16px}.emptyStateIcon{font-size:48px;margin-bottom:12px}.emptyStateTitle{font-size:18px;margin-bottom:6px}.emptyStateSubtitle{font-size:13px;margin-bottom:24px}.emptyStateStep{padding:10px 12px;font-size:12px}.emptyStateStepNumber{width:28px;height:28px;font-size:12px}.emptyStateStepText{font-size:12px}}.templatesPage{min-height:100vh;background:linear-gradient(135deg,#0f0318,#1a0a2e 50%,#0d0810);color:#f5f0ff;position:relative;overflow:hidden;padding:0;font-family:DM Sans,sans-serif}.templatesBlob{border-radius:50%;filter:blur(120px);opacity:.08}.templatesBlob,.templatesGrid{position:absolute;pointer-events:none}.templatesGrid{inset:0;opacity:.02;background-image:radial-gradient(circle,#a78bfa 1px,transparent 0);background-size:50px 50px}.templatesLoading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0318,#1a0a2e 50%,#0d0810);color:rgba(245,240,255,.3);gap:16px}.templatesSpinner{width:48px;height:48px;border:3px solid rgba(233,30,140,.2);border-top-color:#e91e8c;border-radius:50%;animation:spin .8s linear infinite}.templatesCartButton{position:fixed;top:30px;right:30px;z-index:100;padding:12px 20px;border-radius:50px;border:none;background:linear-gradient(135deg,#e91e8c,#ff5252);color:#fff;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 25px rgba(233,30,140,.4);transition:all .3s ease;font-family:DM Sans,sans-serif}.templatesCartButton:hover{box-shadow:0 12px 35px rgba(233,30,140,.6);transform:scale(1.05)}.templatesCartBadge{background:#fff;color:#e91e8c;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;min-width:24px}.templatesInner{position:relative;z-index:2;padding:60px 32px;max-width:1400px;margin:0 auto}.templatesHeader{text-align:center;margin-bottom:50px;animation:slideIn .6s ease}.templatesTitle{font-size:48px;font-weight:900;background:linear-gradient(135deg,#e91e8c,#ff5252,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.templatesTitleHighlight{color:#e91e8c}.templatesSubtitle{color:rgba(245,240,255,.5);font-size:16px}.templatesViewButtons{display:flex;gap:12px;margin-bottom:40px;justify-content:center;animation:slideIn .6s ease .1s backwards}.templatesViewButton{padding:12px 24px;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:14px;backdrop-filter:blur(10px);font-family:DM Sans,sans-serif}.templatesViewButton:hover{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08)}.templatesViewButtonActive{background:linear-gradient(135deg,#e91e8c,#ff5252);border-color:transparent;font-weight:700}.templatesCategoryButtons{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap;justify-content:center;animation:slideIn .6s ease .2s backwards}.templatesCategoryButton{padding:10px 20px;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;transition:all .3s ease;font-size:13px;backdrop-filter:blur(10px);font-family:DM Sans,sans-serif}.templatesCategoryButton:hover{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08)}.templatesCategoryButtonActive{background:linear-gradient(135deg,#e91e8c,#ff5252);border-color:transparent}.templatesEmptyStateContainer{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:60px 40px;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:slideIn .6s ease .3s both}.templatesEmptyStateContainer:before{content:"";position:absolute;top:-50%;right:-50%;width:500px;height:500px;background:radial-gradient(circle,rgba(233,30,140,.1) 0,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none}.templatesEmptyStateIcon{font-size:80px;margin-bottom:24px;animation:bounce 2s ease-in-out infinite;display:block;position:relative;z-index:1}.templatesEmptyStateTitle{font-size:24px;font-weight:700;color:#f5f0ff;margin-bottom:8px;position:relative;z-index:1}.templatesEmptyStateSubtitle{font-size:14px;color:rgba(245,240,255,.5);margin-bottom:32px;max-width:400px;line-height:1.6;position:relative;z-index:1}.templatesEmptyStateSteps{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:32px;max-width:500px;position:relative;z-index:1}.templatesEmptyStateStep{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(233,30,140,.08);border:1px solid rgba(233,30,140,.15);border-radius:12px;width:100%;transition:all .3s ease}.templatesEmptyStateStep:hover{background:rgba(233,30,140,.12);border-color:rgba(233,30,140,.25);transform:translateX(4px)}.templatesEmptyStateStepNumber{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#e91e8c,#ff5252);border-radius:50%;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.templatesEmptyStateStepText{text-align:left;font-size:13px;color:rgba(245,240,255,.7);font-weight:500}.templatesEmptyStateHint{font-size:12px;color:rgba(245,240,255,.3);padding:12px 16px;background:rgba(255,82,82,.05);border:1px solid rgba(255,82,82,.15);border-radius:10px;max-width:400px;position:relative;z-index:1}.templatesEmptyStateHintIcon{margin-right:6px}.templatesCardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.templatesCard{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:20px;backdrop-filter:blur(20px);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:scaleIn .5s ease backwards;position:relative;overflow:hidden}.templatesCard:hover{border-color:rgba(233,30,140,.4);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(233,30,140,.15)}.templatesCardImage{width:100%;height:200px;border-radius:14px;margin-bottom:16px;background-size:cover;background-position:50%;position:relative;overflow:hidden}.templatesCardImageOverlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(233,30,140,.1),transparent)}.templatesCardBadge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:20px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.5);color:#fff;font-size:11px;font-weight:600}.templatesCardTitle{font-size:18px;font-weight:700;margin-bottom:8px}.templatesCardDescription{font-size:13px;opacity:.6;margin-bottom:16px;line-height:1.5}.templatesCardButtons{display:flex;gap:10px}.templatesCardButtonPreview{flex:1;padding:10px;border-radius:10px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;font-family:DM Sans,sans-serif}.templatesCardButtonPreview:hover{background:hsla(0,0%,100%,.1)}.templatesCardButtonUse{flex:1;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#e91e8c,#ff5252);color:#fff;cursor:pointer;font-weight:700;font-size:12px;transition:all .3s ease;box-shadow:0 4px 15px rgba(233,30,140,.3);font-family:DM Sans,sans-serif}.templatesCardButtonUse:hover{box-shadow:0 6px 25px rgba(233,30,140,.5)}.templatesModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);animation:fadeUp .3s ease}.templatesModalContent{background:linear-gradient(135deg,#0f0318,#1a0a2e);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:40px;max-width:600px;max-height:85vh;overflow:auto;position:relative;z-index:1001;backdrop-filter:blur(20px)}.templatesCartModal{max-width:800px}.templatesModalClose{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:28px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.templatesModalClose:hover{background:hsla(0,0%,100%,.2)}.templatesModalTitle{font-size:28px;font-weight:800;margin-bottom:20px}.templatesModalImage{width:100%;border-radius:16px;margin-bottom:24px;max-height:320px;-o-object-fit:cover;object-fit:cover}.templatesModalText{color:rgba(245,240,255,.7);margin-bottom:24px;line-height:1.7;font-size:14px;background:hsla(0,0%,100%,.02);padding:16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.05)}.templatesModalPlaceholders{margin-bottom:24px}.templatesModalPlaceholders h3{font-size:15px;font-weight:700;margin-bottom:12px}.templatesModalPlaceholdersGrid{font-size:13px;color:rgba(245,240,255,.6);display:grid;grid-template-columns:1fr 1fr;gap:12px}.templatesModalPlaceholderItem{background:hsla(0,0%,100%,.03);padding:10px;border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.templatesModalPlaceholderItem strong{color:#e91e8c}.templatesModalButton{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#e91e8c,#ff5252);color:#fff;font-weight:700;cursor:pointer;font-size:15px;box-shadow:0 8px 25px rgba(233,30,140,.3);transition:all .3s ease;font-family:DM Sans,sans-serif}.templatesModalButton:hover{box-shadow:0 12px 35px rgba(233,30,140,.5);transform:translateY(-2px)}.templatesCartSection{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:20px;margin-bottom:30px}.templatesCartSection h3{font-size:16px;font-weight:700;margin-bottom:16px;color:#e91e8c}.templatesCartItem{margin-bottom:16px}.templatesCartItemTitle{font-size:14px;font-weight:600;margin-bottom:8px}.templatesCartItemDescription{font-size:13px;color:rgba(245,240,255,.6);line-height:1.6}.templatesCartPlaceholders{margin-top:16px}.templatesCartPlaceholders p{font-size:12px;font-weight:600;margin-bottom:12px;color:rgba(245,240,255,.7)}.templatesCartPlaceholdersGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.templatesCartPlaceholderItem{font-size:11px;padding:8px;background:hsla(0,0%,100%,.03);border-radius:6px;border:1px solid hsla(0,0%,100%,.05)}.templatesCartPlaceholderItem strong{color:#e91e8c}.templatesCartPlaceholderItem div{opacity:.7;margin-top:2px}.templatesCartImageGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.templatesCartImageItem{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.templatesCartImageItem:hover{transform:scale(1.02)}.templatesCartImageItemSelected{border:3px solid #e91e8c;transform:scale(1.05)}.templatesCartImageItem img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;display:block}.templatesCartImageCheckmark{position:absolute;inset:0;background:rgba(233,30,140,.3);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.templatesCartEmpty{text-align:center;padding:40px 20px;color:rgba(245,240,255,.4);margin-bottom:24px}.templatesCartSummary{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;margin-bottom:24px;font-size:14px;color:rgba(245,240,255,.7)}.templatesCartSummary div{margin-bottom:8px}.templatesCartButtons{display:flex;gap:12px}.templatesCartButtonContinue{flex:1;padding:14px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:#fff;font-weight:600;cursor:pointer;font-size:14px;transition:all .3s ease;font-family:DM Sans,sans-serif}.templatesCartButtonContinue:hover{background:hsla(0,0%,100%,.1)}.templatesCartButtonCheckout{flex:1;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#e91e8c,#ff5252);color:#fff;font-weight:700;cursor:pointer;font-size:14px;box-shadow:0 8px 25px rgba(233,30,140,.3);transition:all .3s ease;font-family:DM Sans,sans-serif}.templatesCartButtonCheckout:hover{box-shadow:0 12px 35px rgba(233,30,140,.5);transform:translateY(-2px)}@media (max-width:768px){.templatesInner{padding:40px 24px}.templatesTitle{font-size:36px}.templatesCardGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.templatesEmptyStateContainer{padding:40px 24px;min-height:350px}.templatesEmptyStateIcon{font-size:60px;margin-bottom:16px}.templatesEmptyStateTitle{font-size:20px}.templatesModalContent{padding:30px;max-width:90vw}}@media (max-width:480px){.templatesInner{padding:24px 16px}.templatesTitle{font-size:28px}.templatesSubtitle{font-size:14px}.templatesViewButtons{flex-direction:column;gap:8px}.templatesViewButton{padding:10px 16px;font-size:13px}.templatesCategoryButtons{gap:8px}.templatesCategoryButton{padding:8px 16px;font-size:12px}.templatesCardGrid{grid-template-columns:1fr;gap:12px}.templatesEmptyStateContainer{padding:32px 16px;min-height:300px;border-radius:16px}.templatesEmptyStateIcon{font-size:48px;margin-bottom:12px}.templatesEmptyStateTitle{font-size:18px;margin-bottom:6px}.templatesEmptyStateSubtitle{font-size:13px;margin-bottom:24px}.templatesEmptyStateStep{padding:10px 12px}.templatesEmptyStateStepNumber{width:28px;height:28px;font-size:12px}.templatesEmptyStateStepText{font-size:12px}.templatesModalContent{padding:24px 20px;max-width:95vw;max-height:90vh}.templatesModalTitle{font-size:22px}.templatesCartImageGrid{grid-template-columns:repeat(3,1fr)}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.statusBadge{position:fixed;bottom:24px;right:24px;z-index:9998;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.15);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideIn .4s ease;border:1px solid hsla(0,0%,100%,.3)}.statusDot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.statusLabel{font-size:12px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.statusBadge:has(.statusDotSpinner){background:rgba(59,130,246,.92);backdrop-filter:blur(10px);border-color:rgba(59,130,246,.3)}.statusBadge:has(.statusDotSpinner) .statusDot{background:#3b82f6;animation:spin 1s linear infinite}.statusBadge:has(.statusDotSpinner) .statusLabel{color:#fff}.statusBadge:has(.statusDotOnline){background:rgba(34,197,94,.92);backdrop-filter:blur(10px);border-color:rgba(34,197,94,.3)}.statusBadge:has(.statusDotOnline) .statusDot{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}.statusBadge:has(.statusDotOnline) .statusLabel{color:#fff}.statusBadge:has(.statusDotOffline){background:rgba(239,68,68,.92);backdrop-filter:blur(10px);border-color:rgba(239,68,68,.3);animation:slideIn .4s ease,pulse 2s ease-in-out infinite}.statusBadge:has(.statusDotOffline) .statusDot{background:#ef4444;animation:pulse 1.5s ease-in-out infinite}.statusBadge:has(.statusDotOffline) .statusLabel{color:#fff}@media (max-width:768px){.statusBadge{bottom:20px;right:20px;padding:8px 14px}.statusDot{width:7px;height:7px}.statusLabel{font-size:11px}}@media (max-width:480px){.statusBadge{bottom:16px;right:16px;padding:8px 12px}.statusDot{width:6px;height:6px}.statusLabel{font-size:10px;font-weight:600}}@media (max-width:360px){.statusBadge{bottom:12px;right:12px;padding:6px 10px}.statusDot{width:5px;height:5px}.statusLabel{font-size:9px}}.notification_container__LKl_x{position:fixed;top:80px;right:20px;z-index:9998;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notification_container__LKl_x>*{pointer-events:all}.notification_container__LKl_x>:nth-child(2){transform:scale(.97) translateX(4px);opacity:.9}.notification_container__LKl_x>:nth-child(3){transform:scale(.94) translateX(8px);opacity:.75}.notification_container__LKl_x>:nth-child(n+4){opacity:0;pointer-events:none}.notification_toast__mZ030{display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:380px;padding:14px 14px 0;border-radius:16px;border:1px solid;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;position:relative;overflow:hidden;font-family:DM Sans,Segoe UI,sans-serif;background:rgba(13,8,16,.92);transition:transform .15s,box-shadow .15s;animation:notification_toastIn__HOjvP .35s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 8px 32px rgba(0,0,0,.4)}.notification_toast__mZ030:hover{transform:scale(1.015)}.notification_toastExiting__rw8my{animation:notification_toastOut__LPl_L .28s ease forwards;pointer-events:none}.notification_iconWrap__fN_EH{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;margin-top:1px}.notification_body__1BpM2{flex:1;min-width:0;padding-bottom:14px}.notification_label__UtCI_{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.notification_message__bjmhL{font-size:13px;font-weight:500;color:rgba(245,240,255,.85);line-height:1.45;word-break:break-word}.notification_closeBtn__z3vr5{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(245,240,255,.3);background:hsla(0,0%,100%,.05);transition:all .15s;flex-shrink:0;margin-top:1px;border:none;cursor:pointer}.notification_closeBtn__z3vr5:hover{background:hsla(0,0%,100%,.12);color:rgba(245,240,255,.7)}.notification_progress__M6gR8{position:absolute;bottom:0;left:0;right:0;height:2px;background:hsla(0,0%,100%,.06)}.notification_progressFill__3CekR{height:100%;border-radius:0 2px 2px 0;transition:width 50ms linear}@media (max-width:480px){.notification_container__LKl_x{right:10px;left:10px}.notification_toast__mZ030{min-width:unset;max-width:unset;width:100%}}