*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0b0f;--bg-secondary: #12141a;--bg-tertiary: #1a1d27;--bg-hover: #21242e;--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-primary: #1e293b;--border-secondary: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(37, 99, 235, .2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-secondary)}button{border-radius:8px;border:1px solid transparent;padding:.65rem 1.5rem;font-size:.95rem;font-weight:500;font-family:inherit;background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{background:#fff!important}.navbar,.editor-header,.editor-form,.preview-sticky h3,.preview-info,.header-actions,button,.dashboard-header,.dashboard-actions,.card-actions,.empty-state,.simple-particles-canvas{display:none!important}.business-card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1)!important;page-break-inside:avoid}.preview-container,.editor-preview,.preview-sticky{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.business-card-wrapper>div{box-shadow:0 2px 4px #0003!important}@page{size:letter;margin:.5in}}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content{max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.navbar-logo:hover{color:var(--accent-primary)}.navbar-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:var(--accent-primary)}.navbar-divider{width:1px;height:24px;background:var(--border-secondary)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-secondary)}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button{padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-block}.nav-button.primary{background:var(--accent-gradient);color:#fff}.nav-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-button.logout{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-secondary)}.nav-button.logout:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.navbar-content{padding:1rem 1.5rem}.navbar-links{gap:1rem}.user-name{display:none}.nav-link{font-size:.85rem}}@media(max-width:480px){.navbar-content{padding:.75rem 1rem}.navbar-links{gap:.5rem}.navbar-divider{display:none}.nav-link{font-size:.8rem}.nav-button{padding:.4rem .75rem;font-size:.8rem}.navbar-logo{font-size:1rem}}.business-card-wrapper{display:inline-block;overflow:hidden}.business-card-wrapper>div{width:350px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d,inset 0 0 0 1px #ffffff14;transition:all .3s ease}.business-card-wrapper>div:hover{box-shadow:0 8px 12px #0006;transform:translateY(-2px)}.card-modern{padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.card-modern .card-header h2{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.card-modern .card-header p{margin:.35rem 0 0;font-size:.85rem;line-height:1.3}.card-modern .card-divider{height:3px;margin:.6rem 0;border-radius:2px}.card-modern .card-body{font-size:.75rem;line-height:1.4}.card-modern .company{font-weight:600;margin-bottom:.4rem}.card-modern .contact-item{margin:.2rem 0;opacity:.95}.card-minimal{padding:1.25rem 1.5rem;display:grid;grid-template-columns:1.2fr auto 1fr;gap:1.25rem;align-items:center}.card-minimal .minimal-left h2{margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.card-minimal .minimal-left p{margin:.3rem 0;font-size:.8rem;line-height:1.3}.card-minimal .minimal-divider{width:2px;height:80%;opacity:.3}.card-minimal .minimal-right{font-size:.75rem;text-align:right;line-height:1.4}.card-minimal .minimal-right p{margin:.25rem 0}.card-bold{display:flex;flex-direction:column}.card-bold .bold-gradient{padding:1rem 1.5rem;color:#fff;flex-shrink:0}.card-bold .bold-gradient h2{margin:0;font-size:1.4rem;font-weight:800;line-height:1.2}.card-bold .bold-content{padding:.9rem 1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.card-bold .title{margin:0 0 .4rem;font-size:.85rem;font-weight:600;line-height:1.3}.card-bold .company{margin:0 0 .6rem;font-size:.8rem;line-height:1.3}.card-bold .bold-contacts{line-height:1.4}.card-bold .bold-contacts p{margin:.2rem 0;font-size:.75rem}.card-elegant{padding:.75rem}.card-elegant .elegant-border{border:2px solid;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box}.card-elegant h2{margin:0;font-size:1.2rem;font-weight:400;letter-spacing:.05em;line-height:1.2}.card-elegant .elegant-line{width:40px;height:1px;margin:.5rem 0}.card-elegant .title{margin:0 0 .35rem;font-size:.75rem;font-style:italic;line-height:1.2}.card-elegant .company{margin:0 0 .5rem;font-size:.75rem;line-height:1.2}.card-elegant .elegant-contacts{line-height:1.3}.card-elegant .elegant-contacts p{margin:.15rem 0;font-size:.65rem}.card-tech{padding:1.25rem 1.5rem;position:relative}.card-tech .tech-corner{position:absolute;top:0;right:0;width:35px;height:35px;border-right:3px solid;border-top:3px solid}.card-tech .tech-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-tech h2{margin:0;font-size:1.2rem;font-weight:600;font-family:Courier New,monospace;line-height:1.2}.card-tech .title{margin:.4rem 0;font-size:.8rem;font-family:Courier New,monospace;line-height:1.3}.card-tech .company{margin:0 0 .5rem;font-size:.75rem;line-height:1.3}.card-tech .tech-contacts{font-family:Courier New,monospace;font-size:.7rem;line-height:1.5}.card-tech .tech-contacts p{margin:.15rem 0}.card-creative{padding:1.25rem 1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.card-creative .creative-blob{position:absolute;width:100px;height:100px;border-radius:50%;top:-30px;right:-30px;opacity:.15}.card-creative .creative-content{position:relative;z-index:1}.card-creative h2{margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.card-creative .title{margin:.35rem 0 .4rem;font-size:.85rem;line-height:1.3}.card-creative .company{margin:0 0 .6rem;font-size:.8rem;line-height:1.3}.card-creative .creative-contacts{line-height:1.4}.card-creative .creative-contacts p{margin:.2rem 0;font-size:.75rem}@media print{.business-card-wrapper,.business-card-wrapper *,.business-card-wrapper>div,.card-modern,.card-minimal,.card-bold,.card-elegant,.card-tech,.card-creative,.card-divider,.elegant-line,.bold-gradient,.minimal-divider{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.business-card-wrapper{page-break-inside:avoid;box-shadow:none!important;width:3.5in!important;height:2in!important}.business-card-wrapper>div{box-shadow:0 1px 3px #0000004d!important;border-radius:8px!important;width:3.5in!important;height:2in!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.card-divider{height:0!important;border-top:3px solid #2563eb!important;background:none!important;opacity:1!important;display:block!important;margin:.6rem 0!important}.elegant-line,.minimal-divider{background:currentColor!important;opacity:1!important}.card-modern,.card-minimal,.card-bold,.card-elegant,.card-tech,.card-creative{padding:1rem 1.25rem!important}.card-body,.minimal-right,.bold-contacts,.elegant-contacts,.tech-contacts,.creative-contacts{font-size:.65rem!important;line-height:1.3!important}.contact-item,.card-body p,.tech-contacts p,.elegant-contacts p,.creative-contacts p{margin:.1rem 0!important}}.simple-particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;will-change:transform}.landing-page{min-height:100vh;background:var(--bg-primary);position:relative;isolation:isolate}.hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 6rem;max-width:1400px;margin:0 auto;position:relative;z-index:10}.hero-content{position:relative;z-index:1;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:3.5rem;font-weight:800;margin:0 0 1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.6;max-width:500px}.hero-buttons{display:flex;gap:1rem}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.cta-button.primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-lg)}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.125rem}.hero-card-preview{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;animation:fadeIn 1s ease-out .3s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.features{padding:6rem;max-width:1400px;margin:0 auto;position:relative;z-index:10}.features h2{font-size:2.5rem;font-weight:700;text-align:center;margin:0 0 4rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{border-color:var(--border-secondary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:12px;color:var(--accent-primary)}.feature-card h3{font-size:1.25rem;margin:0 0 .75rem;color:var(--text-primary)}.feature-card p{margin:0;color:var(--text-secondary);line-height:1.6}.templates-gallery{padding:6rem;background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);position:relative;z-index:10}.templates-gallery h2{font-size:2.5rem;font-weight:700;text-align:center;margin:0 0 1rem;color:var(--text-primary)}.gallery-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 4rem;font-size:1.125rem}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1200px;margin:0 auto}.template-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer;animation:scaleIn .6s ease-out backwards}.template-item:nth-child(1){animation-delay:.1s}.template-item:nth-child(2){animation-delay:.2s}.template-item:nth-child(3){animation-delay:.3s}.template-item:nth-child(4){animation-delay:.4s}.template-item:nth-child(5){animation-delay:.5s}.template-item:nth-child(6){animation-delay:.6s}.template-item:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:var(--shadow-xl),0 0 30px #3b82f633}.template-preview{margin-bottom:1.5rem;display:flex;justify-content:center;overflow:hidden}.template-info{text-align:center}.template-info h3{font-size:1.25rem;margin:0 0 1rem;color:var(--text-primary)}.template-select-btn{background:transparent;border:1.5px solid var(--accent-primary);color:var(--accent-primary);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.template-select-btn:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.cta-section{padding:6rem;text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:10}.cta-section h2{font-size:2.5rem;font-weight:700;margin:0 0 2rem;color:var(--text-primary)}@media(max-width:1200px){.hero{grid-template-columns:1fr;text-align:center;padding:4rem 3rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-subtitle{max-width:600px}.features-grid{grid-template-columns:repeat(2,1fr)}.templates-grid{grid-template-columns:1fr;max-width:500px}.template-item,.template-preview{overflow:hidden}}@media(max-width:768px){.hero{padding:3rem 1.5rem;gap:2rem}.template-item{overflow:hidden}.hero h1{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-card-preview{overflow:hidden;width:100%}.features,.templates-gallery,.cta-section{padding:4rem 1.5rem}.features-grid{grid-template-columns:1fr}.cta-section h2{font-size:1.75rem}}@media(max-width:480px){.hero{padding:2rem 1.25rem}.hero h1{font-size:1.875rem}.hero-card-preview{display:none}.features,.templates-gallery,.cta-section{padding:3rem 1.25rem}.features h2,.templates-gallery h2,.cta-section h2{font-size:1.75rem}.cta-button{width:100%;justify-content:center}.hero-buttons{width:100%;flex-direction:column}.template-item{padding:1rem;overflow:hidden}.template-preview{overflow:hidden;border-radius:6px}}.card-back-inner{width:350px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;box-sizing:border-box;position:relative}.card-back-accent{position:absolute;top:10px;right:10px;width:28px;height:28px;border-right:2px solid;border-top:2px solid;border-radius:0 4px 0 0;opacity:.5}.card-back-logo{max-width:120px;max-height:60px;object-fit:contain}.card-back-tagline{font-size:.9rem;font-weight:500;text-align:center;letter-spacing:.04em;margin:0;max-width:280px;line-height:1.4}.card-back-placeholder{font-size:.8rem;opacity:.4;margin:0;letter-spacing:.1em;text-transform:uppercase}.card-flip-overlay{position:fixed;inset:0;z-index:1000;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .25s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.card-flip-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.card-flip-close{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;padding:0;transition:background .2s ease}.card-flip-close:hover{background:#fff3;transform:none;box-shadow:none}.card-flip-hint{font-size:.8rem;color:var(--text-muted);letter-spacing:.04em;margin:0;-webkit-user-select:none;user-select:none}.card-flip-indicator{font-size:.8rem;color:var(--text-secondary);margin:0;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.card-flip-scene{perspective:700px;perspective-origin:50% 50%;width:350px;height:200px;cursor:grab}.card-flip-scene:active{cursor:grabbing}.card-flip-pivot{width:350px;height:200px;transform-style:preserve-3d;pointer-events:auto;user-select:none;-webkit-user-select:none}.card-flip-card{width:350px;height:200px;transform-style:preserve-3d;transition:transform .55s ease-in-out;position:relative}.card-flip-card.is-flipped{transform:rotateY(180deg)}.card-flip-face{position:absolute;top:0;left:0;width:350px;height:200px;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}.card-flip-face--front{transform:rotateY(0)}.card-flip-face--back{transform:rotateY(180deg)}.card-flip-scene .business-card-wrapper>div:hover{transform:none;box-shadow:0 4px 6px #0000004d}@media(max-width:480px){.card-flip-scene{transform:scale(.8);transform-origin:top center}.card-flip-modal-content{padding:2.5rem 1rem}}.dashboard{min-height:100vh;background:var(--bg-primary)}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-loading p{color:var(--text-secondary);font-size:1.125rem}.dashboard-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:2rem 3rem;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;font-size:2rem;color:var(--text-primary)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary.large{padding:1rem 2rem;font-size:1.125rem}.btn-secondary{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-secondary);box-shadow:none}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:none}.dashboard-content{max-width:1400px;margin:0 auto;padding:3rem;min-height:calc(100vh - 140px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;animation:fadeInUp .6s ease-out}.empty-icon{width:100px;height:100px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;color:var(--accent-primary);animation:float 3s ease-in-out infinite}.empty-icon svg{width:60px;height:60px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{font-size:2rem;margin:0 0 1rem;color:var(--text-primary)}.empty-state p{font-size:1.125rem;color:var(--text-secondary);margin:0 0 2rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));gap:2rem;animation:fadeIn .6s ease-out}.card-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .3s ease;animation:scaleIn .5s ease-out backwards}.card-item:nth-child(1){animation-delay:.1s}.card-item:nth-child(2){animation-delay:.2s}.card-item:nth-child(3){animation-delay:.3s}.card-item:nth-child(4){animation-delay:.4s}.card-item:nth-child(5){animation-delay:.5s}.card-item:nth-child(6){animation-delay:.6s}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-item:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-preview-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center;position:relative;cursor:pointer;border-radius:8px;overflow:hidden}.card-preview-wrapper:after{content:"3D Preview";position:absolute;inset:0;background:#2563eb00;color:transparent;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;transition:all .25s ease;pointer-events:none}.card-preview-wrapper:hover:after{background:#2563eb26;color:var(--accent-secondary)}.card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.action-btn{padding:.625rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;border:1.5px solid var(--border-secondary);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn:hover{background:var(--bg-tertiary)}.action-btn.edit:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn.print:hover{border-color:#10b981;color:#10b981}.action-btn.delete:hover{border-color:#ef4444;color:#ef4444}@media(max-width:1200px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:1.5rem}.dashboard-content{padding:1.5rem 1.25rem}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.card-item{padding:1.25rem}}@media(max-width:480px){.dashboard-header{padding:1rem 1.25rem;flex-wrap:wrap;gap:.75rem}.dashboard-header h1{font-size:1.25rem}.dashboard-content,.card-item{padding:1rem}.action-btn{font-size:.8rem;padding:.5rem;gap:.25rem}.action-btn svg{display:none}}.editor{min-height:100vh;background:var(--bg-primary)}.editor-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:2rem 3rem;max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.editor-header h1{margin:0;font-size:1.75rem;color:var(--text-primary)}.header-actions{display:flex;gap:1rem}.editor-content{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:2rem;padding:2rem;min-height:calc(100vh - 120px);box-sizing:border-box}.editor-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;animation:fadeInUp .5s ease-out}.form-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.form-section h3:before{content:"";width:4px;height:24px;background:var(--accent-gradient);border-radius:2px}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-group input{width:100%;padding:.875rem 1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:8px;font-size:.95rem;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit}.form-group input::placeholder{color:var(--text-muted)}.form-group input:hover{border-color:var(--border-secondary);background:var(--bg-hover)}.form-group input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.template-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.template-mini-preview{overflow:hidden}.template-option{position:relative;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.template-option:hover{border-color:var(--border-secondary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.template-option.selected{border-color:var(--accent-primary);background:#3b82f60d;box-shadow:0 0 0 3px #3b82f61a}.template-mini-preview{margin-bottom:.75rem;display:flex;justify-content:center;align-items:center;border-radius:6px;min-height:80px;width:100%}.template-mini-preview *{text-align:left}.template-mini-preview .card-elegant,.template-mini-preview .card-elegant *{text-align:center}.template-mini-preview .card-divider,.template-mini-preview .elegant-line,.template-mini-preview .minimal-divider{display:block!important;opacity:1!important;min-height:2px!important}.template-option p{margin:0;font-size:.85rem;color:var(--text-secondary);font-weight:500}.template-option.selected>p{color:var(--accent-primary)}.selected-indicator{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.editor-preview{position:relative;max-width:420px}.preview-sticky{position:sticky;top:100px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:1rem;animation:fadeIn .6s ease-out;max-height:calc(100vh - 120px);overflow-y:auto}.preview-sticky h3{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-primary);text-align:center}.preview-container{display:flex;justify-content:center;align-items:center;padding:2rem 0;background:transparent;margin-bottom:1rem}.preview-info{text-align:center;font-size:.875rem;color:var(--text-muted);margin:0}@media(max-width:1400px){.editor-content{grid-template-columns:1fr 380px}}@media(max-width:1200px){.editor-content{grid-template-columns:1fr}.preview-sticky{position:static}.template-selector{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.editor-header{padding:1.25rem 1.5rem}.editor-header h1{font-size:1.375rem}.header-actions{width:100%}.header-actions button{flex:1}.editor-content{padding:1.5rem 1.25rem;gap:1.5rem}.form-section{padding:1.5rem}.template-selector{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:640px){.template-option{overflow:hidden}.template-mini-preview .business-card-wrapper{zoom:.48}.template-mini-preview{min-height:60px}}@media(max-width:480px){.editor-header{padding:1rem 1.25rem;flex-wrap:wrap;gap:.75rem}.editor-header h1{font-size:1.125rem;flex:1}.header-actions{width:100%;display:flex}.header-actions button{flex:1;padding:.625rem .75rem;font-size:.875rem}.editor-content{padding:1rem;gap:1rem}.form-section{padding:1.25rem 1rem}.template-selector{grid-template-columns:repeat(2,1fr);gap:.5rem}.template-option{padding:.75rem .5rem}.preview-sticky{padding:1rem}.preview-container{padding:1rem 0}}.form-group input[type=file]{padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;width:auto}.form-group input[type=file]::file-selector-button{padding:.5rem 1.25rem;background:var(--bg-tertiary);border:1.5px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;margin-right:.875rem;transition:border-color .2s ease,color .2s ease,background .2s ease}.form-group input[type=file]::file-selector-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-hover)}.form-hint{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.back-logo-preview{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.back-logo-preview img{max-height:48px;max-width:120px;object-fit:contain}.btn-remove-logo,.btn-reset-color{padding:.375rem .75rem;font-size:.8rem;background:transparent;border:1px solid var(--border-secondary);color:var(--text-muted);border-radius:6px;cursor:pointer;box-shadow:none;transition:border-color .2s ease,color .2s ease}.btn-remove-logo:hover,.btn-reset-color:hover{border-color:#ef4444;color:#ef4444;transform:none;box-shadow:none;background:transparent}.color-picker-row{display:flex;align-items:center;gap:.875rem}.color-picker-row input[type=color]{width:48px;height:40px;padding:2px;border-radius:6px;border:1.5px solid var(--border-primary);background:var(--bg-tertiary);cursor:pointer;flex-shrink:0}.color-value{font-size:.875rem;color:var(--text-secondary);font-family:Courier New,monospace;flex:1}.preview-tabs{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);width:fit-content;margin:0 auto 1rem}.preview-tab{padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:0;cursor:pointer;transition:background .2s ease,color .2s ease;box-shadow:none}.preview-tab:hover{background:var(--bg-hover);transform:none;box-shadow:none}.preview-tab.active{background:var(--accent-primary);color:#fff}