@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--fs-base: clamp(1rem, .95rem + .25vw, 1.125rem);--fs-xs: clamp(.75rem, .7rem + .2vw, .875rem);--fs-sm: clamp(.875rem, .825rem + .25vw, .5rem);--fs-md: clamp(1rem, .95rem + .25vw, 1rem);--fs-lg: clamp(1.25rem, 1.15rem + .5vw, 1.2rem);--fs-xl: clamp(1.5rem, 1.35rem + .75vw, 1.5rem);--fs-2xl: clamp(2rem, 1.8rem + 1vw, 2rem);--fs-3xl: clamp(2.5rem, 2.2rem + 1.5vw, 2.5rem);--space-2xs: clamp(.25rem, .22rem + .15vw, .375rem);--space-xs: clamp(.5rem, .45rem + .25vw, .75rem);--space-sm: clamp(.75rem, .7rem + .25vw, 1rem);--space-md: clamp(1rem, .9rem + .5vw, 1rem);--space-lg: clamp(1.5rem, 1.35rem + .75vw, 1.5rem);--space-xl: clamp(2.5rem, 2.25rem + 1.25vw, 2.5rem);--space-2xl: clamp(4rem, 3.5rem + 2.5vw, 4rem);--container-width: min(100% - var(--space-md) * 2, 1400px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--bg-app: #F8FAFC;--white: #ffffff;--text-dark: #0f172a;--navy-dark: #0f172a;--text-light: #475569;--text-label: #475569;--text-muted: #64748B;--border-subtle: #E2E8F0;--border-strong: #CBD5E1;--primary: #4F46E5;--primary-glow: rgba(79, 70, 229, .2);--accent-violet: #8B5CF6;--accent-pink: #EC4899;--shadow-card: 0 0 0 1px rgba(15, 23, 42, .04), 0 12px 32px -8px rgba(15, 23, 42, .06);--shadow-premium: 0 0 0 1px rgba(79, 70, 229, .1), 0 20px 50px -12px rgba(79, 70, 229, .25);--radius-card: var(--radius-xl);--radius-pill: 999px;--chart-bar-blue: #6366F1;--chart-bar-dark: #0F172A;--chart-bar-slate: #94A3B8}.text-fluid-h1{font-size:var(--fs-2xl)}.text-fluid-h2{font-size:var(--fs-xl)}.text-fluid-h3{font-size:var(--fs-lg)}.text-fluid-body{font-size:var(--fs-md)}.text-fluid-sm{font-size:var(--fs-sm)}.recharts-cartesian-grid-horizontal line{stroke:#f1f5f9}.recharts-bar-rectangle:hover{filter:brightness(1.1);transition:filter .2s}.recharts-tooltip-cursor{fill:#f1f5f980}.design-first-notice{background:var(--primary-glow);color:var(--primary);padding:.75rem 1rem;border-radius:12px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.75rem;margin-top:1rem;border:1px dashed var(--primary);animation:fadeIn .3s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 100% 0%,rgba(79,70,229,.08) 0%,transparent 40%),radial-gradient(circle at 0% 100%,rgba(139,92,246,.08) 0%,transparent 40%),var(--bg-app);font-family:Inter,sans-serif;color:var(--text-dark);min-height:100vh;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.pro-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-xl);background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #F1F5F9}.brand{display:flex;align-items:center;gap:.75rem;cursor:pointer}.brand-icon{width:38px;height:38px;background:#4f46e5;border-radius:10px;display:grid;place-items:center}.brand-name{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.5px;color:#0f172a}.pro-nav{display:flex;gap:var(--space-lg);align-items:center}.nav-links{display:flex;gap:var(--space-md);align-items:center}.btn-pricing-login{padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:500;font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.btn-pricing-login:hover{background:#f8fafc}.btn-pricing-cta{padding:8px 20px;border-radius:8px;background:#1e293b;color:#fff;font-weight:600;font-size:var(--fs-sm);cursor:pointer;border:none;transition:all .2s}.btn-pricing-cta:hover{background:#0f172a;box-shadow:0 4px 12px #0000001a}.pro-nav a{text-decoration:none;color:var(--text-light);font-weight:600;font-size:var(--fs-sm);transition:color .2s}.pro-nav a.active,.pro-nav a:hover{color:var(--text-dark)}.auth-buttons{display:flex;align-items:center;gap:1rem}.login-btn{padding:.6rem 1.25rem;border-radius:12px;background:transparent;color:var(--text-dark);font-weight:600;font-size:var(--fs-sm);border:1px solid #E2E8F0;cursor:pointer;transition:all .2s}.login-btn:hover{background:#f8fafc;border-color:#cbd5e1}.signup-btn{padding:.6rem 1.25rem;border-radius:12px;background:var(--primary);color:#fff;font-weight:600;font-size:var(--fs-sm);border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4f46e533}.signup-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.user-profile{display:flex;align-items:center;gap:1rem}.user-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #E2E8F0;display:grid;place-items:center;cursor:pointer;color:var(--text-dark);transition:all .2s}.user-circle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.mobile-nav-header,.mobile-auth-section,.nav-overlay,.mobile-guest-profile{display:none}@media(max-width:1024px){.pro-header{padding:1rem 1.25rem;height:70px}.pro-nav{position:fixed;top:0;left:-100%;width:280px;height:100vh;height:100dvh;background:#fff;padding:1.5rem 1.5rem 6rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;box-shadow:20px 0 50px #0000001a;z-index:2000;transition:left .4s cubic-bezier(.16,1,.3,1);display:flex;overflow-y:auto}.pro-nav.mobile-open{left:0}.nav-overlay{display:block;position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.visible{opacity:1;pointer-events:auto}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:2rem;border-bottom:1px solid #F1F5F9}.nav-links{display:flex;flex-direction:column;gap:1.25rem;width:100%}.nav-links a{font-size:1.1rem;font-weight:600;color:#475569;text-decoration:none;padding:.5rem 0}.nav-links a.active{color:var(--primary)}.mobile-auth-section{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;width:100%;padding-top:2rem;border-top:1px solid #F1F5F9}.mobile-login-btn,.mobile-signup-btn{width:100%;padding:1rem;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.mobile-login-btn{background:#f8fafc;border:1px solid #E2E8F0;color:var(--text-dark)}.mobile-signup-btn{background:var(--primary);border:none;color:#fff}.close-menu-btn{background:#f1f5f9;border:none;color:#64748b;padding:8px;border-radius:10px;display:flex}.mobile-menu-btn{display:block!important}.header-right-group{display:flex;align-items:center;gap:.75rem}.mobile-guest-profile{display:block}.auth-buttons.desktop-only{display:none}.brand-name{font-size:1.1rem}.brand-icon{width:32px;height:32px}}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-dark);cursor:pointer;padding:.5rem;transition:all .2s}@media(max-width:768px){.auth-buttons{display:none}}.studio-container{position:relative;background:linear-gradient(180deg,#ede9fe,#e0e7ff,#f0efff);padding-bottom:60px;overflow:visible}.studio-container:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,60 C360,120 720,0 1080,60 C1260,90 1380,90 1440,60 L1440,120 L0,120 Z'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;z-index:1}.page-header{padding:2rem 10% .5rem;max-width:1600px;margin:0 auto;width:100%;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;animation-delay:.1s}@media(max-width:1150px){.page-header{padding:1.5rem 1.5rem .5rem}}.page-header h1{font-size:var(--fs-2xl);line-height:1.1;font-weight:600;letter-spacing:-1.5px;margin-bottom:.25rem;color:var(--navy-dark)}@media(max-width:768px){.page-header h1{font-size:2rem}}.subtitle{font-size:var(--fs-sm);font-weight:600;color:var(--text-light);letter-spacing:1px;text-transform:uppercase}.studio-layout{display:flex;padding:1.5rem 10% 4rem;max-width:1600px;margin:0 auto;gap:3rem;align-items:flex-start;width:100%;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;animation-delay:.2s}@media(max-width:1150px){.studio-layout{flex-direction:column;padding:1rem 1.5rem 4rem;gap:2rem}.config-column,.preview-column{width:100%;flex:auto;max-width:100%}}.config-column{flex:1 1 55%;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.config-card{background:var(--white);border-radius:24px;box-shadow:var(--shadow-card);padding:0;transition:transform .3s ease,box-shadow .3s ease;overflow:visible}.config-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.card-section{padding:1.5rem;border-bottom:1px solid #F1F5F9;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.card-section.no-padding{padding:0}.card-section:last-child{border-bottom:none}.card-section.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;background:#f8fafc}.card-section.interactive:not(.disabled){cursor:pointer}.card-section.interactive:not(.disabled):hover{background:#f8fafc}.card-section.interactive:not(.disabled):active{transform:scale(.98)}.card-section:focus-visible{z-index:10;outline:2px solid var(--primary-blue);outline-offset:-2px}.custom-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.85rem 1.5rem;border-radius:12px;z-index:9999;box-shadow:0 10px 25px -5px #0000004d;animation:toastFadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.toast-content{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500}.toast-icon{color:#818cf8}@keyframes toastFadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.type-tabs-container{padding:0;border-bottom:2px solid #F1F5F9;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;overflow:visible}.type-tabs-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to left,#F8FAFC,transparent);pointer-events:none;z-index:2;opacity:0;transition:opacity .3s}@media(max-width:768px){.type-tabs-container:after{opacity:1}}.type-tabs{display:flex;gap:0;overflow:visible;width:100%;padding:0;position:relative}.tabs-scrollable{display:flex;overflow-x:auto;scrollbar-width:none;flex:1;padding:1.25rem 1rem;-webkit-overflow-scrolling:touch;gap:.75rem}.tabs-scrollable::-webkit-scrollbar{display:none}.type-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem .5rem;background:transparent;border:none;border-radius:20px;color:#94a3b8;transition:all .2s;white-space:nowrap;flex-shrink:0;min-width:85px;position:relative}.type-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.08),transparent);transition:left .5s ease;pointer-events:none}.type-tab:hover:before{left:100%}.type-tab:hover{color:#334155;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0f172a14}.type-tab.active{color:#fff;background:#6366f1;box-shadow:0 10px 15px -3px #6366f14d}.type-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30%;height:4px;background:#fff;border-radius:2px 2px 0 0;opacity:.8}.tabs-scroll-indicator{position:absolute;right:0;top:0;bottom:0;width:50px;background:linear-gradient(to left,white 40%,transparent);display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;pointer-events:auto;cursor:pointer;z-index:5;color:#6366f1;opacity:.8}@media(min-width:1025px){.tabs-scroll-indicator{display:none}}.type-tab span{font-size:.8rem;font-weight:700;letter-spacing:.025em}.type-tab-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:transform .2s}.type-tab.active .type-tab-icon{color:#fff}.type-tab:hover .type-tab-icon{opacity:.9;transform:scale(1.1) rotate(-5deg)}.type-tab.active .type-tab-icon{opacity:1;color:#fff;transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:iconPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes iconPop{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1.15)}}.highlight-pulse{animation:pulseHighlight .8s ease infinite alternate,shakeHighlight .4s ease;border-color:var(--primary)!important;box-shadow:0 0 0 4px #4f46e526!important}@keyframes pulseHighlight{0%{box-shadow:0 0 #4f46e566}to{box-shadow:0 0 0 12px #4f46e500}}@keyframes shakeHighlight{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.more-types-wrapper{position:relative;display:flex;margin-left:auto}.more-popup{position:absolute;top:calc(100% + 15px);right:-10px;background:#fff;border-radius:20px;box-shadow:0 25px 60px -12px #0f172a40;border:1px solid #F1F5F9;z-index:2000;min-width:480px;padding:1.5rem;animation:popupSlideInDown .3s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto}.more-popup:before{content:"";position:absolute;top:-8px;right:25px;width:16px;height:16px;background:#fff;border-top:1px solid #F1F5F9;border-left:1px solid #F1F5F9;transform:rotate(45deg);z-index:-1}@keyframes popupSlideInDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.more-popup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:768px){.footer-main{padding:3rem 1.25rem}.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-brand{margin-bottom:0;flex:0 1 10px!important}.footer-links-grid{grid-template-columns:1fr;gap:1.5rem;width:100%}.footer-col h4{margin-bottom:.75rem}.more-popup{display:none!important}}.type-drawer,.type-drawer.open,.type-drawer-content,.type-drawer-grid,.drawer-option-item,.drawer-option-icon{display:none!important}.reset-loader-overlay{position:absolute;inset:0;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:grid;place-items:center;border-radius:24px;animation:fadeIn .3s ease-out}.reset-loader-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-icon-spin{color:#4f46e5;animation:rotateSpin 1.2s cubic-bezier(.4,0,.2,1) infinite}.reset-loader-content h3{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.reset-loader-content p{color:#64748b;margin:0}@keyframes rotateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.more-option-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #F1F5F9;border-radius:12px;color:#475569;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.more-option-item:hover{background:#eef2ff;border-color:#e0e7ff;color:var(--primary);transform:translateY(-2px)}.more-option-item.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #4f46e533}.more-option-item svg{flex-shrink:0}.input-animation-wrapper{margin-top:2rem;animation:revealInput .4s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;gap:1.25rem}@keyframes revealInput{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.extra-fields{display:flex;flex-direction:column;gap:1rem}.input-row-pill{transition:all .3s cubic-bezier(.16,1,.3,1)}.input-row-pill:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;transform:translateY(-1px)}.section-header-static{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.section-label{font-size:.65rem;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:1.2px}.type-selector-badge{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.35rem .75rem;border-radius:20px;cursor:pointer;position:relative;transition:all .2s;border:1px solid transparent}.type-selector-badge:hover{background:#e2e8f0}.type-selector-badge:focus-within{box-shadow:0 0 0 2px #3b82f633;border-color:var(--primary-blue);background:#fff}.type-icon-small{color:var(--primary-blue)}.current-type-label{font-size:.75rem;font-weight:600;color:var(--text-dark)}.type-chevron{color:var(--text-light)}.input-group{display:flex;flex-direction:column;gap:.4rem;width:100%}.input-row-pill{background:var(--white);border:1px solid #E2E8F0;border-radius:var(--radius-pill);padding:.8rem 1.25rem;display:flex;align-items:center;gap:.75rem;transition:all .2s;cursor:text}.input-row-pill.error{border-color:#f43f5e;background:#fff1f2}.input-row-pill:hover{border-color:#cbd5e1}.input-row-pill:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 4px #3b82f60d}.icon-prefix{color:var(--text-light);display:flex}.pill-input{border:none;background:transparent;width:100%;font-size:1rem;color:var(--text-dark);font-family:Inter,sans-serif;font-weight:500;outline:none}.error-msg{color:#f43f5e;font-size:.7rem;font-weight:600;margin-left:1.25rem;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.floating-input-group{display:flex;flex-direction:column;gap:.25rem;width:100%;margin-bottom:1rem}.floating-input-container{position:relative;display:flex;align-items:center;background:var(--white);border:1.5px solid #E2E8F0;border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0 1.25rem;height:60px;gap:.75rem}.floating-input-container:hover{border-color:#cbd5e1;transform:translateY(-1px)}.floating-input-container.focused{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e514;background:#fff}.floating-input-group.has-error .floating-input-container{border-color:#f43f5e;background:#fff1f2}.floating-input-group.has-error .floating-input-container.focused{box-shadow:0 0 0 4px #f43f5e1a}.input-wrapper{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center}.floating-input-field{width:100%;height:100%;border:none;background:transparent;outline:none;font-family:Inter,sans-serif;font-size:1rem;color:var(--text-dark);font-weight:500;display:flex;align-items:center;padding:0}.floating-input-field:placeholder-shown{padding:0}.floating-input-container.with-icon .floating-input-field{padding-left:.25rem}.floating-input-field.textarea-field{min-height:100px;resize:vertical;padding-top:1.5rem;line-height:1.5}.floating-input-container:has(.textarea-field){height:auto;padding-bottom:.5rem}.floating-input-field::placeholder{color:#cbd5e1;opacity:0;transition:opacity .2s}.floating-input-container.focused .floating-input-field::placeholder{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.floating-input-field::placeholder{color:#94a3b8;opacity:1;transition:opacity .2s ease}.floating-input-container.focused .floating-input-field::placeholder{opacity:.6}.floating-input-error{font-size:.75rem;color:#f43f5e;font-weight:500;margin-left:.25rem;animation:slideIn .2s ease-out}.input-end-icon-btn{position:absolute;right:-5px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;border-radius:8px}.input-end-icon-btn:hover{color:var(--primary);background:#f1f5f9}.floating-input-field.with-end-icon{padding-right:30px}.input-row-pill .floating-input-container{border:none;padding:0;height:auto}.extra-fields{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.type-changer{display:none}.hidden-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.divider{height:1px;background:#f1f5f9;width:100%;margin:.5rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.section-header h3{font-size:.95rem;font-weight:600;color:var(--navy-dark)}.palette-content{margin-top:1rem}.color-row{display:flex;gap:1rem}.color-circle{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s;position:relative}.color-circle.active:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #CBD5E1}.add-color-btn{width:48px;height:48px;border-radius:50%;border:1px solid #E2E8F0;background:var(--white);color:var(--text-light);display:grid;place-items:center;cursor:pointer;transition:all .2s}.add-color-btn:hover,.add-color-btn.active{background:#f8fafc;border-color:var(--primary-blue);color:var(--primary-blue);transform:scale(1.05)}.add-color-wrapper{position:relative}.color-picker-popup{position:absolute;bottom:60px;right:0;background:#fff;padding:1.5rem;border-radius:24px;box-shadow:0 20px 50px -10px #0f172a26;z-index:1000;border:1px solid #F1F5F9;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1rem}.pattern-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.pattern-option-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.pattern-option-card:hover{border-color:var(--primary);background:#eef2ff;transform:translateY(-2px)}.pattern-option-card.active{background:#fff;border-color:var(--primary);box-shadow:0 10px 25px -5px #4f46e51a}.pattern-icon-box{width:44px;height:44px;flex-shrink:0;background:#fff;border-radius:12px;display:grid;place-items:center;color:var(--text-light);box-shadow:0 4px 10px -2px #0000000d;transition:all .2s}.pattern-option-card.active .pattern-icon-box{background:var(--primary);color:#fff;transform:scale(1.05)}.pattern-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.pattern-label{font-size:.8rem;font-weight:700;color:var(--text-dark);white-space:nowrap}.pattern-desc{font-size:.65rem;color:var(--text-light);line-height:1.2}.frame-logo-content{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.customization-group{display:flex;flex-direction:column;gap:.75rem}.section-sub-label{font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.upload-container{width:100%}.hidden-input{display:none}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#f8fafc;border:2px dashed #E2E8F0;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-height:100px}.upload-box:hover{border-color:var(--primary);background:#eef2ff;transform:translateY(-2px)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-light);font-weight:600;font-size:.85rem}.logo-preview-wrapper{position:relative;width:70px;height:70px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px #00000014}.logo-preview-img{width:100%;height:100%;object-fit:contain}.btn-remove-logo{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;display:grid;place-items:center;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #ef44444d;transition:all .2s}.btn-remove-logo:hover{transform:scale(1.15);background:#dc2626}.style-chips-grid{display:flex;flex-wrap:wrap;gap:.6rem}.style-chip{padding:.6rem 1rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;font-size:.75rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s}.style-chip:hover{background:#fff;border-color:var(--primary);color:var(--primary)}.style-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px #4f46e533}.react-colorful{width:200px!important;height:200px!important;border-radius:12px}.react-colorful__saturation{border-radius:12px 12px 0 0;border-bottom:none}.react-colorful__hue{height:12px!important;border-radius:0 0 12px 12px!important}.react-colorful__pointer{width:18px!important;height:18px!important;border:2px solid white!important;box-shadow:0 2px 4px #0003!important}.picker-footer{display:flex;gap:.5rem;align-items:center}.hex-input{flex:1;padding:.5rem;border:1px solid #E2E8F0;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-dark);text-align:center;outline:none}.hex-input:focus{border-color:var(--primary-blue)}.btn-add-palette{background:var(--navy-dark);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-add-palette:hover{background:#1e293b;transform:translateY(-1px)}.action-buttons-container{display:flex;gap:.75rem;width:100%;max-width:450px}.btn-download-white{flex:1;background:var(--white);border:1px solid #E2E8F0;color:var(--navy-dark);height:48px;border-radius:12px;font-weight:700;font-size:.75rem;cursor:pointer;letter-spacing:.5px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #00000005;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-download-white:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.btn-download-dark{flex:1.5;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;color:#fff;height:48px;border-radius:14px;font-weight:700;font-size:.75rem;cursor:pointer;letter-spacing:.5px;display:flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:0 8px 20px -4px #4f46e566;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-download-dark:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 25px -4px #4f46e580;filter:brightness(1.1)}.btn-share{flex:1;background:#fff;border:1px solid #E2E8F0;color:var(--navy-dark);height:48px;border-radius:14px;font-weight:700;font-size:.75rem;cursor:pointer;letter-spacing:.5px;display:flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:0 2px 4px #00000005;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-share:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.icon-action-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.icon-action-btn:hover{color:#6366f1;background:#f1f5f9}.icon-action-btn.delete:hover{color:#ef4444;background:#fef2f2}.table-actions{display:flex;align-items:center;gap:.5rem}.preview-column{flex:1 1 45%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:1rem;gap:1.5rem}.preview-card-soft{background:var(--white);width:100%;max-width:450px;aspect-ratio:1;border-radius:40px;box-shadow:var(--shadow-float);display:flex;align-items:center;justify-content:center;padding:3rem;margin-bottom:0;position:relative;animation:float 6s ease-in-out infinite}@media(max-width:1440px){.preview-card-soft{width:100%;max-width:100%;aspect-ratio:auto;padding:2rem}}@media(max-width:1300px){.preview-card-soft{max-width:360px}}@media(max-width:1200px){.preview-card-soft{padding:1.5rem;max-width:350px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.qr-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.qr-stage:before{content:"";position:absolute;width:70%;height:70%;filter:blur(40px);z-index:1}.qr-stage>*{position:relative;z-index:2}.generated-qr{width:100%;height:100%;object-fit:contain}.empty-state{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f1f5f9;border-radius:20px}.qr-preview-animation{width:180px;height:180px;object-fit:contain;animation:qrPulse 2s ease-in-out infinite}@keyframes qrPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.preview-meta{text-align:center}.live-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.7rem;font-weight:700;color:var(--text-light);letter-spacing:1.5px;margin-bottom:1.5rem;box-shadow:0 2px 10px #00000008;text-transform:uppercase}.green-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98133}.preview-meta h3{font-size:1.25rem;color:#334155;margin-bottom:.5rem;font-weight:600}.preview-meta p{font-size:.95rem;color:#94a3b8}@media(max-width:1150px){.studio-layout{flex-direction:column;align-items:center;gap:4rem;padding:2rem 5% 4rem}.config-column{width:100%;max-width:500px;flex:auto}}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f8fafcd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;overflow-y:auto;padding:2rem 1rem;animation:fadeIn .3s ease-out}.login-card{background:#fff;width:100%;max-width:440px;border-radius:40px;padding:3rem;box-shadow:0 20px 50px -10px #0f172a1a;display:flex;flex-direction:column;align-items:center;position:relative;margin:auto;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:32px}}.close-modal-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;cursor:pointer;color:var(--text-light);transition:color .2s}.close-modal-btn:hover{color:var(--text-dark)}.login-logo-box{width:56px;height:56px;background:#f8fafc;border-radius:16px;display:grid;place-items:center;margin-bottom:1.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-family:"DM Serif Display",serif;font-size:1.75rem;color:var(--navy-dark);margin-bottom:.5rem}.login-header p{color:var(--text-light);font-size:.9rem}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.login-input{width:100%;padding:1rem 1.25rem;background:#f8fafc;border:1px solid transparent;border-radius:12px;font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:all .2s}.login-input:focus{background:#fff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.forgot-link{text-align:right;font-size:.8rem;color:#94a3b8;cursor:pointer;margin-bottom:.5rem}.btn-continue{width:100%;background:var(--navy-dark);color:#fff;padding:1rem;border-radius:50px;border:none;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s;font-size:1rem}.btn-continue:hover{transform:translateY(-2px);background:#1e293b}.login-divider{width:100%;margin:1.5rem 0;position:relative;text-align:center}.login-divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#f1f5f9;z-index:1}.login-divider span{background:#fff;padding:0 1rem;position:relative;z-index:2;color:#94a3b8;font-size:.75rem;font-weight:600}.login-socials{width:100%;display:flex;gap:1rem;margin-bottom:2rem}.social-btn{flex:1;background:#fff;border:1px solid #E2E8F0;border-radius:50px;padding:.75rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:var(--text-dark);cursor:pointer;transition:all .2s}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.login-footer{font-size:.85rem;color:var(--text-light)}.link-text{color:var(--text-dark);font-weight:600;cursor:pointer}.security-badge{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.75rem;font-weight:600;opacity:.8}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.signup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-app);z-index:2000;display:flex;flex-direction:column;animation:fadeIn .3s ease-out;overflow-y:auto}.auth-header{padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:10}.auth-nav{display:flex;align-items:center;gap:1.5rem}.text-btn{background:none;border:none;font-weight:600;color:var(--text-light);cursor:pointer;font-size:.95rem}.text-btn:hover{color:var(--text-dark)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-dark)}.auth-container{display:flex;width:100%;min-height:100vh}.auth-visual{flex:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.visual-card{width:480px;height:480px;background:#fff;border-radius:60px;box-shadow:0 40px 100px -20px #0f172a1a;display:grid;place-items:center;margin-bottom:2rem;position:relative}.qr-preview-mock{position:relative;width:200px;height:200px;display:grid;place-items:center}.mock-scanner{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary-blue);box-shadow:0 0 20px 5px #3b82f666;animation:scanDown 3s infinite linear}@keyframes scanDown{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.mock-dots{position:absolute;top:10px;right:10px;width:40px;height:40px;background-image:radial-gradient(#CBD5E1 1px,transparent 1px);background-size:8px 8px}.visual-badge{background:#fff;padding:.5rem 1rem;border-radius:20px;box-shadow:0 4px 10px #0000000d;display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:1px;color:var(--text-light);text-transform:uppercase}.blue-dot{width:8px;height:8px;background:#818cf8;border-radius:50%}.auth-content{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-right:8%}.form-wrapper{width:100%;max-width:480px}.auth-title{font-size:3rem;line-height:1.1;color:var(--navy-dark);margin-bottom:1rem;font-weight:700;letter-spacing:-1px}.auth-subtitle{color:var(--text-light);line-height:1.6;margin-bottom:2.5rem;font-size:1.05rem}.social-row{display:flex;gap:1rem;margin-bottom:2rem}.social-pill{flex:1;height:52px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:600;color:var(--navy-dark);cursor:pointer;transition:all .2s}.social-pill:hover{background:#f8fafc;border-color:#cbd5e1}.auth-divider{display:flex;align-items:center;margin-bottom:2rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{padding:0 1rem;font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:1px}.signup-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.form-group label{display:block;font-size:.7rem;font-weight:700;color:#64748b;letter-spacing:1px;margin-bottom:.5rem}.form-group input{width:100%;height:52px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:0 1rem;font-size:1rem;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-blue);background:#f8fafc}.btn-create-account{width:100%;height:56px;background:var(--navy-dark);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;box-shadow:0 4px 12px #0f172a33}.btn-create-account:hover{background:#1e293b;transform:translateY(-2px)}@media(max-width:960px){.auth-container{flex-direction:column}.auth-visual{flex:none;width:100%;padding:6rem 2rem 2rem;background:#f8fafc;min-height:auto}.visual-card{width:300px;height:300px;margin-bottom:1rem}.qr-preview-mock{transform:scale(.8)}.auth-content{padding:2rem 1.5rem 4rem;width:100%;justify-content:center}.form-wrapper{margin:0 auto;max-width:480px}.auth-title{font-size:2rem;text-align:center}.auth-subtitle{text-align:center}}@media(max-width:480px){.auth-header{padding:1rem 1.5rem}.auth-content{padding-top:6rem}.auth-title{font-size:1.75rem}}.plan-features{padding-top:2rem;border-top:1px solid #E2E8F0}.plan-label{font-size:.7rem;font-weight:700;color:#94a3b8;letter-spacing:1px;margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 2rem}.feature-item{font-size:.85rem;color:#475569;display:flex;align-items:center;gap:.5rem;font-weight:500}.f-icon{color:var(--primary-blue)}.footer-main{background:var(--white);padding:6rem 2rem 2rem;border-top:1px solid #F1F5F9}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;flex-wrap:wrap}.footer-brand{flex:0 1 300px;display:flex;flex-direction:column;gap:1.25rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--navy-dark)}.footer-logo-icon{color:var(--primary)}.footer-tagline{font-size:.85rem;color:#94a3b8;letter-spacing:.05em;font-weight:500}.footer-socials{display:flex;gap:1.25rem;margin-top:.5rem}.social-link{color:#94a3b8;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-link:hover{color:var(--primary);transform:translateY(-2px)}.footer-links-grid{display:flex;gap:5rem;flex-wrap:wrap}.footer-col h4{font-size:.75rem;font-weight:800;color:var(--navy-dark);letter-spacing:.1em;margin-bottom:1.5rem}.footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-col ul a{text-decoration:none;color:#94a3b8;font-size:.9rem;font-weight:500;transition:color .2s}.footer-col ul a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid #F1F5F9;text-align:center}.footer-bottom p{font-size:.7rem;color:#94a3b8;letter-spacing:.1em;font-weight:600}@media(max-width:768px){.footer-container{flex-direction:column;gap:1.5rem}.footer-links-grid{gap:1.5rem;justify-content:center;width:100%}}.contact-page-wrapper{padding:4rem 2rem 8rem;background:#f8fafc;min-height:calc(100vh - 80px)}.contact-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center}.contact-label{font-size:.75rem;font-weight:800;color:var(--primary);letter-spacing:.2em;display:block;margin-bottom:1rem}.contact-title{font-size:4rem;font-weight:300;color:var(--navy-dark);line-height:1.1;margin-bottom:2rem}.contact-title span{font-style:italic;font-weight:700}.contact-description{font-size:1.1rem;color:#64748b;line-height:1.6;max-width:440px;margin-bottom:4rem}.info-cards{display:flex;flex-direction:column;gap:2.5rem}.info-item{display:flex;align-items:center;gap:1.5rem}.info-icon-box{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--navy-dark);box-shadow:0 4px 12px #0000000d}.info-text span{font-size:.65rem;font-weight:800;color:#94a3b8;letter-spacing:.1em;display:block;margin-bottom:.25rem}.info-text p{font-size:1rem;font-weight:600;color:var(--navy-dark);line-height:1.4}.info-socials{display:flex;gap:1rem;margin-top:.5rem}.info-socials a{color:var(--navy-dark);transition:color .2s}.info-socials a:hover{color:var(--primary)}.contact-form-section{position:relative}.form-card{background:#fff;padding:4rem;border-radius:40px;box-shadow:0 20px 40px #00000008;position:relative}.floating-mail-icon{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:80px;height:80px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;box-shadow:0 10px 30px #0000000d}.contact-form{display:flex;flex-direction:column;gap:2.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-field{display:flex;flex-direction:column;gap:.75rem}.form-field label{font-size:.7rem;font-weight:800;color:#94a3b8;letter-spacing:.1em}.form-field input,.form-field textarea{background:transparent;border:none;border-bottom:1px solid #E2E8F0;padding:.75rem 0;font-size:1rem;font-family:inherit;font-weight:500;outline:none;transition:border-color .3s}.form-field input::placeholder,.form-field textarea::placeholder{color:#cbd5e1}.form-field input:focus,.form-field textarea:focus{border-bottom-color:var(--navy-dark)}.form-field textarea{min-height:100px;resize:none}.btn-send{margin-top:1rem;height:64px;background:#18181b;color:#fff;border:none;border-radius:32px;font-size:1.1rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:transform .2s,background .2s}.btn-send:hover{background:#000;transform:translateY(-2px)}@media(max-width:968px){.contact-container{grid-template-columns:1fr;gap:4rem;text-align:center}.contact-description{margin:0 auto 4rem}.info-item{justify-content:center;flex-direction:column;text-align:center;gap:.75rem}.form-row{grid-template-columns:1fr}.form-card{padding:3rem 2rem}}.tech-selection-section{padding:.85rem 1.25rem;background:#4f46e505;position:relative;overflow:visible}.tech-selection-section:after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to left,rgba(255,255,255,.8),transparent);pointer-events:none;z-index:2;opacity:0;transition:opacity .3s}.tech-selector-label{font-size:.6rem;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.75rem}.tech-options-grid{display:flex;flex-wrap:wrap;gap:.5rem;overflow:visible}.tech-option-btn{flex:1 1 120px;min-width:fit-content;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .25rem;background:var(--white);border:1px solid #E2E8F0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;width:auto}.tech-option-btn:hover{border-color:var(--primary);background:#f8fafc}.tech-option-btn.active{background:var(--white);border-color:var(--primary);box-shadow:0 4px 12px #4f46e514}.tech-icon-circle{width:30px;height:30px;flex-shrink:0;background:#f1f5f9;border-radius:10px;display:grid;place-items:center;color:#64748b;transition:all .3s ease}.tech-icon-circle svg{width:16px;height:16px}.tech-icon-circle.track{background:#fef3c7;color:#d97706}.tech-icon-circle.dynamic{background:#eef2ff;color:#6366f1}.tech-option-btn.active .tech-icon-circle{background:var(--primary);color:#fff!important}.tech-info{display:flex;flex-direction:column;gap:.1rem;align-items:center}.tech-title{font-size:.75rem;font-weight:700;color:var(--text-dark);white-space:nowrap}.tech-desc{font-size:.55rem;color:var(--text-label);line-height:1.1;font-weight:500}.input-ring-highlight{border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-glow)!important}@media(max-width:768px){.pro-header{padding:.8rem 1.25rem;height:64px}.brand-icon{width:32px;height:32px}.brand-name{font-size:1.1rem;letter-spacing:-.4px}.page-header{padding:1.5rem 1.25rem .5rem;text-align:left}.page-header h1{font-size:2rem;line-height:1.1;margin-bottom:.5rem}.subtitle{font-size:.65rem;letter-spacing:1.2px}.studio-layout{flex-direction:column;padding:1rem 1.25rem 4rem;gap:1.5rem}.config-column{width:100%;max-width:100%;order:1;gap:1.25rem}.config-card{border-radius:20px;box-shadow:0 8px 30px #0000000a}.tech-selection-section:after{opacity:1}.tech-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0;margin:0}.tech-option-btn{flex:1;min-width:0;padding:.75rem .5rem;height:auto;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.35rem}.tech-icon-circle{width:28px;height:28px;border-radius:8px}.tech-title{font-size:.7rem;letter-spacing:-.2px}.tech-desc{font-size:.55rem;display:none}.tech-option-btn:last-child{grid-column:span 2}.card-section{padding:.85rem 1.25rem}.type-tabs-container{padding:.5rem 0 0;margin:0 -1.25rem}.tabs-scrollable{padding:0 1.25rem}.action-buttons-container{display:flex;gap:.75rem;width:100%;align-items:center;max-width:none;order:unset}.btn-download-white{flex:0 0 auto;width:auto;padding:0 1.25rem;height:48px;border-radius:24px;font-size:.8rem}.btn-download-dark{flex:1;height:48px;border-radius:24px;font-size:.8rem;background:#8b5cf6;box-shadow:0 10px 20px -5px #8b5cf666;text-transform:uppercase}.btn-share{flex:0 0 48px;width:48px;height:48px;border-radius:50%;padding:0}.action-buttons-container .btn-text{display:inline}.btn-share .btn-text{display:none}.preview-column{width:100%;order:3;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-card-soft{width:100%;max-width:100%;margin:0 0 1.5rem;padding:1.5rem;border-radius:24px;box-sizing:border-box}.qr-stage{aspect-ratio:1/1}.preview-meta{width:100%;text-align:center;padding:0;display:flex;flex-direction:column;align-items:center}.preview-meta h3{font-size:1.2rem}.landing-sections{padding:2rem 1.25rem}.section-title{font-size:2rem}.step-card{padding:1.5rem;flex-direction:column;text-align:left;gap:1rem}.step-icon-box{margin-bottom:.5rem}.feature-item-pill{width:100%;justify-content:flex-start}}.campaign-banner-pill{background:#6366f1;border-radius:100px;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;box-shadow:0 10px 25px -5px #6366f166;color:#fff;transition:all .3s ease}.campaign-banner-pill:hover{transform:translateY(-1px);box-shadow:0 15px 30px -5px #6366f180}.banner-content-left{display:flex;align-items:center;gap:1rem}.banner-icon-box{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.banner-text{font-size:1rem;color:#ffffffe6;font-weight:500;letter-spacing:.2px}.banner-text strong{color:#fff;font-weight:700}@keyframes badgePulse{0%{box-shadow:0 0 #fff6;transform:scale(1)}70%{box-shadow:0 0 0 8px #fff0;transform:scale(1.02)}to{box-shadow:0 0 #fff0;transform:scale(1)}}.banner-badge-right{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.9rem;padding:.35rem 1rem;background:#fff3;border-radius:50px;cursor:default;transition:all .2s;animation:badgePulse 2s infinite;border:1px solid rgba(255,255,255,.3)}.banner-badge-right:hover{background:#ffffff4d}.profile-layout{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Rajdhani,sans-serif;color:#1e293b}.profile-sidebar{width:clamp(260px,20vw,320px);background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;padding:2rem 1.5rem;position:sticky;top:0;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s ease;z-index:100}.profile-sidebar.collapsed{width:80px;padding:2rem .75rem}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:3rem}.brand-logo{background:#0f172a;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.brand-name{font-size:var(--fs-lg);font-weight:700;color:#0f172a}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#64748b;font-family:inherit;font-size:var(--fs-md);font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-item.active{background:#f8fafc;color:#0f172a;box-shadow:0 4px 6px -1px #0000000d}.collapsed .nav-item{justify-content:center;padding:12px}.collapse-toggle{position:absolute;top:24px;right:-12px;width:24px;height:24px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000d;z-index:110;transition:all .2s;color:#64748b}.collapse-toggle:hover{background:#f8fafc;color:#0f172a;transform:scale(1.1)}.sidebar-section-title{display:block;font-size:.7rem;font-weight:700;color:#64748b;margin-bottom:12px;padding:0 16px;letter-spacing:.05em}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:20px}.plan-card{background:#eef2ff;padding:16px;border-radius:16px;display:flex;flex-direction:column}.plan-label{font-size:.7rem;font-weight:700;color:#4f46e5;letter-spacing:.05em}.plan-name{font-size:1.1rem;font-weight:700;color:#1e1b4b}.sign-out-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#64748b;font-family:inherit;font-size:var(--fs-md);font-weight:500;cursor:pointer}.sign-out-btn:hover{color:#ef4444}.profile-content{flex:1;padding:2rem 3rem;width:100%;min-height:100vh;transition:margin-left .3s ease}.content-header{margin-bottom:2.5rem}.content-header h1{font-size:var(--fs-2xl);font-weight:700;color:#0f172a;margin-bottom:.5rem}.content-header p{color:#475569;font-size:var(--fs-lg)}.settings-container{display:flex;flex-direction:column;gap:2rem}.settings-card{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 4px 20px -2px #00000008}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.avatar-container{position:relative}.profile-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #E2E8F0}.edit-avatar-btn{position:absolute;bottom:0;right:0;background:#0f172a;color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer}.name-badge-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.name-badge-row h2{font-size:var(--fs-xl);font-weight:700;margin:0}.premium-badge{background:#eef2ff;color:#4f46e5;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.02em}.profile-role{color:#64748b;font-size:var(--fs-md)}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group label{display:block;font-size:.75rem;font-weight:700;color:#64748b;margin-bottom:10px;letter-spacing:.05em}.form-group input{width:100%;padding:14px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:var(--fs-md);color:#1e293b;transition:all .2s}.form-group input:focus{outline:none;border-color:#cbd5e1;background:#fff}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:2rem}.section-title h3{font-size:var(--fs-lg);font-weight:700;margin:0}.text-indigo{color:#4f46e5}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid #E2E8F0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info h4{font-size:var(--fs-md);font-weight:600;margin-bottom:4px}.setting-info p{font-size:var(--fs-sm);color:#64748b}.btn-outline{padding:8px 16px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f8fafc}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#0f172a}input:checked+.toggle-slider:before{transform:translate(20px)}.btn-update{display:flex;align-items:center;justify-content:center;gap:8px;background:#4f46e5;border:1px solid #4F46E5;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;width:fit-content}.btn-update:hover{background:#4338ca;border-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.btn-update:active{transform:translateY(0) scale(.96)}.dropdown-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;font-family:inherit;font-weight:600;cursor:pointer}.danger-zone{background:snow;border:1px solid #fee2e2}.danger-header{margin-bottom:1.5rem}.danger-header h3{font-size:1.25rem;font-weight:700;color:#991b1b;margin-bottom:4px}.danger-header p{color:#b91c1c;opacity:.8}.btn-danger{padding:12px 24px;background:#fff;color:#ef4444;border:1px solid #fca5a5;border-radius:12px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger-outline{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:transparent;color:#e11d48;border:1.5px solid #F43F5E;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content}.btn-danger-outline:hover{background:#fff1f2;border-color:#e11d48;transform:translateY(-2px);box-shadow:0 4px 12px #f43f5e26}.btn-danger-outline:active{transform:translateY(0) scale(.98)}.profile-footer-meta{margin-top:3rem;text-align:center;color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.05em}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.profile-page-root{background-color:#f8fafc}.mobile-profile-header{position:sticky;top:0;left:0;right:0;height:64px;background:#fff;display:flex!important;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;border-bottom:1px solid #F1F5F9}.mobile-profile-header h1{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap}.mobile-profile-header .back-btn,.mobile-profile-header .more-btn{background:none;border:none;padding:8px;color:#0f172a;cursor:pointer}.profile-content{padding:0!important}.settings-container{padding:24px 16px 100px!important;gap:16px}.profile-header{flex-direction:column;text-align:center;margin-bottom:32px;gap:20px}.profile-avatar{width:120px;height:120px;border-width:6px;box-shadow:0 10px 25px #0000000d}.edit-avatar-btn{width:36px;height:36px;background:#6366f1;border:3px solid white}.profile-meta{display:flex;flex-direction:column;align-items:center;gap:8px}.name-badge-row h2{font-size:1.5rem;letter-spacing:-.01em}.profile-role{font-size:14px;color:#64748b;max-width:250px}.premium-badge{display:inline-block;margin-top:4px;background:#eef2ff;color:#4f46e5;border:1px solid #E0E7FF}.section-label{display:flex;align-items:center;gap:8px;margin:16px 0 12px;color:#94a3b8}.section-label span{font-size:12px;font-weight:700;letter-spacing:.05em}.settings-card{padding:20px!important;border:1px solid #F1F5F9;box-shadow:0 2px 10px #00000005}.form-group label{font-size:10px;margin-bottom:8px}.form-group input{background:#fff;border:1px solid #F1F5F9;font-size:15px;padding:12px 16px}.settings-form-grid{gap:16px}.setting-item{padding:16px 0}.setting-info h4{font-size:15px}.setting-info p{font-size:12px}.toggle-switch{transform:scale(.9)}.danger-label{color:#f43f5e}.danger-zone{background:#fff5f5!important;border:1px solid #FFE4E6!important}.danger-content p{font-size:14px;color:#991b1b;line-height:1.6;margin-bottom:24px}.btn-danger-outline{width:100%;padding:16px}.mobile-sign-out-container{margin-top:40px;display:flex;justify-content:center}.mobile-sign-out-btn{display:flex;align-items:center;gap:10px;background:none;border:none;color:#64748b;font-weight:600;font-size:16px;cursor:pointer}}.notif-panel{position:absolute;top:calc(100% + 12px);right:0;width:380px;background:#fff;border:1px solid #E2E8F0;border-radius:20px;box-shadow:0 20px 60px -10px #00000026,0 4px 16px #0000000d;z-index:1000;overflow:hidden;animation:notifSlideDown .22s cubic-bezier(.16,1,.3,1)}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #F1F5F9;background:#fafbfc}.notif-header-left{display:flex;align-items:center;gap:8px;color:#1e293b}.notif-title{font-size:.9rem;font-weight:700;color:#1e293b}.notif-count-badge{background:#6366f1;color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:999px;min-width:20px;text-align:center}.notif-header-actions{display:flex;align-items:center;gap:8px}.notif-mark-all{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#6366f1;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.notif-mark-all:hover{background:#eef2ff}.notif-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:8px;transition:all .15s}.notif-close-btn:hover{background:#f1f5f9;color:#1e293b}.notif-list{max-height:400px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px;border-radius:12px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#fafaff}.notif-item.unread:hover{background:#f5f3ff}.notif-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:3px}.notif-item-title{font-size:.825rem;font-weight:700;color:#1e293b}.notif-time{font-size:.7rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}.notif-message{font-size:.775rem;color:#475569;line-height:1.45;margin:0 0 5px}.notif-type-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#6366f1;flex-shrink:0;margin-top:4px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#cbd5e1;gap:8px}.notif-empty p{font-size:.9rem;font-weight:700;color:#64748b;margin:0}.notif-empty span{font-size:.8rem;color:#94a3b8}.notif-footer{padding:12px 20px;border-top:1px solid #F1F5F9;text-align:center}.notif-footer button{font-size:.8rem;font-weight:600;color:#6366f1;background:none;border:none;cursor:pointer;transition:color .15s}.notif-footer button:hover{color:#4f46e5}@media(max-width:768px){.notif-panel{position:fixed;top:64px;right:8px;left:8px;width:auto;border-radius:16px}}.premium-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;width:100%;min-height:200px}.qr-loader-wrapper{position:relative;width:60px;height:60px;margin-bottom:24px}.qr-box{position:absolute;border:3px solid #6366F1;border-radius:4px;transition:all .3s ease}.qr-box.main{top:0;left:0;width:25px;height:25px;animation:qr-pulse-1 2s infinite ease-in-out}.qr-box.secondary{top:0;right:0;width:25px;height:25px;animation:qr-pulse-2 2s infinite ease-in-out}.qr-box.tertiary{bottom:0;left:0;width:25px;height:25px;animation:qr-pulse-3 2s infinite ease-in-out}.qr-scanner-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#6366F1,transparent);top:0;left:0;box-shadow:0 0 10px #6366f180;animation:scanner-move 2s infinite ease-in-out}@keyframes qr-pulse-1{0%,to{transform:scale(1);opacity:1;border-color:#6366f1}33%{transform:scale(1.1);opacity:.7;border-color:#0f172a}}@keyframes qr-pulse-2{0%,to{transform:scale(1);opacity:1;border-color:#6366f1}66%{transform:scale(1.1);opacity:.7;border-color:#0f172a}}@keyframes qr-pulse-3{0%,to{transform:scale(1);opacity:1;border-color:#6366f1}45%{transform:scale(1.1);opacity:.7;border-color:#0f172a}}@keyframes scanner-move{0%,to{top:0;opacity:0}50%{top:100%;opacity:1}}.loader-text-group{display:flex;flex-direction:column;align-items:center;gap:8px}.loader-message{color:#475569;font-size:15px;font-weight:500;letter-spacing:.02em;margin:0;text-transform:uppercase}.loading-dots{display:flex;gap:4px}.loading-dots span{width:4px;height:4px;background:#6366f1;border-radius:50%;display:inline-block;animation:dot-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.dashboard-content-wrapper{padding:var(--space-lg) var(--space-xl) var(--space-2xl);background:#f8fafc;min-height:100vh}.global-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.search-bar-container{display:flex;align-items:center;gap:var(--space-sm);background:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);width:100%;max-width:400px;border:1px solid #E2E8F0}.search-bar-container input{border:none;outline:none;font-size:var(--fs-sm);width:100%;color:#1e293b}.search-icon{color:#64748b}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.icon-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-xs);transition:all .2s}.icon-btn:hover{color:#0f172a;background:#f1f5f9;border-radius:50%}.notif-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border:2px solid #F8FAFC;border-radius:50%}.user-profile-header{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-md);border-left:1px solid #E2E8F0}.user-profile-header img{width:42px;height:42px;border-radius:var(--radius-md);object-fit:cover}.user-text{display:flex;flex-direction:column}.user-name{font-size:var(--fs-sm);font-weight:700;color:#0f172a}.user-email{font-size:var(--fs-xs);color:#64748b}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-xl)}.hero-left h1{font-size:var(--fs-2xl);font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-1px}.hero-left p{color:#475569;font-size:var(--fs-md);margin:0}.hero-right{display:flex;gap:var(--space-md)}.btn-add-project{display:flex;align-items:center;gap:8px;background:#1e293b;color:#fff;border:none;padding:.85rem 1.5rem;border-radius:14px;font-weight:700;font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.btn-add-project:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #1e293b33}.btn-import{background:#fff;color:#0f172a;border:1px solid #E2E8F0;padding:.85rem 1.5rem;border-radius:14px;font-weight:700;font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.btn-import:hover{background:#f8fafc;border-color:#cbd5e1}.main-dashboard-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.glass-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid #E2E8F0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.stats-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stat-card-v2{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.stat-v2-header{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:var(--fs-xs);font-weight:600}.stat-v2-body{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-v2-main{display:flex;align-items:center;gap:var(--space-md)}.stat-v2-value{font-size:var(--fs-2xl);font-weight:800;color:#0f172a;letter-spacing:-1px}.sparkline-mini{flex:1;height:40px}.stat-v2-change{font-size:var(--fs-xs);font-weight:700;color:#10b981}.stat-v2-change.down{color:#f43f5e}.stat-period-label{font-size:var(--fs-xs);font-weight:500;color:#94a3b8;margin-left:6px;letter-spacing:0}.middle-grid-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.card-header h3{font-size:var(--fs-lg);font-weight:700;color:#0f172a;margin:0}.bar-chart-container{padding-top:var(--space-md)}.time-tracker-card{display:flex;flex-direction:column;align-items:stretch}.tracker-circle-container{display:flex;justify-content:center;margin:var(--space-md) 0}.tracker-circle{position:relative;width:180px;height:180px}.tracker-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.time-val{font-size:var(--fs-xl);font-weight:800;color:#0f172a}.time-label{font-size:var(--fs-xs);font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.tracker-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:auto}.control-btn{width:56px;height:56px;border-radius:var(--radius-lg);border:none;background:#f1f5f9;color:#1e293b;display:grid;place-items:center;cursor:pointer;transition:all .2s}.control-btn:first-child{background:#a3e635;background:#000;color:#fff}.alarm-btn{margin-left:auto;background:none;border:none;color:#94a3b8;cursor:pointer}.bottom-grid-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:var(--space-md)}.donut-main{display:flex;flex-direction:column}.donut-chart-container{position:relative;height:220px}.donut-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.total-label{font-size:var(--fs-xs);color:#64748b;font-weight:600}.total-val{font-size:var(--fs-lg);font-weight:800;color:#0f172a}.donut-legend{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.legend-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);font-weight:600;color:#64748b}.legend-row .val{margin-left:auto;color:#1e293b}.dot{width:10px;height:10px;border-radius:3px}.btn-add-member{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:700;color:#1e293b;background:#f1f5f9;border:none;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer}.team-list{display:flex;flex-direction:column;gap:var(--space-md)}.team-item{display:flex;align-items:center;gap:var(--space-md)}.team-item img{width:44px;height:44px;border-radius:var(--radius-md)}.member-info h4{margin:0;font-size:var(--fs-sm);font-weight:700}.member-info p{margin:2px 0 0;font-size:var(--fs-xs);color:#64748b}.status-pill{margin-left:auto;font-size:var(--fs-xs);font-weight:800;padding:4px 10px;border-radius:8px;text-transform:uppercase}.status-pill.green{background:#dcfce7;color:#166534}.status-pill.orange{background:#ffedd5;color:#9a3412}.status-pill.pink{background:#fce7f3;color:#9d174d}.tasks-progress-summary{margin-bottom:var(--space-lg)}.progress-bars{display:flex;height:24px;border-radius:12px;overflow:hidden;background:#e2e8f0;margin-bottom:.5rem}.p-bar{height:100%}.p-bar.blue{background:#3b82f6;opacity:.8}.progress-labels{display:flex;justify-content:space-between;font-size:var(--fs-xs);font-weight:700;color:#1e293b}.tasks-header-v2{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.tasks-header-v2 h3{margin:0;font-size:var(--fs-md);font-weight:700}.tasks-header-v2 .count{font-size:var(--fs-xs);color:#64748b;background:#f8fafc;padding:2px 8px;border-radius:6px;font-weight:700}.task-items-list{display:flex;flex-direction:column;gap:var(--space-sm)}.task-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);transition:background .2s}.task-list-item:hover{background:#f8fafc}.check-icon{width:20px;height:20px;border:2.5px solid #CBD5E1;border-radius:6px;display:grid;place-items:center}.task-content h4{margin:0;font-size:var(--fs-sm);font-weight:700}.task-content p{margin:2px 0 0;font-size:var(--fs-xs);color:#64748b}.status-dot{margin-left:auto;width:8px;height:8px;background:#e2e8f0;border-radius:50%}.status-dot.active{background:#10b981}.btn-new-task{background:none;border:none;color:#64748b;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer}.custom-bar-tooltip{background:#1e1e1e;width:12px;height:12px;border-radius:50%;border:2px solid white}@media(max-width:1200px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid-row{grid-template-columns:1fr 1fr}.tasks-card{grid-column:span 2}}@media(max-width:1100px){.middle-grid-row{grid-template-columns:1fr}.dashboard-content-wrapper{padding:var(--space-md)}}@media(max-width:768px){.dashboard-hero{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.bottom-grid-row{grid-template-columns:1fr}.tasks-card{grid-column:auto}}@media(max-width:900px){.dashboard-content-wrapper{padding:0;padding-bottom:var(--space-xl)}.stats-cards-grid{display:flex;grid-template-columns:unset!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-md);padding:0 var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none}.stats-cards-grid::-webkit-scrollbar{display:none}.stat-card-v2{min-width:280px;flex-shrink:0;scroll-snap-align:start}.main-dashboard-grid{padding:0 var(--space-md)}}.map-modal-footer{padding:var(--space-lg);background:#f8fafc;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.geo-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;color:#1e293b}.geo-legend .dot{width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #6366f1}.map-modal-footer p{font-size:var(--fs-xs);color:#94a3b8;margin:0}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.time-filters-pill{background:#fff;padding:4px;border-radius:var(--radius-md);display:flex;gap:4px;border:1px solid #F1F5F9}.time-filter-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s}.time-filter-btn.active{background:#1e293b;color:#fff}.view-report-btn{background:#f8fafc!important;color:#64748b!important;width:100%;font-size:var(--fs-sm)!important;font-weight:600!important;height:48px!important}.team-icon-container{width:44px;height:44px;border-radius:var(--radius-md);background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty-state-text{color:#94a3b8;font-size:var(--fs-xs);text-align:center;margin-top:var(--space-lg)}@media(max-width:900px){.hide-on-mobile{display:none!important}.mobile-hero-filters{display:flex!important;background:transparent;border:none;padding:0 0 4px;margin-top:var(--space-md);overflow-x:auto;gap:8px}.mobile-hero-filters .time-filter-btn{background:#fff;border:1px solid #E2E8F0;border-radius:99px;padding:8px 16px;font-size:var(--fs-xs);color:#64748b;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.mobile-hero-filters .time-filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.global-dashboard-header{margin-bottom:var(--space-md)}.hero-left h1{font-size:1.5rem}.dashboard-hero{padding:0 var(--space-md)}}@media(min-width:901px){.hide-on-desktop{display:none!important}}@media(max-width:900px){.mobile-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-md);background:#fff;border-bottom:1px solid #F1F5F9;margin:0;margin-bottom:var(--space-md);position:sticky;top:0;z-index:100}.mobile-header-left{display:flex;align-items:center;gap:var(--space-md)}.mobile-menu-btn{background:transparent;border:none;padding:4px;color:#1e293b;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-brand{display:flex;align-items:center;gap:8px}.brand-icon-mobile{width:32px;height:32px;background:#6366f1;border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-brand-text{font-size:var(--fs-md);font-weight:700;color:#0f172a}.mobile-header-right{display:flex;align-items:center;gap:var(--space-sm)}.mobile-icon-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;position:relative}.mobile-user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#ffb7a5;display:flex;align-items:center;justify-content:center}.mobile-user-avatar img{width:100%;height:100%;object-fit:cover}.check-icon-custom{border:none!important;background:#f1f5f9!important;font-size:var(--fs-lg)!important}}.landing-sections-wrapper{font-family:Rajdhani,sans-serif;color:#1e293b;width:100%}.section-content-container{max-width:1200px;margin:0 auto;padding:0 2rem}.guide-section{padding:6rem 0;background:#fff}.section-label-center,.section-label-center-blue{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem}.section-label-center{color:#64748b}.section-label-center-blue{color:#4f46e5}.section-title-center{text-align:center;font-size:2.8rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem;line-height:1.1}.section-subtitle-center{text-align:center;color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:4rem}.steps-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:8rem}.step-card-modern{background:#fff;border-radius:24px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start}.step-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-bg-number{position:absolute;top:20px;right:20px;font-size:8rem;font-weight:800;color:#f8fafc;line-height:1;z-index:0;pointer-events:none;font-family:Inter,sans-serif}.icon-box-modern{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;z-index:1;position:relative}.icon-box-modern.purple{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 10px 15px -3px #6366f14d}.icon-box-modern.pink{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 10px 15px -3px #ec48994d}.icon-box-modern.orange{background:linear-gradient(135deg,#f97316,#c2410c);box-shadow:0 10px 15px -3px #f973164d}.step-content-modern{z-index:1;position:relative}.step-label{font-size:.7rem;font-weight:700;color:#94a3b8;letter-spacing:.1em;display:block;margin-bottom:.5rem}.step-card-modern h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.step-card-modern p{font-size:.95rem;color:#64748b;line-height:1.6}.center-pill-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.guide-pill{background:#eef2ff;color:#6366f1;font-size:.75rem;font-weight:700;padding:6px 16px;border-radius:99px;letter-spacing:.05em;text-transform:uppercase}.text-gradient-purple{background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:900px){.section-content-container{padding:0 1.25rem}.guide-section{padding:4rem 0}.section-title-center{font-size:2rem;margin-bottom:1rem}.section-subtitle-center{font-size:.95rem;margin-bottom:2.5rem}.steps-row-3{grid-template-columns:1fr;gap:1rem;margin-bottom:4rem}.step-card-modern{padding:1.5rem;border-radius:20px}.step-bg-number{font-size:5rem;top:10px;right:15px;opacity:.05}.icon-box-modern{width:48px;height:48px;margin-bottom:1rem}.step-card-modern h3{font-size:1.1rem}.step-card-modern p{font-size:.85rem}}.capabilities-section{background-color:#eff0f8;padding:6rem 0;width:100%}.pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pro-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000005;border:1px solid #F1F5F9;transition:all .3s ease;display:flex;flex-direction:column}.pro-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000003;border-color:#e2e8f0}.pro-card-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.pro-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pro-icon-circle.blue{background:#3b82f6;box-shadow:0 4px 10px #3b82f64d}.pro-icon-circle.purple{background:#8b5cf6;box-shadow:0 4px 10px #8b5cf64d}.pro-icon-circle.green{background:#10b981;box-shadow:0 4px 10px #10b9814d}.pro-icon-circle.orange{background:#f59e0b;box-shadow:0 4px 10px #f59e0b4d}.pro-icon-circle.red{background:#ef4444;box-shadow:0 4px 10px #ef44444d}.pro-icon-circle.indigo{background:#6366f1;box-shadow:0 4px 10px #6366f14d}.pro-card h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.pro-card p{font-size:.9rem;color:#64748b;line-height:1.5;margin-bottom:2rem;flex-grow:1}.pro-visual{height:80px;display:flex;align-items:center;justify-content:center;margin-top:auto}.bar-chart-visual{display:flex;align-items:flex-end;gap:8px;height:60px}.mini-bar{width:8px;background:#818cf8;border-radius:4px;opacity:.8}.mini-bar:nth-child(2n){background:#c7d2fe}.dots-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.matrix-dot{width:10px;height:10px;border-radius:50%;background:#e9d5ff}.matrix-dot.center{background:#a855f7;box-shadow:0 0 10px #a855f766}.pro-visual.badges{gap:12px}.file-badge{background:#ecfdf5;color:#059669;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid #D1FAE5}.stack-visual{position:relative;width:60px;height:60px}.layer{position:absolute;width:40px;height:40px;border-radius:10px;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.layer.l1{background:#fff7ed;width:50px;height:50px;z-index:1}.layer.l2{background:#ffedd5;width:45px;height:45px;z-index:2}.layer.l3{background:#f97316;width:40px;height:40px;z-index:3;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #f973164d}.shield-glow{width:50px;height:50px;border-radius:12px;background:#fef2f2;display:flex;align-items:center;justify-content:center;border:1px solid #FECACA;box-shadow:0 0 20px #ef444426}.text-red{color:#dc2626}.globe-ring{position:relative;width:60px;height:60px;border:1px dashed #C7D2FE;border-radius:50%;display:flex;align-items:center;justify-content:center}.globe-core{width:30px;height:30px;background:#4f46e5;border-radius:50%;box-shadow:0 0 15px #4f46e54d}.satellite{position:absolute;width:8px;height:8px;background:#818cf8;border-radius:50%}.satellite.s1{top:0;left:50%;transform:translate(-50%)}.satellite.s2{bottom:10px;right:0}.guide-pill.bg-orange{background:#fff7ed;color:#c2410c}.text-gradient-orange{background:linear-gradient(90deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:900px){.capabilities-section{padding:4rem 0}.pro-grid{grid-template-columns:1fr;gap:1.25rem}.pro-card{padding:1.5rem;border-radius:20px;min-height:auto}.pro-card p{margin-bottom:1.5rem;font-size:.85rem}.pro-visual{height:60px}}.privacy-page{max-width:900px;margin:0 auto;padding:120px 24px 80px;animation:fadeIn .8s ease-out}.privacy-header{margin-bottom:60px}.privacy-header h1{font-size:3.5rem;font-weight:700;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:12px}.summary-container{background:#f8faff;border-radius:32px;padding:40px;margin-bottom:80px;border:1px solid rgba(79,70,229,.05)}.summary-label{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.summary-card h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.summary-card p{font-size:.85rem;line-height:1.6;color:var(--text-light)}.privacy-sections{display:flex;flex-direction:column;gap:64px}.policy-section h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:24px}.policy-section p{font-size:1rem;line-height:1.8;color:var(--text-light);margin-bottom:20px}.data-list{display:flex;flex-direction:column;gap:20px;margin-top:32px}.data-item{display:flex;gap:24px;padding:24px;background:var(--white);border-radius:16px;border:1px solid #f1f5f9;transition:all .3s ease}.data-item:hover{border-color:var(--primary-glow);box-shadow:0 10px 20px -5px #4f46e50d}.data-letter{font-size:.8rem;font-weight:800;color:var(--primary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border-radius:6px;flex-shrink:0}.data-content h4{font-size:.95rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.data-content p{font-size:.9rem;margin-bottom:0}.table-container{width:100%;overflow-x:auto;background:var(--white);border-radius:24px;border:1px solid #f1f5f9;margin-top:32px}.policy-table{width:100%;border-collapse:collapse;text-align:left}.policy-table th{padding:20px 24px;font-size:.65rem;font-weight:800;color:var(--text-label);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #f8fafc}.policy-table td{padding:24px;font-size:.9rem;color:var(--text-light);border-bottom:1px solid #f8fafc}.policy-table tr:last-child td{border-bottom:none}.policy-table td:first-child{font-weight:600;color:var(--text-dark)}.email-link{color:var(--primary);text-decoration:none;font-weight:600;border-bottom:2px solid var(--primary-glow);transition:all .3s ease}.email-link:hover{border-color:var(--primary)}@media(max-width:768px){.privacy-header h1{font-size:2.5rem}.summary-grid{grid-template-columns:1fr}.summary-container{padding:32px}.data-item{flex-direction:column;gap:16px}}.terms-page{max-width:900px;margin:0 auto;padding:120px 24px 80px;animation:fadeIn .8s ease-out}.terms-header{margin-bottom:60px}.terms-header h1{font-size:3.5rem;font-weight:700;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:12px}.highlights-container{background:#f8faff;border-radius:32px;padding:40px;margin-bottom:80px;border:1px solid rgba(79,70,229,.05)}.highlights-label{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.highlight-card h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.highlight-card p{font-size:.85rem;line-height:1.6;color:var(--text-light)}.terms-sections{display:flex;flex-direction:column;gap:64px}.terms-section h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:24px}.terms-section p{font-size:1rem;line-height:1.8;color:var(--text-light);margin-bottom:20px}.prohibited-list{display:flex;flex-direction:column;gap:16px;margin-top:24px;list-style:none;padding:0}@media(max-width:768px){.terms-header h1{font-size:2.5rem}.highlights-grid{grid-template-columns:1fr}.highlights-container{padding:32px}}.cookie-page{max-width:900px;margin:0 auto;padding:120px 24px 80px;animation:fadeIn .8s ease-out}.back-link{display:flex;align-items:center;gap:8px;color:var(--text-light);text-decoration:none;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px;transition:all .3s ease}.back-link:hover{color:var(--primary);transform:translate(-4px)}.cookie-header{margin-bottom:60px}.cookie-header h1{font-size:3.5rem;font-weight:700;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:12px}.last-updated{font-size:.75rem;color:var(--text-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.overview-container{background:#f8faff;border-radius:32px;padding:40px;margin-bottom:80px;border:1px solid rgba(79,70,229,.05)}.overview-label{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.overview-card h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.overview-card p{font-size:.85rem;line-height:1.6;color:var(--text-light)}.cookie-sections{display:flex;flex-direction:column;gap:64px}.cookie-section h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:24px}.cookie-section h3{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:32px 0 16px;display:flex;align-items:center;gap:12px}.cookie-section p{font-size:1rem;line-height:1.8;color:var(--text-light);margin-bottom:20px}.badge-important{font-size:.6rem;font-weight:800;background:#fef2f2;color:#ef4444;padding:2px 8px;border-radius:4px;letter-spacing:.05em;text-transform:uppercase}.table-container{width:100%;overflow-x:auto;background:var(--white);border-radius:24px;border:1px solid #f1f5f9;margin:24px 0 40px}.cookie-table{width:100%;border-collapse:collapse;text-align:left}.cookie-table th{padding:20px 24px;font-size:.65rem;font-weight:800;color:var(--text-label);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #f8fafc}.cookie-table td{padding:24px;font-size:.9rem;color:var(--text-light);border-bottom:1px solid #f8fafc}.cookie-table tr:last-child td{border-bottom:none}.cookie-table td:first-child{font-weight:600;color:var(--text-dark)}.prohibited-list{display:flex;flex-direction:column;gap:16px;margin:16px 0 24px;list-style:none;padding:0}.prohibited-list li{display:flex;gap:12px;font-size:.95rem;color:var(--text-light);line-height:1.6}.prohibited-list li:before{content:"•";color:var(--primary);font-weight:700;font-size:1.2rem}.note-box{background:#f8fafc;border-radius:16px;padding:24px;margin-top:32px;border:1px solid #f1f5f9}.note-box p{font-size:.85rem;line-height:1.6;color:var(--text-light);margin-bottom:0;font-style:italic}@media(max-width:768px){.cookie-header h1{font-size:2.5rem}.overview-grid{grid-template-columns:1fr}.overview-container{padding:32px}}.history-page{max-width:1100px;margin:0 auto;padding:60px 40px;font-family:Inter,system-ui,-apple-system,sans-serif}.history-kicker{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.history-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.category-badge{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.category-badge.static{background:#f1f5f9;color:#475569}.category-badge.static.tracked{background:#fef3c7;color:#92400e}.category-badge.dynamic{background:#e0e7ff;color:#3730a3}.history-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;flex-wrap:wrap;gap:20px}.history-title-row h1{font-size:42px;font-weight:300;color:#0f172a;margin:0}.history-description{font-size:15px;color:#475569;margin-top:12px;max-width:600px;line-height:1.6}.history-toolbar{display:flex;align-items:center;gap:16px}.search-wrapper{position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b}.search-input{padding:12px 16px 12px 44px;border-radius:12px;border:1px solid #E2E8F0;background:#f8fafc;font-size:14px;width:240px;transition:all .2s}.search-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f10d}.filter-dropdown{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;white-space:nowrap}.filter-dropdown:hover,.filter-dropdown.active{border-color:#cbd5e1;background:#f8fafc}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:6px;min-width:160px;z-index:50;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:13px;font-weight:500;color:#475569;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#f1f5f9;color:#0f172a}.dropdown-item.active{background:#eef2ff;color:#6366f1;font-weight:600}.history-list{display:flex;flex-direction:column;gap:24px}.history-row-card{display:flex;align-items:center;padding:24px;background:#fff;border-radius:20px;border:1px solid #E2E8F0;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;transition:transform .2s,box-shadow .2s}.history-row-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.history-card-preview{width:80px;height:80px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #CBD5E1;margin-right:24px;flex-shrink:0}.preview-placeholder{display:none}.qr-thumbnail-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.qr-thumbnail-wrapper canvas{max-width:100%;max-height:100%;border-radius:8px}.history-card-top{display:flex;align-items:center;flex:1;min-width:0}.history-card-main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between}.history-card-title-group{flex:1;min-width:0}.type-tag{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.type-tag.url{background:#6366f11a;color:#6366f1}.type-tag.wi-fi{background:#22c55e1a;color:#22c55e}.type-tag.vcard{background:#f59e0b1a;color:#f59e0b}.type-tag.sms{background:#ec48991a;color:#ec4899}.history-card-title{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 4px}.history-card-subtitle{font-size:14px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-meta{margin:0 40px;text-align:left;min-width:140px;flex-shrink:0}.meta-label{display:block;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:4px}.meta-value{font-size:14px;font-weight:600;color:#475569}.history-card-actions{display:flex;align-items:center;gap:16px}.btn-download-row{background:#0f172a;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-download-row:hover{background:#1e293b;transform:translateY(-1px)}.history-footer{display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid #F1F5F9}.generation-count{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase}.pagination{display:flex;align-items:center;gap:8px}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s}.page-btn.active{background:#0f172a;color:#fff}.page-btn.nav{color:#94a3b8}.page-btn:hover:not(.active){background:#f1f5f9}.page-ellipsis{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#94a3b8;-webkit-user-select:none;user-select:none}@media(max-width:768px){.history-page{padding:40px 1.25rem 100px;background:#f8fafc}.history-title-row{flex-direction:column;align-items:flex-start;margin-bottom:24px;gap:0}.title-left{margin-bottom:0}.title-left h1{font-size:28px;font-weight:700;letter-spacing:-.5px;color:#0f172a}.history-description{font-size:14px;color:#64748b;margin-top:8px}.title-right,.mobile-user-avatar{display:none}.avatar-circle{width:40px;height:40px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f172a}.history-toolbar{width:100%;margin-top:20px;display:flex;flex-direction:row;gap:12px;align-items:center}.search-wrapper{flex:1}.search-input{width:100%;height:44px;background:#fff;padding-left:40px;font-size:14px}.filter-dropdown{flex:0 0 auto;height:44px;padding:0 12px;font-size:11px;white-space:nowrap}.history-list{gap:16px}.history-row-card{flex-direction:column;padding:16px;align-items:stretch;gap:16px;border-radius:16px}.history-card-top{display:flex;gap:16px;align-items:center}.history-card-preview{margin-right:0;width:65px;height:65px;border-radius:10px;padding:5px}.history-card-main{display:flex;flex-direction:column;flex:1;min-width:0}.history-card-title-group{min-width:0;max-width:100%;overflow:hidden}.history-card-header{margin-bottom:4px;flex-wrap:wrap;gap:6px}.type-tag{font-size:10px;padding:3px 8px}.category-badge{font-size:9px;padding:3px 8px}.history-card-title{font-size:15px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.history-card-subtitle{font-size:11px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;word-break:break-all}.history-card-meta{margin:0;display:flex;flex-direction:row;gap:6px;align-items:center}.meta-label{font-size:9px;margin-bottom:0}.meta-value{font-size:11px}.history-card-actions{border-top:1px solid #F1F5F9;padding-top:12px;margin-top:4px;width:100%;justify-content:space-between}.icon-action-btn{padding:8px}.btn-download-row{height:38px;padding:0 16px;font-size:11px;border-radius:12px;margin-left:auto;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-download-row:hover{background:linear-gradient(135deg,#5558e3,#7c4de8)}.history-footer{flex-direction:column;gap:20px;text-align:center;border-top:none;padding-top:0;margin-top:40px}.pagination{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:center;gap:8px;padding-bottom:4px}.page-btn{flex-shrink:0;width:44px;height:44px;border-radius:8px;background:#fff;border:1px solid #F1F5F9;font-size:13px}.page-btn.active{background:#18181b;color:#fff}}@media(min-width:769px){.mobile-user-avatar{display:none}.history-title-row{flex-wrap:nowrap;align-items:flex-end}}.mobile-history-header{display:none}@media(max-width:900px){.mobile-history-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #F1F5F9;position:sticky;top:0;z-index:100;margin:-40px -1.25rem 20px}.mobile-menu-btn{background:none;border:none;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a}.mobile-header-logo{flex:1;display:flex;justify-content:center}.qr-icon-mobile{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.mobile-header-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.mobile-header-avatar img{width:100%;height:100%;object-fit:cover}.hide-on-desktop{display:flex!important}.hide-on-mobile{display:none!important}}@media(min-width:901px){.hide-on-desktop{display:none!important}.hide-on-mobile{display:flex!important}}.history-fab{position:fixed;bottom:90px;right:20px;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px #6366f166;cursor:pointer;transition:transform .2s,box-shadow .2s;z-index:50}.history-fab:hover{transform:scale(1.1);box-shadow:0 15px 30px #6366f180}.history-fab:active{transform:scale(.95)}@media(min-width:901px){.history-fab{display:none}}.share-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.share-modal-content{background:#fff;width:100%;max-width:440px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F1F5F9}.share-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.close-btn{background:#f8fafc;border:none;color:#64748b;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#1e293b}.share-modal-body{padding:1.5rem}.share-subtitle{color:#64748b;font-size:.875rem;margin-bottom:2rem}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.social-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:#475569;font-size:.75rem;font-weight:600;transition:all .2s}.social-icon-wrapper{width:60px;height:60px;background:#f8fafc;border-radius:18px;display:grid;place-items:center;color:#475569;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid #F1F5F9}.social-item:hover .social-icon-wrapper{background:var(--hover-color);color:#fff;transform:translateY(-4px);border-color:var(--hover-color);box-shadow:0 10px 15px -3px #0000001a}.social-item:hover span{color:var(--navy-dark)}.copy-link-section{display:flex;flex-direction:column;gap:.75rem}.copy-link-section label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.copy-input-wrapper{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:6px;display:flex;align-items:center;gap:.5rem}.copy-input-wrapper input{flex:1;background:transparent;border:none;font-size:.875rem;color:#475569;padding:0 .75rem;outline:none;width:0}.share-actions-row{display:flex;gap:.5rem}.copy-action-btn{background:#1e293b;color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-action-btn:hover{background:#0f172a}.copy-action-btn.copied{background:#10b981}.share-image-btn{background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.share-image-btn:hover{background:#4f46e5}.share-image-btn:disabled{opacity:.6;cursor:not-allowed}.share-loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:share-spin .6s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.share-modal-content{max-width:none;margin:1rem}.social-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.social-icon-wrapper{width:50px;height:50px}}.download-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInOverlay .3s ease-out}.download-modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:scaleInModal .3s cubic-bezier(.34,1.56,.64,1)}.download-modal-header{padding:32px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.header-title-box{display:flex;gap:16px}.download-icon-circle{width:44px;height:44px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1}.download-modal-header h2{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px}.download-modal-header p{font-size:13px;color:#64748b;margin:0}.close-modal-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.close-modal-btn:hover{background:#f1f5f9;color:#0f172a}.formats-grid{padding:24px;display:flex;flex-direction:column;gap:12px}.format-card{display:flex;align-items:center;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s;position:relative;width:100%;text-align:left;font-family:inherit}.format-card:hover{border-color:#6366f1;background:#f8faff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.format-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.format-info{flex:1}.format-info h3{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 2px}.format-info p{font-size:12px;color:#64748b;margin:0}.format-action-indicator{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.format-card:hover .format-action-indicator{background:#6366f1;color:#fff}.download-modal-footer{padding:20px 32px;background:#f8fafc;text-align:center;border-top:1px solid #f1f5f9}.download-modal-footer p{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.download-modal-content{max-width:calc(100% - 32px)}}.delete-modal{background:#fff;padding:32px;border-radius:24px;width:90%;max-width:440px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.delete-modal-header{margin-bottom:16px}.delete-modal-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px}.delete-icon-wrapper{width:40px;height:40px;border-radius:12px;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center}.delete-modal-body{margin-bottom:32px}.delete-modal-message{font-size:15px;line-height:1.6;color:#64748b;margin:0}.delete-modal-message strong{color:#0f172a;font-weight:600}.delete-modal-footer{display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-delete{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-delete{background:#dc2626;color:#fff;box-shadow:0 4px 6px -1px #dc262633}.btn-delete:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 10px 15px -3px #dc26264d}.analytics-page{padding:60px 40px;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,sans-serif;color:#0f172a}.analytics-nav{margin-bottom:24px}.back-link-btn{background:none;border:none;color:#475569;font-size:11px;font-weight:600;letter-spacing:.05em;display:flex;align-items:center;gap:8px;cursor:pointer;padding:0;transition:color .2s}.back-link-btn:hover,.back-link-btn strong{color:#0f172a}.analytics-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.campaign-branding{display:flex;align-items:center;gap:16px}.campaign-logo-box{width:120px;height:120px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;padding:8px}.campaign-logo-box canvas{max-width:100%;max-height:100%;display:block}.campaign-title-badges{display:flex;align-items:center;gap:12px;margin-bottom:4px}.campaign-title-badges h1{font-size:24px;font-weight:700;margin:0}.live-status-badge{background:#dcfce7;color:#15803d;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;display:flex;align-items:center;gap:4px}.live-status-badge:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%}.campaign-link{display:flex;align-items:center;gap:8px;color:#475569;font-size:13px}.copy-link-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px}.top-bar-actions{display:flex;gap:12px}.top-bar-actions button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit-design,.btn-download-qr{background:#fff;border:1px solid #E2E8F0;color:#475569}.btn-edit-design:hover,.btn-download-qr:hover{background:#f8fafc;border-color:#cbd5e1}.btn-export-report{background:#0f172a;border:none;color:#fff;box-shadow:0 10px 15px -3px #0f172a1a}.btn-export-report:hover{background:#1e293b}.btn-sync-data{background:#eff6ff;border:1px solid #DBEAFE;color:#2563eb!important}.btn-sync-data:hover:not(:disabled){background:#dbeafe;border-color:#bfdbfe}.btn-sync-data.spinning svg{animation:spin 1s linear infinite}.metrics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.summary-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 6px -1px #00000005}.card-lbl{display:block;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:12px}.card-val-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.card-val{font-size:28px;font-weight:700}.card-trend{font-size:12px;font-weight:600;padding:2px 6px;border-radius:6px}.card-trend.up{color:#22c55e;background:#f0fdf4}.card-perc{font-size:14px;font-weight:600;color:#6366f1}.card-sub{font-size:11px;color:#94a3b8}.main-performance-card{background:#fff;padding:32px;border-radius:24px;box-shadow:0 4px 6px -1px #00000005;margin-bottom:32px}.perf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.perf-header h2{font-size:20px;font-weight:700;margin:0}.perf-filters{display:flex;gap:24px}.toggle-pill{background:#f1f5f9;padding:4px;border-radius:10px;display:flex}.toggle-pill button{padding:6px 12px;border:none;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;background:transparent;color:#64748b}.toggle-pill button.active{background:#0f172a;color:#fff}.time-pills{display:flex;gap:8px}.time-pills button{background:none;border:none;font-size:11px;font-weight:700;color:#94a3b8;cursor:pointer;padding:6px 4px}.time-pills button.active{color:#0f172a;border-bottom:2px solid #6366F1}.perf-chart-area{position:relative;margin-bottom:24px;height:300px;min-height:300px;width:100%}.perf-insight-badge{position:absolute;bottom:60px;right:40px;background:#fff;padding:10px 16px;border-radius:100px;box-shadow:0 10px 15px -3px #0000001a;font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px;border:1px solid #F1F5F9}.perf-footer{border-top:1px solid #F1F5F9;padding-top:16px;color:#64748b;font-size:12px;line-height:1.5}.deep-dive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.dive-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 6px -1px #00000005}.dive-card h3{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.1em;margin-top:0;margin-bottom:20px;display:flex;align-items:center;gap:8px}.loc-visual{height:140px;background:#f8fafc;border-radius:12px;margin-bottom:20px;position:relative;overflow:hidden}.visual-map{width:100%;height:100%;position:relative}.map-glow{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle,#6366f10d,#fff0 70%)}.m-dot{position:absolute;width:8px;height:8px;background:#cbd5e1;border-radius:50%}.m-dot.active{background:#6366f1;box-shadow:0 0 12px #6366f199}.loc-stats-list{display:flex;flex-direction:column;gap:12px}.loc-row{display:flex;justify-content:space-between;align-items:center}.ln{font-size:13px;font-weight:500;color:#475569}.ls{display:flex;gap:12px}.lc{font-size:13px;font-weight:700}.lp{font-size:11px;color:#94a3b8}.tech-donut-wrapper{position:relative;height:200px;display:flex;align-items:center;justify-content:center}.donut-info{position:absolute;display:flex;flex-direction:column;align-items:center}.dv{font-size:24px;font-weight:700}.dl{font-size:9px;font-weight:700;color:#94a3b8}.tech-legend-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.t-leg{font-size:12px;color:#64748b;display:flex;align-items:center;gap:8px}.t-dot{width:8px;height:8px;border-radius:50%}.browser-bars{display:flex;flex-direction:column;gap:16px}.b-row span:last-child{font-weight:700}.b-txt{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.b-bar-track{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.b-bar-fill{height:100%;border-radius:2px}.b-note{font-size:10px;color:#cbd5e1;margin-top:20px}.activity-log-section{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #00000005;margin-bottom:48px;overflow:hidden}.log-header{padding:32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F1F5F9}.log-title h2{font-size:20px;font-weight:700;margin:0 0 4px}.log-title span{font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:.1em}.log-tools{display:flex;gap:12px}.log-search{background:#f8fafc;padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid #F1F5F9}.log-search input{background:none;border:none;font-size:13px;color:#0f172a;width:200px}.log-filter-btn{width:40px;height:40px;background:#f8fafc;border:1px solid #F1F5F9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.log-table{width:100%;border-collapse:collapse}.log-table th{text-align:left;padding:16px 32px;font-size:10px;font-weight:700;color:#64748b;letter-spacing:.05em;background:#fbfdfe}.log-table td{padding:20px 32px;font-size:13px;border-bottom:1px solid #F1F5F9}.sid-cell{display:flex;align-items:center;gap:10px;font-weight:700;color:#0f172a}.sid-icon{width:24px;height:24px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.loc-cell{color:#475569;font-weight:500}.flag-icon{margin-right:4px}.dev-cell{color:#475569;display:flex;align-items:center;gap:6px}.time-cell{color:#94a3b8;text-transform:uppercase;font-weight:600;font-size:11px}.sec-badge{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700}.sec-badge.ok{background:#f0fdf4;color:#22c55e}.sec-badge.warn{background:#fffbeb;color:#f59e0b}.log-footer{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:11px;font-weight:700}.log-pagination{display:flex;gap:8px}.p-btn{padding:8px 16px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:11px;font-weight:700;color:#475569;cursor:pointer}.p-btn:disabled{opacity:.5;cursor:not-allowed}.analytics-footer{padding-bottom:40px;display:flex;justify-content:space-between;color:#94a3b8;font-size:11px;font-weight:600}.footer-right{display:flex;gap:24px}.footer-right a{color:#94a3b8;text-decoration:none}.footer-right a:hover{color:#475569}.batch-size-badge{background:#eef2ff;color:#6366f1;font-size:.65rem;font-weight:800;padding:.25rem .6rem;border-radius:999px;letter-spacing:.05em;border:1px solid #E0E7FF}@media(max-width:768px){.analytics-page{padding:24px 16px}.analytics-top-bar{flex-direction:column;align-items:flex-start;gap:16px}.top-bar-actions{width:100%;flex-wrap:wrap}.metrics-summary{grid-template-columns:repeat(2,1fr);gap:12px}.deep-dive-grid{grid-template-columns:1fr}.log-footer{flex-direction:column;gap:16px;align-items:flex-start}.log-pagination{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;width:100%;padding-bottom:4px}.log-pagination .p-btn{flex-shrink:0}}.campaign-studio-container{max-width:1400px;margin:0 auto;padding:30px 40px;font-family:Inter,sans-serif;color:#0f172a;animation:slideUpFade .6s ease-out}.studio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.header-left .title-row{display:flex;align-items:center;gap:1.25rem}.header-left h1{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;color:#0f172a;margin:0}.header-left .subtitle{font-size:.95rem;color:#475569;text-transform:none;letter-spacing:normal;margin-top:.25rem}.autosave-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;font-size:.7rem;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.05em;height:fit-content;animation:pulse 2.5s infinite ease-in-out}.dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98166}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.97)}}.stepper-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.step-item{display:flex;align-items:center;gap:.75rem;position:relative}.step-number{width:32px;height:32px;border-radius:50%;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#94a3b8;background:#fff}.step-item.active .step-number{background:#0f172a;border-color:#0f172a;color:#fff}.step-label{font-size:.95rem;font-weight:500;color:#64748b}.step-item.active .step-label{color:#0f172a;font-weight:600}.step-connector{flex:1;height:1px;background:#e2e8f0;min-width:100px}.studio-sections{display:flex;flex-direction:column;gap:2rem}.studio-section{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:flex-start}.studio-section.full-width-section{grid-template-columns:1fr;gap:1.5rem;width:100%;margin:0 auto}.studio-section.full-width-section .section-info{text-align:center;margin-bottom:.5rem}.studio-section.full-width-section .section-info h2{font-size:1.5rem}.section-info h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.section-info p{font-size:.9rem;color:#64748b;line-height:1.5}.section-content{background:#fff;border-radius:20px;padding:2.5rem;border:1px solid #E2E8F0;box-shadow:0 4px 20px -5px #00000008;max-height:70vh;overflow-y:auto}.section-content::-webkit-scrollbar{width:6px}.section-content::-webkit-scrollbar-track{background:transparent}.section-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.premium-input,.premium-textarea{width:100%;padding:1rem 1.25rem;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#0f172a;background:#fff;transition:all .2s}.premium-input:focus,.premium-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.premium-textarea{resize:vertical;min-height:120px}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:1px solid #e2e8f0;border-radius:12px;min-height:56px;align-items:center}.tag-chip{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:500;color:#475569}.tag-remove{background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;display:flex}.tag-input{border:none;outline:none;font-size:.9rem;padding:.5rem;flex:1;min-width:120px}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.goal-card{border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .2s;background:#fff;display:flex;flex-direction:column;gap:1rem}.goal-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.goal-card.selected{border-color:#0f172a;box-shadow:0 0 0 1px #0f172a}.goal-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.goal-card h3{font-size:1rem;font-weight:600}.goal-card p{font-size:.8rem;color:#64748b;line-height:1.4}.brand-intel-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer}.intel-left{display:flex;align-items:center;gap:1.25rem}.intel-info h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.intel-info p{font-size:.8rem;color:#64748b}.integration-tabs{display:flex;border-bottom:1px solid #e2e8f0;position:sticky;top:-2.5rem;background:#fff;z-index:20;padding-top:1.5rem;margin:-2.5rem -2.5rem 2rem;padding-left:2.5rem}.integration-tab{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:none;border:none;position:relative;cursor:pointer}.integration-tab.active{color:#0f172a}.integration-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0f172a}.qr-assets-list{display:flex;flex-direction:column;gap:1rem}.qr-asset-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer}.qr-asset-item.selected{border-color:#0f172a;background:#f8fafc}.asset-left{display:flex;align-items:center;gap:1rem}.asset-icon{width:44px;height:44px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b}.asset-details h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.status-badge{font-size:.6rem;font-weight:700;padding:.15rem .5rem;background:#ecfdf5;color:#059669;border-radius:4px;text-transform:uppercase}.asset-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.select-dot{width:20px;height:20px;border-radius:50%;border:2px solid #e2e8f0;position:relative}.qr-asset-item.selected .select-dot{border-color:#0f172a}.qr-asset-item.selected .select-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#0f172a;border-radius:50%}.load-more{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:1px dashed #e2e8f0;border-radius:16px;margin-top:1rem;color:#94a3b8;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:none;width:100%;cursor:pointer}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 0;margin-top:1rem;border-top:1px solid #f1f5f9}.pagination-btn{padding:.5rem 1.25rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#0f172a;background:#f8fafc}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.pagination-info{font-size:.875rem;font-weight:500;color:#64748b}.launch-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.launch-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#1e293b;color:#fff;border:none;border-radius:999px;font-weight:700;font-size:1rem;box-shadow:0 10px 25px -5px #0f172a66;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.025em}.launch-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 15px 30px -10px #0f172a80}.launch-btn:active{transform:translateY(0)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.studio-section{grid-template-columns:1fr;gap:1.5rem}}.loading-assets,.no-assets-state{padding:3rem;text-align:center;background:#f8fafc;border:1px dashed #E2E8F0;border-radius:16px;color:#64748b;font-size:.9rem;font-weight:500}.loading-assets{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-assets:before{content:"";width:24px;height:24px;border:3px solid #f1f5f9;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.new-batch-form{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease-out}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.count-selector{display:flex;gap:.5rem;align-items:center}.count-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.count-btn:hover{border-color:#cbd5e1;background:#f8fafc}.count-btn.active{background:#0f172a;border-color:#0f172a;color:#fff}.count-input{width:80px;padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;outline:none;font-size:.85rem;font-weight:600}.type-selector-new{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.type-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.type-option:hover{border-color:#cbd5e1;background:#f8fafc}.type-option.active{border-color:#4f46e5;background:#f5f3ff}.type-radio{width:20px;height:20px;border-radius:50%;border:2px solid #e2e8f0;position:relative}.type-option.active .type-radio{border-color:#4f46e5}.type-option.active .type-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#4f46e5;border-radius:50%}.type-info-mini{display:flex;flex-direction:column}.type-info-mini span{font-size:.95rem;font-weight:600;color:#1e293b}.type-info-mini small{font-size:.75rem;color:#64748b}.goal-config-area{margin-top:1rem;padding:1.5rem;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:16px;margin-bottom:2rem}.animate-fade-in{animation:fadeIn .4s ease-out}.active-tag{font-size:.6rem;background:#dcfce7;color:#10b981;padding:.2rem .5rem;border-radius:999px;margin-left:.5rem;font-weight:800}.brand-intel-card{transition:all .3s ease;cursor:pointer;border:1px solid #F1F5F9}.brand-intel-card.active{border-color:#10b981;background:#f0fdf4}.toggle-switch{width:44px;height:24px;background:#e2e8f0;border-radius:999px;position:relative;transition:all .3s ease}.brand-intel-card.active .toggle-switch{background:#10b981}.switch-knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0000001a}.switch-knob.on{left:23px}.checkbox-container{display:flex;align-items:center;gap:1rem;font-size:.9rem;font-weight:600;color:#1e293b;cursor:pointer}.checkbox-container input{display:none}.checkmark{width:20px;height:20px;border:2px solid #e2e8f0;border-radius:6px;position:relative;transition:all .2s}.checkbox-container input:checked~.checkmark{background:#4f46e5;border-color:#4f46e5}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.batch-wizard-flow{display:flex;flex-direction:column;gap:1.5rem}.batch-step-card{background:#fff;border:1px solid #f1f5f9;padding:2.5rem;border-radius:24px;box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000008;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.batch-step-card.disabled{opacity:.5;pointer-events:none;filter:grayscale(1);display:none}.batch-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.batch-actions .wizard-btn{min-width:120px;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .2s}.batch-actions .wizard-btn.next{background:#0f172a;color:#fff}.batch-actions .wizard-btn.back{background:transparent;border:1px solid #e2e8f0;color:#64748b}.batch-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.step-badge{background:#eef2ff;color:#6366f1;font-size:.6rem;font-weight:800;padding:.2rem .6rem;border-radius:999px;letter-spacing:.05em}.batch-step-header h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.field-helper{font-size:.8rem;color:#64748b;margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.field-helper.warning{color:#f43f5e;font-weight:600}.type-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.type-card-large{border:2px solid #f1f5f9;border-radius:20px;padding:1.75rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:1rem}.type-card-large:hover{border-color:#e2e8f0;background:#f8fafc;transform:translateY(-4px)}.type-card-large.active{border-color:#6366f1;background:#f5f7ff}.type-card-tag{position:absolute;top:1rem;right:1rem;background:#10b981;color:#fff;font-size:.55rem;font-weight:800;padding:.2rem .5rem;border-radius:4px}.type-card-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1;box-shadow:0 4px 12px #6366f11a}.static-type .type-card-icon{color:#94a3b8}.type-card-info h4{font-size:1rem;font-weight:700;margin-bottom:.25rem}.type-subtitle{display:block;font-size:.75rem;font-weight:600;color:#6366f1;margin-bottom:.5rem}.type-card-info p{font-size:.8rem;color:#64748b;line-height:1.4;margin:0}.type-selection-indicator{position:absolute;bottom:1.25rem;right:1.25rem;color:#6366f1;opacity:0;transition:opacity .2s}.type-card-large.active .type-selection-indicator{opacity:1}.quantity-selector-box{display:flex;gap:1rem;align-items:center}.presets-list{display:flex;gap:.5rem}.count-chip{padding:.6rem 1.2rem;border-radius:12px;border:1px solid #E2E8F0;background:#fff;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.count-chip:hover{border-color:#cbd5e1;background:#f8fafc}.count-chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.custom-count-input input{width:100px;padding:.6rem 1rem;border:1px solid #E2E8F0;border-radius:12px;outline:none;font-weight:700;text-align:center}.label-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.url-mode-toggle{display:flex;background:#f1f5f9;padding:.25rem;border-radius:10px;gap:.25rem}.url-mode-toggle button{padding:.4rem .8rem;border-radius:8px;border:none;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;background:transparent;color:#64748b}.csv-upload-lite{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#f8fafc;border:1px dashed #E2E8F0;border-radius:12px;font-size:.8rem;font-weight:600;color:#6366f1;cursor:pointer;margin-bottom:1rem;transition:all .2s}.csv-upload-lite:hover{background:#f1f5f9}.csv-upload-lite.dragging{border-color:#6366f1;background:#eef2ff;transform:scale(1.02)}.label-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.label-with-toggle label{margin-bottom:0!important}.url-mode-toggle{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:8px}.url-mode-toggle button{padding:.35rem .75rem;border:none;background:transparent;color:#64748b;font-size:.75rem;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s}.url-mode-toggle button.active{background:#fff;color:#0f172a;box-shadow:0 2px 4px #0000000d}.individual-urls-container{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.url-input-row{display:flex;align-items:center;gap:1rem}.qr-index{min-width:32px;height:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#64748b}.premium-input.mini{padding:.6rem 1rem;font-size:.85rem}.url-limit-note{font-size:.75rem;color:#94a3b8;font-weight:500;margin-top:.5rem;font-style:italic}.individual-urls-container::-webkit-scrollbar{width:6px}.individual-urls-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.individual-urls-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sample-csv-link{margin-left:.75rem;font-size:.7rem;color:#6366f1;text-decoration:underline;cursor:pointer;font-weight:500;transition:opacity .2s}.sample-csv-link:hover{opacity:.8}.date-range-group{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.date-range-inputs{display:flex;align-items:flex-start;gap:1rem}.date-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.date-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.date-input{padding:.875rem 1rem;font-size:.95rem;cursor:pointer}.date-separator{font-size:1.25rem;color:#cbd5e1;margin-top:2.25rem}.input-with-end-icon{position:relative;width:100%}.premium-input.with-icon{padding-right:3rem}.end-icon-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.end-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-radius:6px}.wizard-actions{display:flex;align-items:center;gap:1rem}.wizard-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 4px 6px -1px #0000000d}.wizard-btn:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.wizard-btn.next{background:#0f172a;color:#fff;border-color:#0f172a}.wizard-btn.next:hover{background:#1e293b;box-shadow:0 10px 25px -5px #0f172a4d}.header-right{display:flex;align-items:center;gap:1.25rem}.secondary-exit-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;background:#fff;color:#0f172a;border:1.5px solid #0f172a;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.secondary-exit-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.secondary-exit-btn:active{transform:translateY(0)}.secondary-exit-btn svg{color:#0f172a;transition:color .2s}.secondary-exit-btn:hover svg{color:#fff}.date-input-preview-studio{font-size:.75rem;color:#6366f1;margin-top:6px;font-weight:500;font-style:italic;animation:fadeIn .3s ease-out}.studio-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.studio-modal-content.exit-modal{background:#fff;width:100%;max-width:420px;padding:2.5rem;border-radius:24px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-icon.warning{width:64px;height:64px;background:#fffbeb;color:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.exit-modal h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.exit-modal p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.modal-actions-vertical{display:flex;flex-direction:column;gap:.75rem}.modal-btn-primary{padding:.875rem;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.modal-btn-primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #4f46e533}.modal-btn-secondary{padding:.875rem;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.modal-btn-secondary:hover{background:#f1f5f9;color:#ef4444;border-color:#fecaca}.modal-btn-ghost{padding:.875rem;background:transparent;color:#64748b;border:none;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s}.modal-btn-ghost:hover{background:#f1f5f9;color:#1e293b}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.campaign-listing-container{padding:60px 40px;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}.listing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.listing-header h1{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;letter-spacing:-.025em}.listing-header p{color:#475569;font-size:.95rem}.btn-create-new{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;background:#0f172a;color:#fff;border:none;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-create-new:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.listing-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.listing-stat-card{background:#fff;padding:1.5rem;border-radius:24px;border:1px solid #E2E8F0;box-shadow:0 4px 20px -5px #00000008;transition:all .3s ease}.listing-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #0000000d}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.stat-badge{padding:.25rem .6rem;background:#dcfce7;color:#10b981;border-radius:999px;font-size:.75rem;font-weight:700}.stat-subtext-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:#64748b;background:#f8fafc;padding:.25rem .6rem;border-radius:999px}.stat-main{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:#0f172a;letter-spacing:-.025em}.stat-label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.listing-filter-bar{background:#fff;border:1px solid #F1F5F9;border-radius:20px;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:0 4px 15px -5px #00000005}.search-wrapper{position:relative;flex:1;max-width:400px;padding-right:1.5rem;border-right:1px solid #F1F5F9}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-wrapper input{border:none;outline:none;width:100%;padding:.5rem .5rem .5rem 2.25rem;font-size:.9rem;font-family:Inter,sans-serif;color:#0f172a;background:transparent}.search-wrapper input::placeholder{color:#94a3b8}.campaign-listing-container .filter-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;padding-left:1.5rem;align-items:center}.filter-select{display:flex;align-items:center;gap:1rem;flex-shrink:0;white-space:nowrap}.filter-select span{font-size:.65rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.select-trigger{background:#f8fafc;border:1px solid #E2E8F0;padding:.5rem .85rem;border-radius:12px;font-size:.85rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.select-trigger:hover{border-color:#cbd5e1;background:#f1f5f9}.cal-icon{color:#94a3b8}.listing-table-wrapper{background:#fff;border:1px solid #F1F5F9;border-radius:24px;overflow:hidden;box-shadow:0 4px 25px -5px #00000008}.listing-table{width:100%;border-collapse:collapse}.listing-table th{text-align:left;padding:1.25rem 2rem;background:#f8fafc;border-bottom:1px solid #F1F5F9;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.listing-table td{padding:1.5rem 2rem;border-bottom:1px solid #F1F5F9;font-size:.95rem;color:#1e293b}.listing-table tr:last-child td{border-bottom:none}.listing-table tr:hover td{background:#f8fafc}.campaign-info-cell{display:flex;flex-direction:column;gap:.25rem}.campaign-name{font-weight:600;color:#0f172a}.campaign-meta{font-size:.75rem;color:#94a3b8}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.025em}.status-pill .dot{width:6px;height:6px;border-radius:50%}.status-pill.live{background:#ecfdf5;color:#059669}.status-pill.live .dot{background:#10b981;box-shadow:0 0 8px #10b98180}.status-pill.draft{background:#f1f5f9;color:#64748b}.status-pill.draft .dot{background:#94a3b8}.status-pill.paused{background:#fff1f2;color:#e11d48}.status-pill.paused .dot{background:#f43f5e}.type-label{font-size:.85rem;color:#475569;font-weight:500}.scans-cell{display:flex;align-items:center;gap:1.5rem}.scan-count{font-weight:600;min-width:60px}.sparkline-mini{display:flex;align-items:flex-end;gap:2px;height:20px}.spark-bar{width:3px;background:#6366f1;border-radius:2px;opacity:.3}.spark-bar:nth-child(odd){background:#4f46e5;opacity:.8}.rate-label{font-weight:600;color:#0f172a}.action-link{background:none;border:none;padding:0;cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.action-link.analytics{color:#6366f1}.action-link.continue{color:#475569}.action-link:hover{gap:.75rem}.text-right{text-align:right}.action-cell-group{display:flex;justify-content:flex-end;align-items:center;gap:1.25rem}.delete-campaign-btn{background:none;border:none;color:#475569;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-campaign-btn:hover{color:#ef4444;background:#fef2f2}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:#fff}.showing-text{font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.pagination{display:flex;gap:.5rem}.p-btn{width:32px;height:32px;border-radius:8px;border:1px solid #F1F5F9;background:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.p-btn:hover{background:#f8fafc;border-color:#e2e8f0}.p-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.mobile-only,.hide-on-desktop{display:none}.hide-on-mobile{display:block}.mobile-campaign-header,.mobile-campaign-subtitle{display:none!important}@media(min-width:901px){.mobile-campaign-header,.mobile-campaign-subtitle,.hide-on-desktop{display:none!important}}@media(max-width:900px){.hide-on-desktop{display:flex!important}.hide-on-mobile{display:none!important}.mobile-campaign-header{display:flex!important;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #F1F5F9;position:sticky;top:0;z-index:100;margin:-24px -16px 20px}.mobile-menu-btn{background:none;border:none;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a}.mobile-campaign-header h1{flex:1;font-size:16px;font-weight:700;color:#0f172a;margin:0;text-align:center}.mobile-create-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.mobile-campaign-subtitle{display:block;font-size:14px;color:#64748b;margin:0 0 24px;padding:0 16px}.desktop-only{display:none}.mobile-only{display:block}.campaign-listing-container{padding:24px 16px 100px}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.listing-header h1{font-size:24px;margin-bottom:4px}.listing-header p{font-size:13px}.mobile-fab-add{width:48px;height:48px;background:#0f172a;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a33;cursor:pointer}.listing-stats-scroll-container{margin:0 -16px 24px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.listing-stats-grid{display:flex;width:max-content;gap:12px;padding-bottom:8px}.listing-stat-card{width:160px;padding:16px;border-radius:20px}.stat-header{margin-bottom:24px}.stat-value{font-size:24px}.listing-filter-bar{flex-direction:column;gap:12px;padding:16px;border-radius:16px;margin-bottom:24px}.search-wrapper{flex:1;width:100%;max-width:none;padding-right:0;border-right:none;padding-bottom:0}.search-wrapper input{width:100%;padding:12px 12px 12px 40px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;font-size:14px}.campaign-listing-container .filter-group{width:100%;padding-left:0;justify-content:space-between;gap:12px;flex-direction:row}.filter-select{flex:1;flex-direction:column;align-items:flex-start;gap:4px}.filter-select span{display:none}.select-trigger{width:100%;justify-content:space-between;font-size:13px;padding:14px 16px;border-radius:12px;display:flex;align-items:center;gap:8px}.cal-icon{color:#94a3b8;flex-shrink:0}.mobile-listing-cards{display:flex;flex-direction:column;gap:16px}.mobile-campaign-card{background:#fff;border:1px solid #F1F5F9;border-radius:24px;padding:20px;box-shadow:0 4px 15px #00000005}.card-title-group{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-title-group h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.card-meta{font-size:12px;color:#94a3b8;line-height:1.4;margin-bottom:20px;border-bottom:1px solid #F8FAFC;padding-bottom:16px}.card-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.card-stat{display:flex;flex-direction:column;gap:4px}.card-stat .stat-label{font-size:10px;color:#94a3b8;font-weight:700}.card-stat .stat-value{font-size:14px;font-weight:700;color:#1e293b}.card-actions{display:flex;gap:12px;align-items:center}.card-action-btn{flex:1;padding:12px;background:#eff6ff;color:#2563eb;border:none;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.card-delete-btn{width:44px;height:44px;background:#f1f5f9;color:#1e293b;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.card-delete-btn:hover,.card-delete-btn:active{background:#fef2f2;color:#ef4444;transform:scale(.95)}.table-footer{flex-direction:column;gap:16px;padding:24px 0}.pagination{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;width:100%;justify-content:center;gap:8px;padding-bottom:4px}.pagination .p-btn{flex-shrink:0;width:36px;height:36px;font-size:.8rem}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.campaign-detail-container{padding:60px 40px;max-width:1400px;margin:0 auto;background-color:#f8fafc;min-height:100vh;animation:fadeIn .5s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.header-nav{display:flex;gap:1.5rem;align-items:flex-start}.back-btn{padding:10px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.back-btn:hover{background:#f1f5f9;color:#1e293b;transform:translate(-2px)}.campaign-title-area h1{font-size:2rem;font-weight:800;color:#1e293b;margin:0;font-family:Outfit,sans-serif}.title-top{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.status-badge.live{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.status-badge.paused{background:#fffbeb;color:#92400e;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.title-meta{display:flex;align-items:center;gap:.75rem;color:#94a3b8;font-size:.875rem}.dot{opacity:.5}.created-at{display:flex;align-items:center;gap:4px}.header-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.action-btn.primary{background:#1e293b;color:#fff;border:none;box-shadow:0 10px 15px -3px #1e293b33}.action-btn.primary:hover{background:#0f172a;transform:translateY(-2px)}.action-btn.secondary{background:#fff;color:#f59e0b;border:1px solid #fde68a}.action-btn.secondary:hover{background:#fffbeb;transform:translateY(-2px)}.action-btn.secondary.resume{color:#10b981;border-color:#a7f3d0}.action-btn.secondary.resume:hover{background:#ecfdf5}.action-btn.secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:2.5rem}.kpi-card{background:#fff;padding:1.5rem;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #0000000d;transition:transform .3s}.kpi-card:hover{transform:translateY(-4px)}.kpi-label{display:block;font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.05em;margin-bottom:.75rem}.kpi-value{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.kpi-delta{font-size:.8125rem;font-weight:600}.kpi-delta.positive{color:#10b981}.kpi-delta.sub-info{color:#94a3b8}.split-rows{display:flex;flex-direction:column;gap:8px}.split-row{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;color:#64748b}.progress-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#10b981;border-radius:3px}.chart-section{background:#fff;border-radius:24px;padding:2rem;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000008;margin-bottom:2.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-title h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 4px}.chart-title p{font-size:.875rem;color:#94a3b8;margin:0}.chart-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:12px}.chart-toggle button{padding:6px 16px;border-radius:8px;border:none;background:transparent;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.chart-toggle button.active{background:#fff;color:#1e293b;box-shadow:0 4px 6px -1px #0000001a}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-box{flex:1;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;padding:0 16px;border-radius:14px;height:48px;color:#94a3b8;transition:all .2s}.search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.search-box input{border:none;background:transparent;width:100%;font-size:.95rem;color:#1e293b;outline:none}.filter-group{display:flex;background:#fff;padding:6px;border-radius:14px}.filter-btn{padding:8px 18px;border-radius:10px;border:none;background:transparent;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn.active{background:#f8fafc;color:#6366f1}.export-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:0 20px;height:48px;border-radius:14px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s}.export-btn:hover{background:#f1f5f9}.premium-table-container{background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.premium-table{width:100%;border-collapse:collapse}.premium-table th{text-align:left;padding:1.25rem 1.5rem;background:#f8fafc;font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.premium-table td{padding:1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-qr-preview{width:48px;height:48px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;overflow:hidden}.qr-mini-preview{display:flex;align-items:center;justify-content:center}.qr-mini-preview canvas,.qr-mini-preview svg{display:block}.asset-name{display:block;font-weight:700;color:#1e293b;font-size:1rem;margin-bottom:4px}.asset-ref{color:#94a3b8;font-size:.8125rem}.destination-cell{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.875rem;max-width:250px}.url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-icon{flex-shrink:0;opacity:.5}.type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:800}.scan-metrics{display:flex;flex-direction:column}.total-val{font-weight:700;color:#1e293b;font-size:.95rem}.unique-val{font-size:.8125rem;color:#94a3b8}.rate-val{font-weight:700;color:#1e293b}.status-pill{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700}.status-pill.live{background:#dcfce7;color:#166534}.status-pill.paused{background:#fffbeb;color:#92400e}.campaign-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.loader{width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.detail-header{flex-direction:column;gap:1.5rem}}.title-row{display:flex;align-items:center;gap:12px}.edit-name-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:1}.edit-name-btn:hover{background:#f1f5f9;color:#6366f1}.rename-input-wrapper{display:flex;align-items:center;gap:8px;background:#fff;padding:4px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.rename-input{border:none;font-size:1.5rem;font-weight:700;color:#1e293b;padding:4px 12px;outline:none;font-family:Outfit,sans-serif;width:300px;border-radius:8px}.rename-actions{display:flex;gap:4px}.rename-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.rename-btn.save{background:#dcfce7;color:#166534}.rename-btn.save:hover{background:#bbf7d0}.schedule-card{background:#fff;padding:1.5rem 2rem;border-radius:24px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000008;margin-bottom:2rem;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.schedule-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.schedule-card-title{display:flex;align-items:center;gap:12px}.schedule-icon{color:#6366f1}.schedule-card-title h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.edit-schedule-btn{padding:8px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-schedule-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.schedule-display{padding:1rem;background:#f8fafc;border-radius:16px;border:1px dashed #e2e8f0}.no-schedule{color:#94a3b8;font-size:.95rem;font-style:italic}.schedule-range{display:flex;align-items:center;gap:16px;font-size:1.1rem;font-weight:600;color:#334155}.schedule-dates{display:flex;align-items:center;gap:6px}.edit-date-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:1}.edit-date-btn:hover{background:#e2e8f0;color:#475569}.date-edit-section{display:flex;flex-direction:column;gap:20px}.date-edit-inputs{display:flex;align-items:flex-start;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:8px;flex:1;position:relative}.date-input-preview{font-size:.75rem;color:#6366f1;margin-top:6px;font-weight:500;font-style:italic;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-input-group label{font-size:.7rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.date-edit-input{height:48px;border:1px solid #e2e8f0;border-radius:12px;padding:0 16px;font-size:.95rem;color:#334155;background:#f8fafc;outline:none;font-family:Outfit,sans-serif;width:100%;min-width:280px;transition:all .2s}.date-edit-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.date-arrow{color:#cbd5e1;font-size:1.2rem;margin-top:36px;display:flex;align-items:center}.date-text{background:#fff;padding:10px 20px;border-radius:12px;border:1px solid #e2e8f0;min-width:250px;text-align:center;box-shadow:0 1px 2px #0000000d}.date-edit-actions{display:flex;gap:8px;margin-top:32px}.date-edit-subtext{font-size:.8rem;color:#64748b;margin:0}.rename-btn{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.rename-btn.save{background:#f0fdf4;color:#166534}.rename-btn.save:hover{background:#dcfce7}.rename-btn.cancel{background:#f1f5f9;color:#64748b}.rename-btn.cancel:hover{background:#e2e8f0}.date-edit-input:focus{border-color:#6366f1}.date-separator{color:#94a3b8;font-size:.8rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.rename-modal{background:#fff;padding:32px;border-radius:24px;width:90%;max-width:440px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.rename-modal-header{margin-bottom:16px}.rename-modal-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px}.rename-icon-wrapper{width:40px;height:40px;border-radius:12px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center}.rename-modal-body{margin-bottom:32px}.rename-modal-message{font-size:15px;line-height:1.6;color:#64748b;margin:0}.rename-modal-message strong{color:#0f172a;font-weight:600}.rename-modal-footer{display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-confirm-rename{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#64748b;border:1px solid #E2E8F0}.btn-cancel:hover{background:#f8fafc;color:#0f172a}.btn-confirm-rename{background:#6366f1;color:#fff;box-shadow:0 4px 6px -1px #6366f133}.btn-confirm-rename:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 15px -3px #6366f14d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-edit-page{padding:60px 40px;max-width:1100px;margin:0 auto;font-family:Inter,sans-serif;animation:fadeIn .3s ease-out}.edit-header{display:flex;align-items:center;gap:24px;margin-bottom:48px;border-bottom:1px solid #E2E8F0;padding-bottom:32px}.btn-back{width:44px;height:44px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#475569}.btn-back:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.header-info{flex:1}.header-info h1{font-size:32px;font-weight:300;margin:0 0 4px;color:#0f172a}.header-info p{color:#475569;margin:0;font-size:14px}.btn-save-main{background:#0f172a;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;letter-spacing:.05em}.btn-save-main:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.btn-save-main:disabled{opacity:.7;cursor:not-allowed}.edit-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.settings-section{background:#fff;border-radius:20px;padding:32px;border:1px solid #E2E8F0;margin-bottom:32px;box-shadow:0 4px 6px -1px #00000005}.section-title{display:flex;align-items:center;gap:12px;color:#6366f1;margin-bottom:24px}.section-title h3{font-size:16px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.05em;color:#0f172a}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:10px;letter-spacing:.05em}.premium-input-edit{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #E2E8F0;background:#f8fafc;font-size:15px;color:#1e293b;transition:all .2s}.premium-input-edit:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f10d}.input-with-icon{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b}.input-with-icon .premium-input-edit{padding-left:44px}.helper-text{font-size:12px;color:#94a3b8;margin-top:8px}.color-picker-row{display:flex;gap:12px}.color-picker-row input[type=color]{width:50px;height:50px;padding:0;border:none;border-radius:12px;cursor:pointer}.color-picker-row .premium-input-edit.hex{font-family:JetBrains Mono,monospace;text-transform:uppercase}.style-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-btn{padding:12px 8px;border-radius:10px;border:1px solid #E2E8F0;background:#fff;font-size:11px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.style-btn:hover{border-color:#6366f1;color:#6366f1}.style-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.corner-config-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.premium-select-edit{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #E2E8F0;background:#f8fafc;font-size:14px;color:#1e293b;cursor:pointer}.edit-preview{position:relative}.preview-sticky{position:sticky;top:100px}.preview-card{background:#fff;border-radius:24px;padding:40px;border:1px solid #E2E8F0;box-shadow:0 20px 25px -5px #0000001a;text-align:center;margin-bottom:24px}.preview-label{display:block;font-size:10px;font-weight:800;color:#64748b;letter-spacing:.1em;margin-bottom:32px}.qr-preview-box{display:flex;justify-content:center;margin-bottom:32px}.qr-preview-box canvas{max-width:100%;height:auto!important;border-radius:12px}.preview-stats{display:flex;justify-content:center;gap:24px}.p-stat{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#475569}.p-stat svg{color:#6366f1}.preview-info-card{background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #E2E8F0;display:flex;gap:16px}.preview-info-card svg{color:#6366f1;flex-shrink:0}.preview-info-card h4{font-size:14px;font-weight:700;margin:0 0 4px;color:#1e293b}.preview-info-card p{font-size:12px;color:#475569;margin:0;line-height:1.5}@media(max-width:900px){.edit-grid{grid-template-columns:1fr}.preview-sticky{position:static}}.type-badge-container{display:flex;gap:8px;margin:8px 0}.type-badge-pill{padding:4px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.type-badge-pill.static{background:#f1f5f9;color:#475569}.type-badge-pill.dynamic{background:#eef2ff;color:#4f46e5}.type-badge-pill.tracking{background:#fffbeb;color:#92400e;border:1px solid #FEF3C7}.disabled-input{opacity:.7;cursor:not-allowed!important;background-color:#f1f5f9!important;color:#94a3b8!important}.helper-text.warning{color:#d97706;font-weight:500}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{box-shadow:0 0 #fb923c66}50%{box-shadow:0 0 0 8px #fb923c00}}@keyframes fillProgress{0%{width:0%}}.quota-display{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 4px 16px;border-radius:10px;font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInFromTop .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.quota-display:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 3s infinite;pointer-events:none;opacity:0;transition:opacity .3s ease}.quota-display:hover:before{opacity:1}.quota-display:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px currentColor}.quota-display.normal{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1.5px solid #93c5fd;box-shadow:0 4px 12px #3b82f626}.quota-display.warning{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#9a3412;border:1.5px solid #fb923c;box-shadow:0 4px 12px #fb923c33;animation:slideInFromTop .5s ease-out,pulse 2s infinite}.quota-display.depleted{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;border:1.5px solid #f87171;box-shadow:0 4px 12px #f8717140}.quota-display svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.quota-display:hover svg{transform:scale(1.1) rotate(5deg)}.quota-bar{flex:1;height:8px;background:#0000001a;border-radius:100px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;position:relative}.quota-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:100px 100px 0 0;pointer-events:none}.quota-fill{height:100%;background:currentColor;transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:100px;position:relative;animation:fillProgress 1s ease-out;background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(255,255,255,.3) 50%,currentColor 60%,currentColor 100%);background-size:200% 100%;animation:fillProgress 1s ease-out,shimmer 2s infinite}.quota-display span{font-weight:600;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px rgba(255,255,255,.5);transition:transform .3s ease}.quota-display:hover span{transform:scale(1.02)}.quota-display.depleted svg{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media(max-width:768px){.quota-display{padding:12px 16px;gap:10px}.quota-bar{height:6px}}.reporting-page{padding:40px;background:#f8fafc;min-height:100vh}.reporting-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.reporting-header .header-left h1{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 .25rem;font-family:Outfit,sans-serif}.reporting-header .header-left p{color:#475569;font-size:.95rem;margin:0}.reporting-header .header-actions{display:flex;gap:.75rem}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;background:#1e293b;color:#fff;border:none;box-shadow:0 4px 12px #1e293b26}.btn-export:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 6px 16px #1e293b33}.btn-export.secondary{background:#fff;color:#1e293b;border:1px solid #E2E8F0;box-shadow:none}.btn-export.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.report-tabs{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:16px;border:1px solid #F1F5F9;margin-bottom:1.5rem;width:fit-content}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;border:none;background:transparent;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f8fafc;color:#1e293b}.tab-btn.active{background:#1e293b;color:#fff;box-shadow:0 4px 12px #1e293b26}.filter-bar{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem 1.25rem;border-radius:16px;border:1px solid #E2E8F0;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.75rem;background:#f8fafc;padding:.625rem 1rem;border-radius:10px;border:1px solid transparent;min-width:280px;transition:all .2s}.search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.search-box svg{color:#64748b;flex-shrink:0}.search-box input{border:none;background:transparent;font-size:.875rem;color:#1e293b;outline:none;width:100%}.search-box input::placeholder{color:#64748b}.clear-search{background:#e2e8f0;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.clear-search:hover{background:#cbd5e1;color:#1e293b}.filter-group{display:flex;align-items:center;gap:.75rem;margin-left:auto}.filter-dropdown{position:relative}.filter-trigger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:10px;border:1px solid #CBD5E1;background:#fff;font-size:.8125rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-trigger:hover{border-color:#cbd5e1;background:#f8fafc}.filter-trigger svg:first-child{color:#6366f1}.filter-trigger svg:last-child{color:#64748b}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #CBD5E1;border-radius:12px;box-shadow:0 10px 40px #0000001a;z-index:100;padding:.5rem}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;border-radius:8px;border:none;background:transparent;font-size:.8125rem;color:#1e293b;cursor:pointer;text-align:left;transition:all .15s}.dropdown-item:hover{background:#f8fafc}.dropdown-item.selected{background:#eef2ff;color:#6366f1;font-weight:600}.dropdown-item svg{color:#6366f1}.table-container{background:#fff;border-radius:20px;border:1px solid #E2E8F0;overflow:hidden;box-shadow:0 4px 20px #00000008}.report-table{width:100%;border-collapse:collapse}.report-table thead{background:#f8fafc}.report-table th{text-align:left;padding:1rem 1.25rem;font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #E2E8F0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .2s}.report-table th:hover{color:#64748b}.report-table th .sort-icon{margin-left:4px;vertical-align:middle;opacity:.5;transition:opacity .2s}.report-table th .sort-icon.active{opacity:1;color:#6366f1}.report-table td{padding:1rem 1.25rem;border-bottom:1px solid #F1F5F9;font-size:.875rem;color:#475569;vertical-align:middle}.report-table tbody tr{transition:background .2s}.report-table tbody tr:hover{background:#fafbfc}.report-table tbody tr:last-child td{border-bottom:none}.timestamp-cell{font-family:SF Mono,Monaco,monospace;font-size:.8125rem;color:#475569}.name-cell{color:#1e293b}.name-cell.bold{font-weight:600}.location-cell{display:flex;flex-direction:column;gap:2px}.location-cell .city{color:#1e293b;font-weight:500}.location-cell .country{font-size:.75rem;color:#64748b}.device-cell{display:flex;flex-direction:column;gap:2px}.device-cell .device-type{color:#1e293b;font-weight:500}.device-cell .os{font-size:.75rem;color:#64748b}.hash-cell{font-family:SF Mono,Monaco,monospace;font-size:.8125rem;color:#64748b;text-transform:uppercase}.metric-cell{font-weight:600;color:#1e293b;font-variant-numeric:tabular-nums}.destination-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.status-badge.verified,.status-badge.active{background:#dcfce7;color:#166534}.status-badge.bot,.status-badge.paused{background:#fef3c7;color:#92400e}.type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.type-badge.dynamic{background:#eef2ff;color:#6366f1}.type-badge.static{background:#f1f5f9;color:#475569}.device-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;background:#f1f5f9;color:#475569}.share-cell{min-width:150px}.share-bar-container{display:flex;align-items:center;gap:.75rem}.share-bar{height:8px;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:4px;transition:width .3s ease}.share-bar-container span{font-size:.8125rem;font-weight:600;color:#1e293b;min-width:40px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.empty-icon svg{color:#94a3b8}.empty-state h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.empty-state p{color:#64748b;font-size:.875rem;margin:0}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border:1px solid #E2E8F0;border-radius:16px;margin-top:1rem}.pagination-info{font-size:.8125rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #CBD5E1;background:#fff;font-size:.8125rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.page-num:hover{background:#f8fafc;color:#1e293b}.page-num.active{background:#1e293b;color:#fff}@media(max-width:1024px){.reporting-page{padding:24px}.filter-bar{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-group{margin-left:0;flex-wrap:wrap}.report-tabs{width:100%;overflow-x:auto}.table-container{overflow-x:auto}.report-table{min-width:800px}}@media(max-width:768px){.reporting-page{padding:16px}.reporting-header{flex-direction:column;gap:1rem}.reporting-header .header-actions{width:100%}.btn-export{flex:1;justify-content:center}.tab-btn{padding:.625rem 1rem;font-size:.8125rem}.tab-btn span{display:none}.pagination{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding:.75rem 1rem;justify-content:center}.pagination-info{font-size:.75rem;white-space:nowrap}.pagination-controls{flex-shrink:0}.page-numbers{display:flex}}.pricing-page{min-height:100vh;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;padding-bottom:80px}.pricing-hero{text-align:center;padding:60px 20px 40px;max-width:800px;margin:0 auto}.pricing-hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;color:#1e293b}.pricing-hero p{color:#64748b;font-size:1.1rem;line-height:1.6}.billing-toggle-container{display:flex;justify-content:center;margin-bottom:50px}.billing-toggle{background:#fff;padding:4px;border-radius:12px;border:1px solid #E2E8F0;display:flex;align-items:center}.toggle-btn{padding:8px 18px;border-radius:8px;border:none;background:transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:#f1f5f9;color:#0f172a}.save-badge{background:#dcfce7;color:#166534;font-size:.75rem;padding:2px 8px;border-radius:99px;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:0 20px}.pricing-card{background:#fff;border-radius:16px;padding:32px;border:1px solid #E2E8F0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pricing-card.popular{border:2px solid #2563eb;box-shadow:0 10px 15px -3px #2563eb1a}.popular-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#2563eb;color:#fff;padding:4px 16px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.card-header{margin-bottom:24px}.plan-name{color:#2563eb;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:12px}.plan-title{font-size:1.5rem;font-weight:700;color:#1e293b}.plan-price{margin-bottom:24px;display:flex;align-items:baseline}.price-value{font-size:3rem;font-weight:700;color:#1e293b}.price-period{color:#64748b;font-size:1rem;margin-left:4px}.btn-plan-action{width:100%;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:all .2s}.starter-btn,.pro-btn,.enterprise-btn{background:#1e293b;color:#fff;border:none}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#475569}.feature-icon{color:#2563eb;flex-shrink:0}.faq-section{max-width:800px;margin:80px auto 40px;padding:0 20px}.faq-section h2{text-align:center;font-size:2.25rem;margin-bottom:12px;font-weight:800}.faq-subtitle{text-align:center;color:#64748b;margin-bottom:40px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border-radius:12px;border:1px solid #E2E8F0;overflow:hidden}.faq-question{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-weight:600;color:#1e293b;text-align:left}.faq-answer{padding:0 24px 20px;color:#64748b;font-size:.95rem;line-height:1.6}.pricing-footer{border-top:1px solid #E2E8F0;padding:40px 8%;background:#fff;margin-top:60px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:#64748b;text-decoration:none;font-size:.85rem}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:450px}}@media(max-width:640px){.pricing-hero h1{font-size:2.5rem}.pricing-nav-links{display:none}}.dashboard-sidebar{width:280px;background:#fff;display:flex;flex-direction:column;padding:1.5rem 0;position:sticky;top:0;height:100vh;border-right:1px solid #E2E8F0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{padding:0 2rem;margin-bottom:2.5rem;cursor:pointer;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:12px}.brand-icon-sidebar{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.logo-text{font-size:1.15rem;font-weight:700;color:#0f172a;letter-spacing:-.3px}.sidebar-content{flex:1;overflow-y:auto;padding:0 1rem;display:flex;flex-direction:column;gap:2rem;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.nav-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.7rem;font-weight:700;color:#64748b;padding:0 1rem;letter-spacing:.05em;margin-bottom:.25rem}.nav-btn{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:none;background:transparent;color:#64748b;font-size:.95rem;font-weight:600;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;white-space:nowrap}.nav-btn:hover{background:#f8fafc;color:#0f172a}.nav-btn.active{background:linear-gradient(90deg,#4f46e5,#818cf8);color:#fff;box-shadow:0 10px 20px -5px #4f46e566}.logout-btn{color:#64748b}.logout-btn:hover{color:#ef4444}.sidebar-promo{padding:0 1.5rem 1.5rem;flex-shrink:0}.promo-card{background:#f1f5f9;border-radius:24px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;overflow:hidden}.promo-card:before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:#fff6;border-radius:50%}.promo-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:.25rem}.android-bg{width:40px;height:40px;background:#a3e635;border-radius:12px;display:grid;place-items:center;box-shadow:0 4px 10px #a3e6354d}.promo-card h3{font-size:.85rem;font-weight:700;color:#0f172a;line-height:1.3;margin:0}.promo-card p{font-size:.75rem;color:#64748b;margin:0}.download-btn{width:100%;padding:.75rem;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.25rem}.download-btn:hover{background:#0f172a;transform:translateY(-1px)}.collapsed .sidebar-header{padding:0;display:flex;justify-content:center}.collapsed .sidebar-content{padding:0 .75rem}.collapsed .nav-btn{justify-content:center;padding:.85rem}.collapsed .section-label{display:none}@media(max-height:800px){.sidebar-promo{display:none}.sidebar-content{padding-bottom:1rem}}@media(max-width:768px){.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;height:100%;transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0);box-shadow:0 0 40px #0000001a}}.sidebar-toggle-btn{position:absolute;right:-12px;top:30px;width:24px;height:24px;background:#fff;border:1px solid #E2E8F0;border-radius:50%;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;box-shadow:0 2px 4px #0000000d;transition:all .2s}.sidebar-toggle-btn:hover{color:#0f172a;background:#f8fafc;transform:scale(1.1)}.collapsed .sidebar-header{margin-bottom:2rem;padding:0;justify-content:center}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease-out}@media(max-width:900px){.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;height:100%;width:280px!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;box-shadow:2px 0 20px #0000001a}.dashboard-sidebar.mobile-open{transform:translate(0)}.sidebar-toggle-btn{display:none}.dashboard-sidebar .sidebar-header{padding:0 2rem!important;display:flex!important;justify-content:flex-start!important}.dashboard-sidebar .logo-text{display:block!important}.dashboard-sidebar .sidebar-content{padding:0 1rem!important}.dashboard-sidebar .nav-btn{justify-content:flex-start!important;padding:.85rem 1rem!important}.dashboard-sidebar .nav-btn span{display:inline!important}.dashboard-sidebar .section-label,.dashboard-sidebar .sidebar-promo{display:block!important}.dashboard-sidebar.collapsed{width:280px!important}.dashboard-sidebar.collapsed .sidebar-header{padding:0 2rem!important;justify-content:flex-start!important;margin-bottom:2.5rem!important}.dashboard-sidebar.collapsed .logo-text{display:inline!important}.dashboard-sidebar.collapsed .sidebar-content{padding:0 1rem!important}.dashboard-sidebar.collapsed .nav-btn{justify-content:flex-start!important;padding:.85rem 1rem!important}.dashboard-sidebar.collapsed .nav-btn span{display:inline!important}.dashboard-sidebar.collapsed .section-label{display:block!important;padding:0 1rem!important}}.dashboard-footer{margin-top:auto;padding:0 32px 24px}.df-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;background:#fff;border:1px solid #F1F5F9;border-radius:16px;flex-wrap:wrap}.df-brand{display:flex;flex-direction:column;gap:4px}.df-logo{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;color:#1e293b}.df-tagline{font-size:.72rem;color:#94a3b8;margin:0}.df-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.df-links button{background:none;border:none;font-size:.775rem;font-weight:500;color:#64748b;cursor:pointer;padding:5px 10px;border-radius:8px;transition:all .15s}.df-links button:hover{background:#f8fafc;color:#1e293b}.df-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.df-status{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#10b981}.df-status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b98114}}.df-made{font-size:.7rem;color:#94a3b8}@media(max-width:768px){.dashboard-footer{display:none}}@media(max-width:1024px)and (min-width:769px){.dashboard-footer{padding:0 16px 20px}.df-inner{gap:16px;padding:14px 18px}.df-right{align-items:flex-start}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-app)}.dashboard-main-content{flex:1;display:flex;flex-direction:column;padding:0;width:100%;min-height:100vh;overflow-x:hidden}@media(max-width:900px){.dashboard-layout{flex-direction:column}.dashboard-main-content{padding-bottom:6rem}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:4.5rem;background:#fff;border-top:1px solid #F1F5F9;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;color:#94a3b8;cursor:pointer;padding:5px 0;transition:color .2s}.mobile-nav-item.active{color:#6366f1}.mobile-nav-item span{font-size:.75rem;font-weight:600}.mobile-fab-placeholder{position:relative;width:3.75rem;height:3.75rem;flex-shrink:0}.mobile-fab{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:4rem;height:4rem;background:#18181b;border-radius:50%;border:4px solid #F8FAFC;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0003;cursor:pointer}}@media(min-width:901px){.mobile-bottom-nav{display:none}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;inset:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media(max-width:767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{inset:0;position:absolute;margin-right:10px}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-container{padding:2rem;height:calc(100vh - 64px);background:#f8fafc;overflow-y:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.calendar-header h1{font-size:1.8rem;color:#1e293b;font-weight:700}.calendar-filters{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 1px 2px #0000000d}.filter-btn{padding:.5rem 1rem;border:1px solid transparent;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.filter-btn.active{background:#dcfce7;color:#166534;border-color:#166534}.filter-btn.active.unchecked{background:#fff;color:#64748b;border-color:transparent}.filter-btn.upcoming{background:#dbeafe;color:#1e40af;border-color:#1e40af}.filter-btn.upcoming.unchecked{background:#fff;color:#64748b;border-color:transparent}.filter-btn.expired{background:#f1f5f9;color:#475569;border-color:#475569}.filter-btn.expired.unchecked{background:#fff;color:#64748b;border-color:transparent}.rbc-calendar{background:#fff;border-radius:16px;border:1px solid #E2E8F0;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;min-height:700px;font-family:Inter,sans-serif}.rbc-header{padding:1rem 0;font-weight:600;color:#64748b;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;border-bottom:2px solid #E2E8F0}.rbc-month-view{border:none}.rbc-month-row{border-top:1px solid #E2E8F0}.rbc-day-bg{border-left:1px solid #E2E8F0}.rbc-off-range-bg{background:#f8fafc}.rbc-today{background:#f0f9ff}.rbc-event{border-radius:6px;padding:1px 4px!important;font-size:.75rem;font-weight:600;border:none;box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;overflow:hidden;position:relative;min-height:24px;display:flex;align-items:center}.rbc-event-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;line-height:normal}.rbc-event:focus{outline:none}.rbc-event:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px -1px #0000001a;z-index:10}.event-active{background-color:#dcfce7!important;color:#166534!important;border-left:3px solid #166534;border:1px solid #bbf7d0;border-left-width:3px}.event-upcoming{background-color:#dbeafe!important;color:#1e40af!important;border-left:3px solid #1E40AF;border:1px solid #bfdbfe;border-left-width:3px}.event-expired{background-color:#f8fafc!important;color:#64748b!important;border-left:3px solid #64748B;border:1px solid #e2e8f0;border-left-width:3px;opacity:.85}.calendar-tooltip{position:absolute;z-index:1000;background:#1e293b;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;box-shadow:0 10px 15px -3px #0000001a;pointer-events:none;min-width:200px;transform:translate(-50%,-100%);margin-top:-10px}.tooltip-header{font-weight:700;margin-bottom:.25rem;display:block}.tooltip-meta{font-size:.75rem;color:#94a3b8;display:block;margin-bottom:.25rem}.tooltip-status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.tooltip-status.active{background:#22c55e33;color:#4ade80}.tooltip-status.upcoming{background:#3b82f633;color:#60a5fa}.tooltip-status.expired{background:#94a3b833;color:#cbd5e1}.event-cell-wrapper{position:relative}.calendar-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.calendar-modal{background:#fff;border-radius:16px;width:400px;max-width:90vw;box-shadow:0 20px 25px -5px #0000001a;border:1px solid #E2E8F0;padding:0;overflow:hidden}.calendar-modal-header{padding:1.5rem;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:flex-start}.calendar-modal-header h2{font-size:1.25rem;color:#0f172a;margin:0;line-height:1.4}.calendar-modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s}.calendar-modal-close:hover{background:#f1f5f9;color:#0f172a}.calendar-modal-body{padding:1.5rem}.modal-detail-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem}.modal-detail-label{color:#64748b}.modal-detail-value{font-weight:600;color:#0f172a}.modal-actions{padding:1.5rem;background:#f8fafc;border-top:1px solid #E2E8F0;display:flex;justify-content:flex-end}.btn-view-campaign{background:#0f172a;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-view-campaign:hover{background:#1e293b}.team-page-container{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center;padding:2rem}.team-page-content{max-width:600px;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 20px #0000000d}.icon-wrapper{position:relative;display:inline-block;margin-bottom:2rem}.main-icon{color:#cbd5e1}.badge-icon{position:absolute;bottom:-5px;right:-5px;background:#6366f1;color:#fff;border-radius:50%;padding:6px;border:3px solid white;display:flex;align-items:center;justify-content:center}.team-page-content h1{font-size:2rem;color:#1e293b;margin-bottom:.5rem}.subtitle{color:#64748b;margin-bottom:2.5rem;font-size:1.1rem}.development-notice{background:#f8fafc;padding:2rem;border-radius:12px;border:1px dashed #cbd5e1}.notice-badge{background:#e0e7ff;color:#4338ca;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;letter-spacing:.05em;display:inline-block;margin-bottom:1rem}.development-notice h2{font-size:1.25rem;color:#334155;margin-bottom:.5rem}.development-notice p{color:#94a3b8;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.pricing-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.pricing-modal-card{background:#fff;width:100%;max-width:480px;border-radius:24px;padding:2.5rem;box-shadow:0 20px 50px -10px #0f172a33;position:relative;animation:scaleUp .3s cubic-bezier(.16,1,.3,1);text-align:center}.pricing-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;cursor:pointer;color:#64748b;transition:color .2s;padding:.25rem}.pricing-modal-close:hover{color:#0f172a}.pricing-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px;display:grid;place-items:center;margin:0 auto 1.5rem}.pricing-modal-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;letter-spacing:-.5px}.pricing-modal-description{font-size:1rem;color:#475569;line-height:1.6;margin-bottom:2rem}.pricing-modal-actions{display:flex;gap:.75rem;flex-direction:column}.btn-pricing-cancel{width:100%;padding:.875rem 1.5rem;background:transparent;border:1px solid #E2E8F0;border-radius:12px;font-weight:600;font-size:.95rem;color:#475569;cursor:pointer;transition:all .2s}.btn-pricing-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-pricing-contact{width:100%;padding:.875rem 1.5rem;background:#4f46e5;border:none;border-radius:12px;font-weight:600;font-size:.95rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #4f46e540}.btn-pricing-contact:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.pricing-modal-card{padding:2rem 1.5rem}.pricing-modal-title{font-size:1.5rem}.pricing-modal-description{font-size:.9rem}}.upgrade-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.upgrade-modal-content{background:#fff;border-radius:24px;padding:40px;max-width:500px;width:100%;position:relative;box-shadow:0 25px 50px -12px #00000040;text-align:center}.upgrade-modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upgrade-modal-close:hover{background:#e2e8f0}.upgrade-icon{width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#92400e}.upgrade-modal-content h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:12px}.upgrade-limit-msg{font-size:1rem;color:#64748b;margin-bottom:32px;line-height:1.6}.premium-benefits{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:32px;text-align:left}.premium-benefits h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:16px}.premium-benefits ul{list-style:none;padding:0;margin:0}.premium-benefits li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#475569;font-size:.9375rem}.premium-benefits li svg{color:#10b981;flex-shrink:0}.upgrade-cta-btn{width:100%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.upgrade-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}@media(max-width:768px){.upgrade-modal-content{padding:32px 24px}}.save-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.save-modal-content{background:#fff;width:100%;max-width:420px;border-radius:24px;padding:32px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.save-modal-close{position:absolute;top:24px;right:24px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.save-modal-close:hover{background:#f1f5f9;color:#64748b}.save-modal-header h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}.save-modal-header p{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.save-input-group label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.save-input-group input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #E2E8F0;font-size:15px;color:#0f172a;transition:all .2s;outline:none;background:#f8fafc}.save-input-group input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.save-modal-actions{display:flex;gap:12px;margin-top:32px}.btn-cancel{flex:1;padding:12px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc;color:#475569}.btn-confirm{flex:2;padding:12px;border-radius:12px;background:#0f172a;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-confirm:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.vlp-wrapper{font-family:Inter,Rajdhani,sans-serif;color:#0f172a;background:#fff}.vlp-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:7rem 2rem 5rem}.vlp-badge{display:inline-block;background:#eef2ff;color:#6366f1;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.35rem .9rem;border-radius:99px;margin-bottom:1.5rem}.vlp-headline{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin:0 0 1.25rem;color:#0f172a}.vlp-highlight{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vlp-subheadline{font-size:1.1rem;color:#475569;line-height:1.7;margin:0 0 2rem;max-width:520px}.vlp-cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:.9rem 2rem;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 24px #6366f159}.vlp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f173}.vlp-trust-row{display:flex;gap:1.5rem;margin-top:1.25rem;font-size:.8rem;color:#64748b;flex-wrap:wrap}.vlp-trust-row span{display:flex;align-items:center;gap:.35rem;color:#10b981}.vlp-trust-row span svg{color:#10b981}.vlp-hero-visual{display:flex;justify-content:center;align-items:center}.vlp-qr-mock{position:relative;width:200px;height:200px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 80px #6366f166}.vlp-qr-icon{color:#fff;opacity:.9}.vlp-qr-pulse{position:absolute;inset:-16px;border-radius:44px;border:2px solid rgba(99,102,241,.2);animation:vlp-pulse 2.5s ease-in-out infinite}@keyframes vlp-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.vlp-section-container{max-width:1200px;margin:0 auto;padding:5rem 2rem;text-align:center}.vlp-section-pill{display:inline-block;background:#f8fafc;border:1px solid #E2E8F0;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.35rem .9rem;border-radius:99px;margin-bottom:1rem}.vlp-section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;margin:0 0 3rem}.vlp-use-cases{background:#f8fafc}.vlp-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;text-align:left}.vlp-card{background:#fff;padding:1.75rem;border-radius:16px;border:1px solid #E2E8F0;transition:transform .2s,box-shadow .2s}.vlp-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.vlp-card-icon{font-size:2rem;margin-bottom:1rem}.vlp-card-title{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:#0f172a}.vlp-card-desc{font-size:.9rem;color:#64748b;line-height:1.6;margin:0}.vlp-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.vlp-step{display:flex;flex-direction:column;align-items:center;gap:1rem}.vlp-step-number{font-size:3rem;font-weight:900;color:#eef2ff;line-height:1;letter-spacing:-.05em;-webkit-text-stroke:2px #C7D2FE}.vlp-step-text{font-size:1rem;font-weight:600;color:#334155;margin:0}.vlp-cta-section{background:linear-gradient(135deg,#3730a3,#6d28d9);padding:5rem 2rem;text-align:center;color:#fff}.vlp-cta-container{max-width:700px;margin:0 auto}.vlp-cta-section h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin:0 0 1rem}.vlp-cta-section p{font-size:1.05rem;opacity:.85;margin:0 0 2rem;line-height:1.7}.vlp-cta-btn-dark{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#4f46e5;padding:.9rem 2rem;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0003}.vlp-cta-btn-dark:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000040}.vlp-related{border-top:1px solid #F1F5F9}.vlp-related h3{font-size:1.2rem;font-weight:700;margin:0 0 1.5rem;color:#334155}.vlp-related-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.vlp-related-link{display:inline-flex;align-items:center;gap:.35rem;background:#f8fafc;border:1px solid #E2E8F0;color:#4f46e5;padding:.55rem 1.1rem;border-radius:99px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.vlp-related-link:hover{background:#eef2ff;border-color:#a5b4fc}@media(max-width:768px){.vlp-hero{grid-template-columns:1fr;padding:4rem 1.25rem 2.5rem;gap:2.5rem}.vlp-hero-visual{display:none}.vlp-steps-row{grid-template-columns:1fr;max-width:320px;margin:0 auto}.vlp-trust-row{gap:.75rem}.vlp-section-container{padding:3rem 1.25rem}}