.navbar{background:linear-gradient(135deg,#0058d8,#0067c5);box-shadow:0 4px 12px #0058d833;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1400px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s;z-index:1001}.navbar-brand:hover{opacity:.8}.brand-text{display:inline}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:1001;transition:all .2s}.mobile-menu-toggle:hover{background:#ffffff26;border-radius:6px}.mobile-menu-toggle.active{color:#1f2937;background:#fffffff2}.navbar-menu{display:flex;align-items:center;justify-content:space-between;flex:1;margin-left:2rem;gap:2rem}.navbar-links{display:flex;gap:.5rem}.navbar-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#ffffffe6;font-weight:500;font-size:.9rem;text-decoration:none;border-radius:6px;transition:all .2s;white-space:nowrap}.navbar-link:hover{color:#fff;background:#ffffff26}.navbar-link.active{color:#fff;background:#ffffff40;font-weight:600}.navbar-user{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;align-items:center;gap:.5rem;color:#fffffff2;font-weight:500;font-size:.9rem}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-logout:hover{background:#fff3;border-color:#ffffff80;color:#fff}.mobile-overlay{display:none}@media (max-width: 968px){.navbar-container{padding:.75rem 1rem}.brand-text{font-size:1rem}.mobile-menu-toggle{display:block}.navbar-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(180deg,#ebf5ff,#f8fbff);flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;padding:5rem 0 2rem;gap:0;box-shadow:-4px 0 12px #00000026;transition:right .3s ease-in-out;z-index:999}.navbar-menu.mobile-open{right:0}.navbar-links{flex-direction:column;gap:0;width:100%;padding:0 1rem;margin-bottom:1.5rem}.navbar-link{padding:1rem 1.25rem;font-size:1rem;border-radius:8px;margin-bottom:.5rem;color:#1f2937}.navbar-link:hover{color:#0058d8;background:#0058d814}.navbar-link.active{color:#0058d8;background:#0058d81f;font-weight:600}.navbar-user{flex-direction:column;align-items:stretch;gap:.75rem;padding:1.5rem 1rem;border-top:1px solid rgba(0,88,216,.15);width:100%}.user-info{justify-content:center;padding:.75rem 1rem;background:#0058d814;border-radius:8px;font-size:.95rem;color:#1f2937}.user-name{max-width:180px}.btn-logout{justify-content:center;padding:.875rem 1rem;font-size:.95rem;color:#dc2626;background:#fef2f2;border-color:#fca5a5}.btn-logout:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}}@media (max-width: 480px){.navbar-container{padding:.625rem .875rem}.navbar-brand{font-size:1rem;gap:.375rem}.navbar-brand svg{width:20px;height:20px}.navbar-menu{width:260px}.navbar-link{padding:.875rem 1rem;font-size:.95rem}.user-name{max-width:140px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top-color:#1e3a8a;border-radius:50%;animation:spin .8s linear infinite}.loading-message{margin-top:1rem;color:#6b7280;font-size:1rem}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.qr-modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease-out}.qr-modal-close{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;z-index:10}.qr-modal-close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.qr-modal-header{text-align:center;margin-bottom:1.5rem}.qr-modal-header h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.qr-modal-header p{font-size:.9rem;color:#6b7280;margin:0}.qr-modal-qr{display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#f9fafb;border-radius:16px;margin-bottom:1.5rem}.qr-modal-qr img{max-width:100%;width:320px;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.qr-modal-actions{display:flex;justify-content:center;gap:.75rem}.btn-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1e3a8a,#1e40af);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #1e3a8a4d}.btn-modal-icon:hover{background:linear-gradient(135deg,#1e40af,#1e4db8);transform:translateY(-2px);box-shadow:0 6px 16px #1e3a8a66}.btn-modal-icon:active{transform:translateY(0)}@media (max-width: 768px){.qr-modal-overlay{padding:.75rem}.qr-modal-content{padding:1.5rem}.qr-modal-close{width:36px;height:36px}.qr-modal-header h3{font-size:1.25rem}.qr-modal-header p{font-size:.85rem}.qr-modal-qr{padding:1rem}.qr-modal-qr img{max-width:280px}.btn-modal-download{width:100%;justify-content:center}}@media (max-width: 480px){.qr-modal-overlay{padding:.5rem}.qr-modal-content{padding:1.25rem;border-radius:16px}.qr-modal-close{width:32px;height:32px;top:.75rem;right:.75rem}.qr-modal-close svg{width:20px;height:20px}.qr-modal-header{margin-bottom:1.25rem}.qr-modal-header h3{font-size:1.1rem}.qr-modal-header p{font-size:.8rem}.qr-modal-qr{padding:.75rem;margin-bottom:1.25rem}.qr-modal-qr img{max-width:240px}.btn-modal-download{padding:.75rem 1.25rem;font-size:.875rem}}.base-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-in-out}.base-scanner-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.base-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.scanner-title{display:flex;align-items:center;gap:.75rem}.scanner-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.scanner-title svg{color:#3b82f6}.btn-close-scanner{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-close-scanner:hover{background-color:#f3f4f6;color:#1f2937}.scanner-mode-toggle{display:flex;gap:.5rem;padding:0 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.mode-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-button:hover{background:#f9fafb;border-color:#d1d5db}.mode-button.active{background:#111827;color:#fff;border-color:#111827}.mode-button svg{flex-shrink:0}.base-scanner-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto}.upload-area{width:100%;display:flex;flex-direction:column;gap:1.5rem}.upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;min-height:200px}.upload-loading p{margin:0;font-size:1rem;color:#6b7280;font-weight:500}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:center}.upload-placeholder:hover{border-color:#111827;background:#f3f4f6}.upload-placeholder svg{color:#9ca3af;transition:color .2s}.upload-placeholder:hover svg{color:#111827}.upload-placeholder h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.upload-placeholder p{margin:0;font-size:.95rem;color:#6b7280}.upload-format{font-size:.875rem!important;color:#9ca3af!important}.btn-upload-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#111827;color:#fff;border:1px solid #111827;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-upload-primary:hover{background:#000;border-color:#000}.camera-view{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.camera-video{display:block;width:100%;min-height:300px;max-height:400px;height:auto;border-radius:12px;background:#000;object-fit:cover;position:relative;z-index:1}.camera-overlay{position:absolute;top:0;left:0;right:0;bottom:80px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.frame{position:relative}.qr-frame{width:60%;aspect-ratio:1;max-width:300px}.card-frame{width:80%;aspect-ratio:1.586;max-width:450px}.frame-corner{position:absolute;width:30px;height:30px;border:3px solid #3b82f6}.frame-corner.top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.frame-corner.top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.frame-corner.bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.frame-corner.bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.camera-instructions{text-align:center;color:#6b7280;margin-top:.5rem}.camera-instructions p{margin:0;font-size:.95rem}.btn-capture{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f666}.btn-capture:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 20px #3b82f680}.btn-capture:active{transform:scale(.98)}.camera-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:#6b7280}.camera-loading svg{color:#cbd5e1;animation:pulse 2s ease-in-out infinite}.captured-image-preview{width:100%;display:flex;flex-direction:column;gap:1.5rem}.captured-image-preview img{width:100%;max-height:400px;border-radius:12px;object-fit:contain;background:#f9fafb;box-shadow:0 4px 12px #0000001a}.preview-actions{display:flex;gap:1rem}.btn-secondary,.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:active{transform:translateY(0)}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:12px;z-index:10}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.processing-overlay p{margin:0;color:#fff;font-size:1rem;font-weight:500}.scanner-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:#dc2626}.scanner-error svg{color:#dc2626}.scanner-error p{margin:0;color:#6b7280;font-size:.95rem}.btn-retry{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-retry:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-switch-camera{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-switch-camera:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-switch-camera:active{transform:translateY(0)}.base-scanner-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.scanner-privacy-note{margin:0;font-size:.85rem;color:#6b7280;text-align:center}@media (max-width: 768px){.base-scanner-overlay{padding:0}.base-scanner-modal{max-width:100%;max-height:100vh;border-radius:0}.base-scanner-header{padding:1rem}.scanner-title h2{font-size:1.1rem}.base-scanner-content{padding:1rem}.scanner-mode-toggle{padding:0 1rem .75rem}.mode-button{padding:.625rem .75rem;font-size:.875rem}.mode-button svg{width:16px;height:16px}.upload-placeholder{padding:2rem 1.5rem}.upload-placeholder svg{width:48px;height:48px}.upload-placeholder h3{font-size:1rem}.upload-placeholder p{font-size:.875rem}.camera-video{max-height:300px}.preview-actions{flex-direction:column}.btn-capture{font-size:1rem;padding:.875rem 1.75rem}}.scan-result-preview{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.result-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.result-badge{display:flex;align-items:center;gap:.5rem;color:#10b981;font-weight:600;font-size:.875rem}.result-badge svg{color:#10b981}.result-confidence{font-size:.875rem;color:#6b7280;font-weight:500}.contact-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.contact-preview-card h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#111827}.contact-preview-card .job-title{margin:0 0 .25rem;font-size:1rem;color:#6b7280;font-weight:500}.contact-preview-card .company{margin:0 0 1rem;font-size:.95rem;color:#9ca3af}.contact-field{padding:.75rem 0;border-top:1px solid #f3f4f6;font-size:.95rem}.contact-field:first-of-type{margin-top:1rem}.contact-field strong{color:#6b7280;font-weight:500;margin-right:.5rem}.result-meta{display:flex;justify-content:center;font-size:.8125rem;color:#9ca3af}.processing-detail{font-size:.875rem;color:#fffc;margin-top:.5rem}.preview-actions{display:flex;gap:1rem;margin-top:.5rem}@media (max-width: 768px){.scan-result-preview{gap:1rem}.result-header{flex-direction:column;gap:.75rem;align-items:flex-start}.contact-preview-card{padding:1.25rem}.contact-preview-card h3{font-size:1.25rem}.contact-field{padding:.625rem 0;font-size:.875rem}.preview-actions{flex-direction:column}}@media (max-width: 480px){.contact-preview-card{padding:1rem}.contact-preview-card h3{font-size:1.125rem}.result-badge,.result-confidence{font-size:.8125rem}}.contact-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem;animation:fadeIn .2s ease-in-out}.contact-preview-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.contact-preview-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.preview-title{display:flex;gap:.75rem}.preview-title svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.preview-title h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#1f2937}.ocr-badge{display:inline-block;font-size:.8rem;color:#6b7280;font-weight:400}.confidence{color:#10b981;font-weight:500}.btn-close-preview{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-close-preview:hover{background-color:#f3f4f6;color:#1f2937}.contact-preview-content{flex:1;overflow-y:auto;padding:1.5rem}.preview-notice{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;color:#92400e}.preview-notice svg{color:#f59e0b;flex-shrink:0}.preview-section{margin-bottom:2rem}.preview-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937}.preview-section h3 svg{color:#3b82f6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:#374151}.form-field input,.form-field select{padding:.625rem .875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .2s;background:#fff;color:#1f2937}.form-field input:focus,.form-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contact-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-list label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#1f2937}.contact-item svg{color:#6b7280;flex-shrink:0}.contact-item span:first-of-type{flex:1}.badge-primary,.badge-type{padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500}.badge-primary{background-color:#dbeafe;color:#1e40af}.badge-type{background-color:#f3f4f6;color:#6b7280;text-transform:uppercase}.address-display{padding:.875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#4b5563}.address-display p{margin:.25rem 0}.address-display p:first-child{margin-top:0}.address-display p:last-child{margin-bottom:0}.tags-input{display:flex;flex-direction:column;gap:.75rem}.tags-input input{padding:.625rem .875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .2s}.tags-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#dbeafe;color:#1e40af;border-radius:16px;font-size:.85rem;font-weight:500}.tag button{background:none;border:none;color:#1e40af;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;margin:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.tag button:hover{background-color:#1e40af;color:#fff}.contact-preview-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.btn-cancel,.btn-save{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-save{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:18px;height:18px;animation:spin .8s linear infinite}@media (max-width: 768px){.contact-preview-overlay{padding:0;align-items:flex-end}.contact-preview-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column}.contact-preview-header{padding:1rem;flex-shrink:0}.preview-title h2{font-size:1.1rem}.contact-preview-content{padding:1rem;flex:1;overflow-y:auto}.form-grid{grid-template-columns:1fr}.contact-preview-footer{flex-direction:column;padding:1rem;gap:.75rem;flex-shrink:0;position:sticky;bottom:0;background-color:#f9fafb;border-top:2px solid #e5e7eb}.btn-cancel,.btn-save{width:100%;padding:1rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.contact-preview-modal{max-height:98vh}.contact-preview-header{padding:.875rem}.preview-title h2{font-size:1rem}.contact-preview-content{padding:.875rem}.preview-section{margin-bottom:1.5rem}.form-field input,.form-field select{padding:.75rem;font-size:.9375rem}.btn-cancel,.btn-save{padding:.875rem 1.25rem;font-size:.9375rem}.contact-preview-footer{padding:.875rem}}.contact-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .2s ease-in-out}.contact-detail-modal{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.contact-detail-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:2rem;position:relative;flex-shrink:0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-favorite-large{background:#fff3;border:none;padding:.625rem;border-radius:50%;cursor:pointer;color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.btn-favorite-large:hover{background:#ffffff4d}.btn-favorite-large.active{background:#fbbf244d;color:#fbbf24}.btn-close-detail{background:#fff3;border:none;padding:.625rem;border-radius:50%;cursor:pointer;color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.btn-close-detail:hover{background:#ffffff4d}.header-content{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.contact-avatar{width:72px;height:72px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.contact-header-info{flex:1;min-width:0;padding-top:.25rem}.contact-header-info h1{margin:0 0 .5rem;font-size:1.875rem;font-weight:600;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.contact-header-info .job-title{margin:0 0 .5rem;font-size:1rem;opacity:.95;font-weight:400;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.contact-header-info .company-name{margin:0;display:flex;align-items:center;gap:.5rem;font-size:.9375rem;opacity:.9;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.header-actions{display:flex;gap:.625rem;flex-wrap:nowrap}.btn-action{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;background:#ffffff1a;color:#fff;white-space:nowrap}.btn-action svg{flex-shrink:0}.btn-action:hover{background:#fff3;border-color:#ffffff80}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-export:hover:not(:disabled){background:#10b98133;border-color:#10b98180}.btn-edit:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680}.btn-delete:hover{background:#ef444433;border-color:#ef444480}.contact-detail-content{padding:2rem;overflow-y:auto;flex:1}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem}.detail-section h3 svg{color:#3b82f6}.detail-group{margin-bottom:1.5rem}.detail-group:last-child{margin-bottom:0}.detail-group>label{display:block;font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.detail-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#f9fafb;border-radius:8px;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-item svg{color:#6b7280;flex-shrink:0}.detail-item a{color:#3b82f6;text-decoration:none;flex:1;font-weight:500}.detail-item a:hover{text-decoration:underline}.detail-item span:not(.badge-type):not(.badge-primary){flex:1;color:#1f2937}.badge-type{padding:.25rem .75rem;background:#e5e7eb;color:#6b7280;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{padding:.25rem .75rem;background:#dbeafe;color:#3b82f6;border-radius:12px;font-size:.75rem;font-weight:600}.address-block{padding:1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6}.address-block p{margin:.25rem 0;color:#1f2937;line-height:1.6}.address-block p:first-child{margin-top:0}.address-block p:last-child{margin-bottom:0}.notes-content{padding:1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6}.notes-content p{margin:0;color:#1f2937;line-height:1.6;white-space:pre-wrap}.category-badge{display:inline-block;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:20px;font-weight:600;font-size:.875rem}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{padding:.5rem 1rem;background:#e5e7eb;color:#1f2937;border-radius:16px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.contact-detail-overlay{padding:0;align-items:flex-end}.contact-detail-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.contact-detail-header{padding:1.25rem}.header-top{margin-bottom:1.25rem}.btn-favorite-large,.btn-close-detail{width:36px;height:36px;padding:.5rem}.btn-favorite-large svg,.btn-close-detail svg{width:20px;height:20px}.header-content{flex-direction:row;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.contact-avatar{width:56px;height:56px}.contact-avatar svg{width:32px;height:32px}.contact-header-info h1{font-size:1.375rem;margin-bottom:.375rem}.contact-header-info .job-title{font-size:.875rem;margin-bottom:.375rem}.contact-header-info .company-name{font-size:.8125rem}.contact-header-info .company-name svg{width:14px;height:14px}.header-actions{gap:.5rem;flex-wrap:nowrap}.btn-action{flex:1 1 0;padding:.625rem .5rem;font-size:.75rem;min-width:0}.btn-action svg{width:16px;height:16px}.contact-detail-content{padding:1.25rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{font-size:1rem}.detail-section h3 svg{width:18px;height:18px}}@media (max-width: 480px){.contact-detail-header{padding:1rem}.header-content{gap:.875rem}.contact-avatar{width:48px;height:48px}.contact-avatar svg{width:28px;height:28px}.contact-header-info h1{font-size:1.25rem}.contact-header-info .job-title{font-size:.8125rem}.contact-header-info .company-name{font-size:.75rem}.header-actions{gap:.375rem;width:100%;flex-wrap:nowrap}.btn-action{flex:1 1 0;min-width:0;padding:.75rem .5rem;font-size:.7rem;border-width:1.5px;flex-direction:column;gap:.25rem}.btn-action span{display:block;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:100%}.btn-action svg{width:20px;height:20px}.contact-detail-content{padding:1rem}}@media (max-width: 360px){.btn-action{flex:1 1 100%;padding:.75rem .875rem;font-size:.8125rem;justify-content:center}.btn-action span{display:inline}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .2s ease-in-out}.confirm-dialog-modal{background:#fff;border-radius:12px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.confirm-dialog-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:flex-start}.warning-icon{width:56px;height:56px;border-radius:50%;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;margin:0 auto}.btn-close-dialog{background:none;border:none;padding:.5rem;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;margin-left:auto}.btn-close-dialog:hover{background-color:#f3f4f6;color:#1f2937}.confirm-dialog-content{padding:1.5rem;text-align:center}.confirm-dialog-content h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#1f2937}.confirm-dialog-content p{margin:0;font-size:1rem;color:#6b7280;line-height:1.6}.confirm-dialog-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem}.btn-cancel-dialog,.btn-confirm-dialog{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel-dialog{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-cancel-dialog:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-confirm-dialog{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-confirm-dialog:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-confirm-dialog.destructive{background:#dc2626;box-shadow:0 4px 12px #dc26264d}.btn-confirm-dialog.destructive:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 20px #dc262666}.btn-confirm-dialog:disabled,.btn-cancel-dialog:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-confirm-dialog:active:not(:disabled){transform:translateY(0)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.confirm-dialog-modal{max-width:100%;margin:1rem}.confirm-dialog-footer{flex-direction:column}.btn-cancel-dialog,.btn-confirm-dialog{width:100%}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.export-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb}.export-modal-header-content{display:flex;align-items:center;gap:12px}.export-modal-icon{color:#3b82f6;flex-shrink:0}.export-modal-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.export-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.export-modal-close:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.export-modal-close:disabled{opacity:.5;cursor:not-allowed}.export-modal-body{padding:24px;overflow-y:auto;flex:1}.export-section{margin-bottom:28px}.export-section:last-child{margin-bottom:0}.export-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.export-options{display:flex;flex-direction:column;gap:12px}.export-option{display:flex;align-items:center;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.export-option:hover:not(.disabled){border-color:#3b82f6;background:#eff6ff}.export-option.selected{border-color:#3b82f6;background:#eff6ff}.export-option.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.export-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.export-option-content{display:flex;align-items:center;gap:12px;width:100%}.export-option-content svg{color:#6b7280;flex-shrink:0}.export-option.selected .export-option-content svg{color:#3b82f6}.export-option-text{display:flex;flex-direction:column;gap:4px;flex:1}.export-option-text strong{font-size:16px;font-weight:600;color:#1f2937}.export-option-text span{font-size:14px;color:#6b7280}.export-summary{padding:16px;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:20px}.export-summary p{margin:0;font-size:14px;color:#1e40af;text-align:center}.export-summary strong{font-weight:600}.export-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.export-modal-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.export-modal-button.secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.export-modal-button.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.export-modal-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.export-modal-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.export-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.export-success{padding:60px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.export-success-icon{color:#10b981;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.export-success h3{font-size:24px;font-weight:700;color:#1f2937;margin:0}.export-success p{font-size:16px;color:#6b7280;margin:0}@media (max-width: 640px){.export-modal{width:95%;max-height:95vh}.export-modal-header{padding:20px 16px 16px}.export-modal-header h2{font-size:20px}.export-modal-body{padding:20px 16px}.export-modal-footer{flex-direction:column;padding:16px}.export-option-content{flex-direction:column;align-items:flex-start;gap:8px}.export-option-text strong{font-size:15px}.export-option-text span{font-size:13px}}.card-type-label .card-name-ellipsis{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.business-card-item{position:relative;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005,inset 0 0 0 1px #ffffff80;height:100%;display:flex;flex-direction:column}.business-card-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);opacity:0;transition:opacity .3s ease}.business-card-item:hover:before{opacity:1}.business-card-item:hover{border-color:#3b82f6;box-shadow:0 12px 48px #3b82f62e,0 6px 16px #0000001a,inset 0 0 0 1px #3b82f61a;transform:translateY(-6px)}.business-card-item.is-default{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b1f,0 1px 3px #f59e0b14,inset 0 0 0 1px #fbbf2433}.business-card-item.is-default:before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309)}.business-card-item.is-default:hover{border-color:#f59e0b;box-shadow:0 12px 48px #f59e0b40,0 6px 16px #f59e0b1f,inset 0 0 0 1px #fbbf244d}.card-actions-menu{position:absolute;top:1rem;right:1rem;z-index:20}.menu-trigger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:50%;cursor:pointer;transition:all .3s ease;color:#64748b;box-shadow:0 2px 8px #00000014}.menu-trigger:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:scale(1.08);box-shadow:0 4px 12px #3b82f633}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 40px #00000026,0 4px 16px #0000001a;min-width:200px;padding:.5rem;animation:slideDown .25s cubic-bezier(.4,0,.2,1);z-index:30}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#334155;font-size:.9375rem;font-weight:500;text-align:left}.dropdown-item:hover:not(:disabled){background:#f1f5f9;color:#1e293b;transform:translate(2px)}.dropdown-item svg{flex-shrink:0;color:#64748b;transition:color .2s ease}.dropdown-item:hover:not(:disabled) svg{color:#3b82f6}.dropdown-item.delete{color:#dc2626}.dropdown-item.delete svg{color:#dc2626}.dropdown-item.delete:hover:not(:disabled){background:#fee2e2;color:#991b1b}.dropdown-item.delete:hover:not(:disabled) svg{color:#991b1b}.dropdown-item:disabled{opacity:.4;cursor:not-allowed}.default-badge-floating{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #f59e0b66;z-index:15}.business-card-content{position:relative;padding:3.5rem 1rem 1rem;cursor:pointer;flex:1;display:flex;flex-direction:column}.card-modern-layout{display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:start;flex:1}.card-info-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.card-type-label{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;max-width:100%;border:1px solid rgba(59,130,246,.15);transition:all .2s ease}.card-type-label:hover{background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f640;transform:translateY(-1px)}.card-type-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.card-main-info{display:flex;flex-direction:column;gap:.4rem}.card-display-name{font-size:1.375rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-.02em}.card-job-title{font-size:.9375rem;color:#64748b;margin:0;font-weight:500;line-height:1.4}.card-company{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.875rem;font-weight:500;margin-top:.25rem}.card-company svg{color:#94a3b8;flex-shrink:0}.card-contact-quick{display:flex;flex-direction:column;gap:.625rem;padding-top:.5rem}.contact-quick-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc80,#f1f5f94d);border-radius:12px;transition:all .3s ease;border:1px solid rgba(226,232,240,.5)}.contact-quick-item:hover{background:linear-gradient(135deg,#eff6ffcc,#dbeafe80);border-color:#3b82f64d;transform:translate(4px);box-shadow:0 2px 8px #3b82f614}.contact-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;flex-shrink:0;transition:all .3s ease;box-shadow:0 2px 6px #3b82f61a}.contact-quick-item:hover .contact-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #3b82f633;transform:scale(1.05)}.contact-icon svg{color:#3b82f6}.contact-text{font-size:.875rem;color:#334155;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-contact-msg{padding:1rem;background:#f8fafccc;border-radius:10px;text-align:center}.no-contact-msg span{color:#94a3b8;font-size:.8125rem;font-style:italic}.card-metadata-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .625rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:50px;font-size:.75rem;font-weight:600;color:#64748b;cursor:help;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.pill:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633}.pill svg{flex-shrink:0}.card-qr-section-modern{display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.qr-image-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.card-qr-image-modern{width:110px;height:110px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f;background:#fff;padding:.5rem;border:2px solid #e2e8f0}.card-qr-image-modern:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 12px 28px #3b82f64d,0 4px 12px #3b82f626;border-color:#3b82f6}.qr-scan-hint{display:flex;align-items:center;gap:.35rem;color:#94a3b8;font-size:.6875rem;font-weight:500}.qr-scan-hint svg{animation:scanPulse 2s infinite}@keyframes scanPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.qr-loading-modern,.qr-generate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:110px;height:110px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:.75rem;font-weight:600;transition:all .3s ease}.qr-generate-btn{cursor:pointer}.qr-generate-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;transform:scale(1.05)}.qr-loading-spin{animation:spin 1.5s linear infinite}@media (max-width: 1024px){.card-display-name{font-size:1.25rem}.card-qr-image-modern,.qr-loading-modern,.qr-generate-btn{width:100px;height:100px}}@media (max-width: 768px){.business-card-content{padding:3.25rem .875rem 1rem}.card-modern-layout{grid-template-columns:1fr;gap:1.25rem}.card-info-section{order:1}.card-qr-section-modern{order:2;justify-content:center;padding:1rem 0;border-top:1px solid rgba(226,232,240,.6)}.card-qr-image-modern{width:160px;height:160px}.qr-loading-modern,.qr-generate-btn{width:160px;height:160px;font-size:.8125rem}.card-display-name{font-size:1.25rem}.menu-trigger{width:36px;height:36px}.menu-trigger svg{width:19px;height:19px}}@media (max-width: 480px){.business-card-item{border-radius:16px}.business-card-content{padding:3rem .75rem .875rem}.card-modern-layout{gap:1rem}.card-display-name{font-size:1.125rem}.card-job-title{font-size:.875rem}.card-company,.contact-text{font-size:.8125rem}.contact-icon{width:32px;height:32px}.contact-icon svg{width:14px;height:14px}.default-badge-floating{font-size:.6875rem;padding:.4rem .75rem;top:.875rem;left:.875rem}.card-actions-menu{top:.875rem;right:.875rem}.menu-trigger{width:34px;height:34px}.card-qr-image-modern,.qr-loading-modern,.qr-generate-btn{width:170px;height:170px}.dropdown-menu{min-width:180px}.dropdown-item{font-size:.875rem;padding:.75rem .875rem}}@media (max-width: 360px){.card-display-name{font-size:1.0625rem}.card-qr-image-modern,.qr-loading-modern,.qr-generate-btn{width:150px;height:150px}}@media (prefers-contrast: high){.business-card-item{border-width:2px}.btn-view-overlay{border:2px solid #3b82f6}}@media (prefers-reduced-motion: reduce){.business-card-item,.menu-trigger,.dropdown-item,.card-qr-image-modern,.pill,.qr-generate-btn{transition:none}.qr-loading-spin,.scanPulse{animation:none}}.form-section-header{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;color:#1e293b;font-size:1.15rem;font-weight:700}.form-section-header:not(:first-of-type){margin-top:2.5rem;padding-top:2.5rem;border-top:2px solid #f1f5f9}.form-section-header svg{color:#3b82f6;flex-shrink:0}.form-section-header-text{display:flex;align-items:center;gap:.5rem}.form-group .label{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.character-counter{font-size:.75rem;color:#6b7280;font-weight:500;white-space:nowrap}.validation-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem}.form-group.no-label>label.label:first-child:empty{display:none}.form-group.no-label{margin-top:-.5rem}.address-form .input,.address-form .select{background:#fff;transition:all .2s ease;max-width:100%;box-sizing:border-box;width:100%}.address-form .select{overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100vw;box-sizing:border-box}.address-form .select option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}@media (max-width: 768px){.address-row{grid-template-columns:1fr}.address-form{padding:1rem;margin-bottom:1rem}.address-header-content h3{font-size:.9rem}.address-icon{width:16px;height:16px}.address-form .select{max-width:100vw}}.dynamic-section{margin:2rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.section-header h3{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.empty-message{padding:1rem;text-align:center;color:#64748b;font-size:.9rem;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}@media (max-width: 768px){.dynamic-section{margin:1.5rem 0;padding:0}.section-header{margin-bottom:1rem;flex-direction:column;align-items:stretch;gap:.75rem}.section-header h3{font-size:.95rem}.section-header .btn{width:100%;justify-content:center}}@media (max-width: 480px){.dynamic-section{margin:1.25rem 0}.section-header{flex-direction:column;align-items:stretch;gap:.75rem}.section-header h3{font-size:.875rem}}.wallet-preview{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;margin-top:1rem;display:flex;flex-direction:column;flex:1}.wallet-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wallet-preview-title{display:flex;align-items:center;gap:.625rem}.wallet-preview-title svg{color:var(--accent-purple);flex-shrink:0}.wallet-preview-title h3{font-size:1rem;font-weight:600;color:var(--section-title);margin:0}.wallet-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#f3f4f6;border:1px solid var(--card-border);border-radius:5px;font-size:.75rem;font-weight:600;color:var(--main-text)}.btn-view-all{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--accent-blue);color:var(--card-bg);border:none;border-radius:6px;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.btn-view-all:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0058d840}.btn-view-all svg{transition:transform .2s ease}.btn-view-all:hover svg{transform:translate(2px)}.wallet-preview-content{min-height:80px;flex:1;display:flex;flex-direction:column}.wallet-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;flex:1}.wallet-empty-state svg{color:var(--muted-text);margin-bottom:.75rem;opacity:.5}.wallet-empty-state p{font-size:.9375rem;font-weight:500;color:var(--main-text);margin:0 0 .25rem}.wallet-empty-state span{font-size:.8125rem;color:var(--muted-text)}.contacts-list{display:flex;flex-direction:column;gap:.75rem}.contact-preview-item{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:var(--light-card-bg);border:1px solid var(--card-border);border-radius:8px;transition:all .2s ease;cursor:pointer}.contact-preview-item:hover{background:var(--very-light-blue);border-color:var(--accent-blue);transform:translate(2px)}.contact-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--very-light-blue)}.contact-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;color:#6366f1}.contact-info{flex:1;min-width:0}.contact-info h4{font-size:.9375rem;font-weight:600;color:var(--section-title);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info p{font-size:.8125rem;color:var(--muted-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-time{font-size:.75rem;color:var(--muted-text);flex-shrink:0}@media (max-width: 1024px){.wallet-preview{display:none}}:root{--accent-blue: rgb(0, 88, 216);--accent-blue-secondary: rgb(0, 103, 197);--accent-blue-hover: rgb(2, 91, 179);--info-blue: rgb(0, 87, 216);--very-light-blue: rgb(247, 247, 247);--main-text: #444444;--secondary-text: #333333;--muted-text: #888888;--section-title: #1a1a1a;--card-bg: #ffffff;--light-card-bg: #fafafa;--light-gray: #ececec;--border-gray: #dddddd;--card-border: #e1e1e1;--input-border-gray: #cccccc;--default-card-bg: #fffbeb;--default-card-border: #fbbf24;--success-green: #10b981;--accent-purple: #8b5cf6;--accent-amber: #f59e0b;--gradient-purple-start: #667eea;--gradient-purple-end: #764ba2}.dashboard-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;min-height:calc(100vh - 64px);background:var(--very-light-blue)}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.dashboard-top-section{display:grid;grid-template-columns:360px 1fr;gap:1.25rem;margin-bottom:1rem;align-items:stretch}.user-profile-card{background:var(--card-bg);border:2px solid rgba(0,88,216,.2);border-radius:12px;padding:1.75rem 1.5rem;box-shadow:0 4px 16px #0058d826;height:100%;display:flex;flex-direction:column}.profile-header{margin-bottom:1.25rem}.profile-section-title{font-size:.8125rem;font-weight:600;color:#0058d8;text-transform:uppercase;letter-spacing:.05em;margin:0;text-align:center}.profile-content{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;margin-bottom:1.25rem;border:3px solid rgba(0,88,216,.2);box-shadow:0 4px 12px #0058d826}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#0058d81a;display:flex;align-items:center;justify-content:center;color:#0058d8}.profile-details{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}.profile-name{font-size:1.375rem;font-weight:600;color:var(--section-title);margin:0 0 1rem;line-height:1.3}.profile-info-item{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.5rem 0;color:var(--main-text);font-size:.875rem;text-align:left;word-break:break-word;overflow-wrap:break-word}.profile-info-item svg{color:#0058d8;flex-shrink:0;width:18px;height:18px}.quick-actions-column{display:flex;flex-direction:column;gap:0;height:100%}.quick-actions-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:center;min-height:100px}.quick-action-btn:hover:not(:disabled){border-color:var(--accent-blue);background:var(--very-light-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0058d81a}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-btn svg{flex-shrink:0;width:28px;height:28px}.scan-btn svg{color:var(--success-green)}.create-btn{background:var(--card-bg);border:1px solid var(--card-border)}.create-btn:hover:not(:disabled){background:var(--very-light-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0058d826}.create-btn svg{color:var(--accent-blue)}.wallet-btn svg{color:var(--accent-purple)}.btn-content{display:flex;flex-direction:column;gap:.25rem;align-items:center}.btn-title{font-size:.9375rem;font-weight:600;color:var(--section-title);line-height:1.3}.btn-subtitle{font-size:.75rem;color:var(--muted-text);line-height:1.4}.default-card-section{background:linear-gradient(135deg,#0058d80d,#0067c514);border:2px solid rgba(0,88,216,.2);border-radius:12px;padding:1.5rem;margin-bottom:0;box-shadow:0 4px 16px #0058d81a;height:fit-content}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:nowrap}.section-title{display:flex;align-items:center;gap:.75rem;flex-shrink:1;min-width:0}.section-title h3{font-size:1.125rem;font-weight:600;color:var(--section-title);margin:0}.star-icon{color:#0058d8;flex-shrink:0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .625rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;font-size:.875rem;font-weight:600;color:var(--main-text)}.btn-edit{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--accent-blue);color:var(--card-bg);border:none;border-radius:6px;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-edit svg{width:16px;height:16px}.btn-edit:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0058d840}.default-card-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.card-details{display:flex;flex-direction:column;gap:.625rem;width:100%;align-items:center}.card-name-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;justify-content:center}.card-name-badge{display:inline-flex;padding:.25rem .75rem;background:#0058d81a;border:1px solid rgba(0,88,216,.3);border-radius:5px;font-size:.75rem;font-weight:600;color:#0058d8}.card-display-name{font-size:1.5rem;font-weight:600;color:var(--section-title);margin:0 0 .375rem;word-break:break-word;overflow-wrap:break-word;line-height:1.3}.card-info-row{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--main-text);font-size:.8125rem;padding:.25rem 0;word-break:break-word;overflow-wrap:break-word}.card-info-row svg{color:var(--accent-blue);flex-shrink:0;width:18px;height:18px}.card-qr-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-wrapper{width:180px;height:180px;background:var(--card-bg);border:2px solid rgba(0,88,216,.3);border-radius:10px;padding:.625rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0058d81a}.qr-code-image{width:100%;height:100%;cursor:pointer;transition:all .2s ease;border-radius:8px}.qr-code-image:hover{transform:scale(1.05)}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--muted-text)}.btn-download-qr{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--accent-blue);color:var(--card-bg);border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-download-qr:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0058d833}.no-default-card{background:#0058d805;border:2px dashed rgba(0,88,216,.25);border-radius:12px;padding:2rem 1.5rem;margin-bottom:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content}.no-default-card svg{color:#0058d8;margin-bottom:.875rem;opacity:.6}.no-default-card h3{font-size:1.125rem;font-weight:600;color:var(--section-title);margin:0 0 .5rem}.no-default-card p{font-size:.875rem;color:var(--muted-text);margin:0 0 1.25rem;line-height:1.5}.btn-primary-action{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-blue);color:var(--card-bg);border:none;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.btn-primary-action:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0058d833}.btn-primary-action:disabled{opacity:.5;cursor:not-allowed}.all-cards-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;margin-bottom:0}.dashboard-main-content{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;margin-bottom:1.5rem;margin-top:0}.btn-manage{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--accent-blue);color:var(--card-bg);border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-manage:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0058d840}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:var(--very-light-blue);display:flex;align-items:center;justify-content:center;color:var(--muted-text)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--section-title);margin:0 0 .5rem}.empty-state p{font-size:.9375rem;color:var(--muted-text);margin:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.card-item{background:var(--light-card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1.25rem;transition:all .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:1rem}.card-item:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #0058d814;transform:translateY(-2px)}.card-item.is-default{background:var(--default-card-bg);border-color:var(--default-card-border)}.default-badge-corner{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--default-card-border);color:#78350f;border-radius:4px;font-size:.75rem;font-weight:600}.card-item-header{display:flex;align-items:center;gap:.5rem;color:var(--accent-blue)}.card-name{font-weight:600;font-size:.875rem;color:var(--main-text)}.card-item-body{flex:1}.card-item-body h4{font-size:1.125rem;font-weight:600;color:var(--section-title);margin:0 0 .375rem}.card-job{font-size:.875rem;color:var(--secondary-text);margin:0 0 .25rem}.card-company{font-size:.875rem;color:var(--muted-text);margin:0}.card-item-meta{display:flex;gap:1rem;font-size:.8125rem;color:var(--muted-text)}.card-item-meta span{display:flex;align-items:center;gap:.375rem}.card-item-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--card-border)}.btn-icon{padding:.5rem;background:var(--card-bg);color:var(--main-text);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.btn-icon:hover:not(:disabled){background:var(--accent-blue);color:var(--card-bg);border-color:var(--accent-blue)}.btn-icon.danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:var(--card-bg)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 1600px){.dashboard-container{max-width:1600px}.dashboard-top-section,.dashboard-main-content{grid-template-columns:380px 1fr}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.profile-avatar{width:110px;height:110px;margin-bottom:1.5rem}.avatar-placeholder svg{width:56px;height:56px}.profile-section-title{font-size:.875rem}.profile-name{font-size:1.5rem;margin-bottom:1.25rem}.profile-info-item{font-size:.9375rem;padding:.625rem 0;gap:.75rem}.profile-info-item svg{width:20px;height:20px}}@media (max-width: 1400px){.dashboard-top-section,.dashboard-main-content{grid-template-columns:340px 1fr}.profile-avatar{width:100px;height:100px;margin-bottom:1.375rem}.avatar-placeholder svg{width:50px;height:50px}.profile-name{font-size:1.4375rem;margin-bottom:1.125rem}.profile-info-item{font-size:.9375rem;padding:.5625rem 0}.profile-info-item svg{width:19px;height:19px}}@media (max-width: 1200px){.dashboard-top-section,.dashboard-main-content{grid-template-columns:320px 1fr}.quick-action-btn{min-height:100px;padding:1rem .875rem}.qr-wrapper{width:160px;height:160px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}}@media (max-width: 1024px){.dashboard-top-section{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.user-profile-card{height:auto}.profile-details{justify-content:flex-start}.quick-actions-column{gap:0}.quick-actions-buttons{grid-template-columns:repeat(3,1fr);gap:.75rem}.quick-action-btn{min-height:95px}.dashboard-main-content{grid-template-columns:1fr;gap:1.5rem}.default-card-section,.no-default-card,.all-cards-section{margin-bottom:0}.section-header{flex-wrap:wrap}}@media (max-width: 992px){.dashboard-container{padding:1.5rem}.dashboard-top-section{margin-bottom:1rem}.default-card-section,.no-default-card{margin-bottom:0}.quick-action-btn svg{width:26px;height:26px}.btn-title{font-size:.9375rem}.btn-subtitle{font-size:.75rem}.default-card-section{margin-bottom:1.5rem}.qr-wrapper{width:200px;height:200px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-top-section{margin-bottom:1rem}.user-profile-card{padding:1.5rem}.quick-actions-column{gap:0}.quick-actions-buttons{grid-template-columns:repeat(3,1fr);gap:.625rem}.quick-action-btn{flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:75px;padding:.75rem .5rem;gap:.5rem;border-radius:8px}.btn-content{align-items:center;gap:0}.quick-action-btn svg{width:24px;height:24px}.btn-title{font-size:.8125rem;font-weight:600}.btn-subtitle{display:none}.profile-avatar{width:85px;height:85px;margin-bottom:1.125rem}.profile-name{font-size:1.3125rem;margin-bottom:1rem}.profile-info-item{font-size:.875rem;padding:.5rem 0}.profile-info-item svg{width:18px;height:18px}.card-display-name{font-size:1.5rem}.card-info-row{font-size:.8125rem;padding:.25rem 0}.card-info-row svg{width:16px;height:16px}.default-card-section{padding:1.5rem}.section-header{margin-bottom:1rem;display:flex!important;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:nowrap!important}.section-title{flex-shrink:1;min-width:0;display:flex;align-items:center;gap:.5rem}.section-title h3{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star-icon{width:18px;height:18px;flex-shrink:0}.card-name-header,.btn-edit{display:none}.card-details{gap:.5rem;order:2}.card-qr-section{order:1}.qr-wrapper{width:160px;height:160px}.all-cards-section{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-title h3{font-size:1.125rem}.qr-wrapper{width:180px;height:180px}.cards-grid{grid-template-columns:1fr;gap:1rem}.card-item{padding:1.125rem}}@media (max-width: 600px){.dashboard-container{padding:1rem .875rem}.user-profile-card{padding:1.5rem}.quick-actions-buttons{gap:.5rem}.quick-action-btn{padding:.625rem .375rem;min-height:70px}.quick-action-btn svg{width:22px;height:22px}.btn-title{font-size:.75rem}.btn-subtitle{display:none}.default-card-section,.no-default-card{padding:1.25rem}.section-header{display:flex!important;justify-content:space-between;align-items:center;gap:.625rem;flex-wrap:nowrap!important}.section-title{flex-shrink:1;min-width:0;display:flex;align-items:center;gap:.5rem}.section-title h3{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star-icon{width:18px;height:18px;flex-shrink:0}.card-name-header,.btn-edit{display:none}.default-card-content{gap:1rem}.card-details{order:2}.card-qr-section{order:1;flex-direction:column;gap:.625rem}.qr-wrapper{width:140px;height:140px}.card-display-name{font-size:1.375rem}.card-details{gap:.5rem}.btn-download-qr{width:100%;max-width:100%;padding:.875rem 1rem}}@media (max-width: 480px){.dashboard-container{padding:.875rem}.user-profile-card{padding:1.25rem}.profile-avatar{width:75px;height:75px;margin-bottom:1rem}.avatar-placeholder svg{width:38px;height:38px}.profile-name{font-size:1.125rem}.profile-info-item{font-size:.75rem;padding:.375rem 0}.quick-actions-buttons{gap:.5rem}.quick-action-btn{padding:.625rem .375rem;min-height:68px;border-radius:8px}.quick-action-btn svg{width:22px;height:22px}.btn-title{font-size:.75rem;line-height:1.2}.btn-subtitle{display:none}.default-card-section,.no-default-card{padding:1rem}.default-card-content{gap:.75rem}.card-details{order:2}.card-qr-section{order:1;gap:.5rem}.qr-wrapper{width:130px;height:130px}.card-display-name{font-size:1.25rem}.card-details{gap:.375rem}.card-info-row{font-size:.75rem;padding:.25rem 0}.qr-wrapper{width:150px;height:150px;padding:.5rem}.btn-download-qr{padding:.75rem .875rem;font-size:.8125rem}.section-header{margin-bottom:.75rem;display:flex!important;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:nowrap!important}.section-title{flex-shrink:1;min-width:0;display:flex;align-items:center;gap:.5rem}.section-title h3{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star-icon{width:16px;height:16px;flex-shrink:0}.card-name-header,.btn-edit{display:none}.all-cards-section{padding:1.25rem}.btn-manage{padding:.75rem 1rem;font-size:.8125rem}.no-default-card{padding:1.5rem 1rem}.no-default-card h3{font-size:1rem}.no-default-card p{font-size:.8125rem}}@media (max-width: 360px){.dashboard-container{padding:.75rem}.user-profile-card,.default-card-section,.no-default-card,.all-cards-section{padding:1rem}.quick-action-btn{padding:.5rem .25rem;gap:.375rem;min-height:64px}.quick-action-btn svg{width:20px;height:20px}.btn-title{font-size:.6875rem;line-height:1.2}.btn-subtitle{display:none}.profile-name,.card-display-name{font-size:1.125rem}.default-card-content{gap:.625rem}.card-details{order:2}.card-qr-section{order:1;gap:.5rem}.qr-wrapper{width:120px;height:120px;padding:.5rem}.btn-download-qr{padding:.625rem .75rem;font-size:.8125rem}.section-header{display:flex!important;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:nowrap!important}.section-title{flex-shrink:1;min-width:0;display:flex;align-items:center;gap:.375rem}.section-title h3{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star-icon{width:15px;height:15px;flex-shrink:0}.card-name-header,.btn-edit{display:none}.card-name-badge{font-size:.6875rem;padding:.25rem .625rem}.card-item{padding:1rem}.no-default-card h3{font-size:.9375rem}.no-default-card p{font-size:.75rem}.no-default-card svg{width:48px;height:48px}}.card-manager-container{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 4rem;min-height:calc(100vh - 64px)}.card-manager-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#1e3a8a;border:2px solid #E5E7EB;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:fit-content}.btn-back:hover{background:#f3f4f6;border-color:#1e3a8a;transform:translate(-2px)}.header-content-main{display:flex;flex-direction:column;gap:.5rem}.card-manager-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:#111827;margin:0;font-weight:700}.card-manager-header h1 svg{color:#1e3a8a}.header-title-row,.header-description-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header-description{color:#6b7280;font-size:1rem;margin:0;line-height:1.5}.mode-indicator-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px #0000001a;animation:fadeInSlide .3s ease-out}.mode-indicator-badge.view-mode{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;border:2px solid #C7D2FE}.mode-indicator-badge.edit-mode{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #FCD34D}.mode-indicator-badge .mode-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.mode-indicator-badge.view-mode .mode-dot{background:#4338ca}.mode-indicator-badge.edit-mode .mode-dot{background:#92400e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-manager-content{display:grid;grid-template-columns:1fr 450px;gap:2rem;align-items:start}.generate-qr-container{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 6rem}.generate-qr-header{margin-bottom:2rem}.generate-qr-header h1{font-size:2rem;color:#1e293b;margin-bottom:.5rem;font-weight:700}.generate-qr-header p{color:#64748b;font-size:1rem}.generate-qr-content{display:grid;grid-template-columns:1fr 450px;gap:2rem;align-items:start}.preview-section{position:sticky;top:1.5rem;background:linear-gradient(135deg,#f8fafc,#fff);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid #e5e7eb}.preview-section h2{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.preview-header h2{margin:0;flex:1}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.85rem}.alert-error{background:#fef2f2;color:#991b1b;border:2px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:2px solid #bbf7d0}.alert p{margin:0;font-weight:500}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin:0 0 1rem}.qr-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:600;color:#475569;font-size:.85rem}.qr-toggle-btn:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}.qr-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f6;color:#fff;box-shadow:0 2px 12px #3b82f64d}.toggle-content{display:flex;flex-direction:column;gap:.15rem;text-align:center}.toggle-title{font-weight:700;font-size:.9rem}.toggle-desc{font-size:.7rem;opacity:.9}.qr-info-box{width:100%;margin:0 0 1rem;padding:.875rem 1rem;background:#eff6ff;border:2px solid #3b82f6;border-left:4px solid #3b82f6;border-radius:10px}.qr-info-box.vcard{background:#f0fdf4;border-color:#10b981;border-left-color:#10b981}.qr-info-header{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1e40af;margin-bottom:.5rem;font-size:.85rem}.qr-info-box.vcard .qr-info-header{color:#047857}.qr-info-text{font-size:.8rem;color:#1e40af;line-height:1.5;margin:0}.qr-info-box.vcard .qr-info-text{color:#047857}.tracking-url{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;background:#fff;border-radius:6px;font-size:.75rem;color:#475569;font-family:monospace;word-break:break-all}.qr-preview img{max-width:100%;width:360px;height:auto;border:3px solid #e5e7eb;border-radius:16px;padding:2rem;background:#fff;box-shadow:0 8px 24px #0000001a}.qr-preview-image.clickable{cursor:pointer;transition:all .3s ease}.qr-preview-image.clickable:hover{transform:scale(1.05);box-shadow:0 12px 32px #00000026;border-color:#3b82f6}.qr-preview-image.clickable:active{transform:scale(.98)}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;width:100%;border:3px dashed #cbd5e1;border-radius:16px;background:#f8fafc;color:#94a3b8;gap:1rem}.qr-placeholder svg{opacity:.5}.qr-placeholder p{margin:0;font-size:.95rem;font-weight:500}.download-options{width:100%;display:flex;flex-direction:column;gap:1.5rem}.download-section{display:flex;flex-direction:column;gap:.75rem}.download-section h4{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-left:.25rem}.download-icons{display:flex;gap:.75rem;flex-wrap:wrap}.icon-btn{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;font-size:.8rem;font-weight:600;color:#64748b}.icon-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn svg{color:currentColor;flex-shrink:0}.icon-btn span{font-size:.75rem}.btn-regenerate-header{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px #3b82f64d}.btn-regenerate-header:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-regenerate-header:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-regenerate-header svg{flex-shrink:0}.branded-card-info{width:100%;margin:1rem 0;padding:1rem 1.25rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10B981;border-left:4px solid #059669;border-radius:10px;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 8px #10b98126}.branded-card-info svg{color:#047857;flex-shrink:0;margin-top:.125rem}.branded-card-info span{color:#065f46;font-size:.875rem;line-height:1.5}.branded-card-info strong{color:#047857;font-weight:700}.download-heading{width:100%;text-align:center;padding:1rem 0 .5rem;border-top:2px solid #f1f5f9;margin-top:.5rem}.download-heading h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#1e293b}.download-heading p{margin:0;font-size:.85rem;color:#64748b}.form-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;max-width:100%;overflow-x:hidden;transition:all .3s ease}.form-section.view-mode-form{background:linear-gradient(to bottom,#fafbfc,#fff);border:2px solid #E0E7FF;box-shadow:0 4px 16px #4f46e514}.form-section.edit-mode-form{background:#fff;border:2px solid #FDE68A;box-shadow:0 4px 16px #f59e0b14}.form-section h2{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;color:#1e293b;font-size:1.15rem;font-weight:700}.form-section h2:not(:first-of-type){margin-top:2.5rem;padding-top:2.5rem;border-top:2px solid #f1f5f9}.form-section h2 svg{color:#3b82f6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem;max-width:100%;overflow:hidden}.form-group label{font-weight:600;color:#374151;font-size:.85rem}.form-group label span{color:#ef4444}.input,.select,textarea{padding:.75rem .875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#1e293b;background:#fff;transition:all .3s ease;font-family:inherit;max-width:100%;box-sizing:border-box}.select{width:100%}.select option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input:hover:not(:disabled):not(.readonly-field),.select:hover:not(:disabled):not(.readonly-field),textarea:hover:not(:disabled):not(.readonly-field){border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.input:focus,.select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.input:disabled,.select:disabled,textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}textarea{min-height:100px;resize:vertical;font-family:inherit}.input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a!important}.error-text{color:#dc2626;font-size:.875rem;margin-top:.25rem;display:block;font-weight:500}.success-text{color:#059669;font-size:.875rem;margin-top:.25rem;display:block;font-weight:500}.dynamic-item-wrapper{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.dynamic-item-wrapper .dynamic-item{margin-bottom:0}.validation-summary-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #FCA5A5;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #ef44441a}.validation-header{display:flex;align-items:center;gap:.75rem;color:#991b1b;margin-bottom:.875rem;font-size:1rem}.validation-header svg{flex-shrink:0}.validation-list{list-style:none;padding:0;margin:0 0 .875rem}.validation-list li{padding:.5rem .75rem;margin-bottom:.5rem;background:#fff;border-radius:8px;color:#dc2626;font-size:.9rem;border-left:3px solid #EF4444;font-weight:500}.validation-list li:last-child{margin-bottom:0}.validation-footer{margin:0;color:#7f1d1d;font-size:.875rem;font-style:italic}.field-info-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #FCD34D;border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 8px #f59e0b1a}.field-info-banner svg{color:#92400e;flex-shrink:0;margin-top:.125rem}.field-info-banner span{color:#78350f;font-size:.875rem;line-height:1.5}.field-info-banner strong{color:#92400e;font-weight:600}.warning-text{color:#b45309;font-weight:600;display:inline-block}.field-info-banner.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93C5FD;box-shadow:0 2px 8px #3b82f61a}.field-info-banner.info svg{color:#1e40af}.field-info-banner.info span{color:#1e3a8a}.field-info-banner.info strong{color:#1e40af}.btn-edit-mode{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.btn-edit-mode:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.btn-edit-mode svg{width:20px;height:20px}.btn-cancel-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef44444d}.btn-cancel-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-cancel-edit svg{width:20px;height:20px}.btn{padding:.875rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.btn-secondary:hover:not(:disabled){background:#eff6ff;transform:translateY(-2px)}.btn-sm{padding:.625rem 1rem;font-size:.875rem}.dynamic-section{margin:2rem 0;padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.section-header h3{color:#374151;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.dynamic-item{display:flex;gap:.75rem;margin-bottom:1rem;align-items:flex-end}.dynamic-item .form-group{flex:1}.phone-item{display:grid;grid-template-columns:140px 1fr auto;gap:.75rem;align-items:flex-end}.btn-remove{padding:.875rem;background:#fef2f2;border:2px solid #fecaca;border-radius:10px;color:#dc2626;cursor:pointer;transition:all .2s;flex-shrink:0;height:48px;width:48px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.address-form{background:linear-gradient(135deg,#f8fafc,#fff);padding:1.75rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid #E2E8F0;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;max-width:100%;overflow:hidden}.address-form:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.address-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #F1F5F9}.address-header-content{display:flex;align-items:center;gap:.75rem;flex:1}.address-icon{color:#3b82f6;flex-shrink:0}.address-header-content h3{margin:0;font-size:1rem;font-weight:700;color:#1e293b;letter-spacing:-.01em}.address-header-actions{display:flex;align-items:center;gap:.75rem}.address-type-select{min-width:100px;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:#475569;background:#fff;border:2px solid #E2E8F0;border-radius:8px;transition:all .2s ease}.address-type-select:hover:not(:disabled){border-color:#3b82f6}.address-type-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.address-form .form-group{margin-bottom:1rem}.address-form .form-group:last-child{margin-bottom:0}.address-form .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#475569;font-size:.875rem}.validation-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.validation-icon.error{color:#ef4444;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.address-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.address-row:last-child{margin-bottom:0}.address-form .input,.address-form .select{background:#fff;transition:all .2s ease;max-width:100%;width:100%;box-sizing:border-box}.address-form .select{overflow:hidden;text-overflow:ellipsis}.address-form .input:hover:not(:disabled):not(.readonly-field),.address-form .select:hover:not(:disabled):not(.readonly-field){border-color:#94a3b8;background:#fafbfc}.address-form .input:focus,.address-form .select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.address-form .input-error{border-color:#f87171;background:#fef2f2;animation:errorPulse .5s ease}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.address-form .error-text{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#dc2626;margin-top:.375rem;font-weight:600}.address-form .error-text:before{content:"⚠";font-size:.875rem}.input-wrapper{display:flex;flex-direction:column;gap:.25rem;width:100%}.input-wrapper .error-text{margin-top:.25rem}.color-picker-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input{display:flex;gap:.75rem;align-items:center}.color-input input[type=color]{width:56px;height:48px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:4px}.color-input input[type=text]{flex:1}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.readonly-field{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;cursor:not-allowed!important;color:#6b7280!important;border-color:#d1d5db!important;opacity:.9;transition:all .2s ease;position:relative}.readonly-field:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important}.readonly-field:focus{outline:none!important;box-shadow:0 0 0 3px #d1d5db33!important}.readonly-field::placeholder{color:#9ca3af!important}.view-mode-form .readonly-field{background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;border-color:#c7d2fe!important;color:#4338ca!important;font-weight:500}.view-mode-form .readonly-field:hover{background:linear-gradient(135deg,#e0e7ff,#ddd6fe)!important}select.readonly-field:disabled,select[disabled]{background:#f9fafb!important;cursor:not-allowed!important;color:#6b7280!important;opacity:.9}textarea.readonly-field{resize:none}.readonly-note{color:#9ca3af;font-weight:400;font-size:.75rem;margin-left:.25rem}.company-info-section{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.company-info-section .form-grid{margin-bottom:0}.company-info-section .readonly-field{background:#fff!important;font-weight:500;color:#475569!important}.full-width-group{width:100%;margin-bottom:1.5rem}.full-width-group .form-group{width:100%}.desktop-save-button{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:2px solid #f1f5f9}.btn-save-desktop{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,#1e3a8a,#1e40af);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;font-weight:700;font-size:1rem;box-shadow:0 4px 16px #1e3a8a59;min-width:200px}.btn-save-desktop:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e4db8);transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a73}.btn-save-desktop:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-save-button{display:none;margin-top:2rem;padding-top:2rem;border-top:2px solid #f1f5f9}.btn-save-mobile{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;font-weight:700;font-size:1rem;box-shadow:0 4px 16px #3b82f659}.btn-save-mobile:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.btn-save-mobile:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save-mobile svg{flex-shrink:0}@media (max-width: 1024px){.generate-qr-content,.card-manager-content{grid-template-columns:1fr}.preview-section{position:static}}@media (max-width: 768px){.generate-qr-container,.card-manager-container{padding:1.5rem 1rem 5rem}.generate-qr-header h1,.card-manager-header h1{font-size:1.5rem}.btn-back{width:100%;justify-content:center}.preview-section{padding:1.5rem;order:2}.form-section{padding:1.5rem;order:1}.mobile-save-button{display:block}.desktop-save-button,.btn-regenerate-header{display:none}.form-grid{grid-template-columns:1fr;gap:1rem}.input,.select,textarea{max-width:100%;width:100%;box-sizing:border-box}.select{overflow:hidden!important;text-overflow:ellipsis!important}.select option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.input,.select,textarea{padding:.625rem .75rem;font-size:.9rem}.form-group label{font-size:.8rem}.btn{padding:.75rem 1.25rem;font-size:.9rem}.btn-sm{padding:.5rem .875rem;font-size:.8rem}.btn-remove{height:42px;width:42px;padding:.625rem}.mode-indicator-badge{font-size:.75rem;padding:.4rem .75rem}.header-description-row{flex-direction:column;align-items:flex-start;gap:.75rem}.form-section h2{font-size:1.05rem;margin-bottom:1.25rem}.form-section h2:not(:first-of-type){margin-top:2rem;padding-top:2rem}.qr-type-toggle{grid-template-columns:1fr}.phone-item{grid-template-columns:120px 1fr auto}.address-row,.color-picker-section{grid-template-columns:1fr}.download-button-group{height:48px}.btn-download-primary{font-size:.9rem}.qr-preview img{width:280px}.dynamic-section{margin:1.5rem 0;padding:0}.section-header{margin-bottom:1rem;flex-direction:column;align-items:stretch;gap:.75rem}.section-header h3{font-size:.95rem}.section-header .btn{width:100%;justify-content:center}.phone-item{grid-template-columns:1fr;gap:.75rem}.phone-item select,.phone-item input{width:100%}.phone-item .btn-remove{width:100%;height:44px}.dynamic-item{flex-direction:column;gap:.75rem}.dynamic-item input{width:100%}.dynamic-item .btn-remove{width:100%;height:44px}.address-form{padding:1.25rem}.address-header{flex-direction:column;align-items:stretch;gap:.75rem}.address-header-actions{flex-direction:column;gap:.75rem}.address-type-select{width:100%}.address-header .btn-remove{width:100%;height:44px}.address-row{grid-template-columns:1fr}.header-title-row{flex-direction:column;align-items:flex-start;gap:1rem}.header-title-row h1{font-size:1.5rem}.btn-edit-mode{width:100%;justify-content:center}.validation-summary-banner{padding:1rem}.validation-header{font-size:.9rem;gap:.5rem}.validation-list li{padding:.5rem;font-size:.85rem}.field-info-banner{padding:.75rem;gap:.5rem;font-size:.825rem}.field-info-banner svg{width:14px;height:14px}}@media (max-width: 480px){.card-manager-container,.generate-qr-container{padding:1rem .75rem 4rem}.generate-qr-header h1,.card-manager-header h1{font-size:1.15rem;gap:.5rem}.card-manager-header h1 svg{width:24px;height:24px}.header-description{font-size:.8rem}.form-section{padding:1rem}.form-section h2{font-size:.95rem;gap:.5rem;margin-bottom:1rem}.form-section h2 svg{width:20px;height:20px}.form-section h2:not(:first-of-type){margin-top:1.75rem;padding-top:1.75rem}.section-header{padding-bottom:.5rem}.section-header h3{font-size:.9rem}.address-form{padding:1rem;margin-bottom:1rem}.address-header-content h3{font-size:.9rem}.address-icon{width:16px;height:16px}.form-grid{gap:.875rem;margin-bottom:1rem}.input,.select,textarea{padding:.5rem .625rem;font-size:.85rem;border-radius:6px}.form-group{gap:.3rem}.form-group label{font-size:.75rem}.readonly-note{font-size:.7rem}.btn{padding:.625rem 1rem;font-size:.85rem;border-radius:8px}.btn-sm{padding:.45rem .75rem;font-size:.75rem}.btn-back{padding:.5rem 1rem;font-size:.85rem}.btn-remove{height:38px;width:38px;padding:.5rem}.btn-save-mobile{padding:.875rem 1.25rem;font-size:.9rem;border-radius:10px}.preview-section{padding:1rem}.preview-section h2{font-size:1rem}.phone-item{grid-template-columns:1fr;gap:.5rem}.address-header{grid-template-columns:1fr}.dynamic-item{gap:.5rem;margin-bottom:.75rem}.dynamic-section{margin:1.25rem 0}.section-header{flex-direction:column;align-items:stretch;gap:.75rem}.section-header h3{font-size:.875rem}.mobile-save-button{margin-top:1.5rem;padding-top:1.5rem}.qr-preview img{width:240px}.qr-placeholder{min-height:240px}.branded-card-info{padding:.875rem 1rem;font-size:.825rem}.branded-card-info svg{width:16px;height:16px}.download-heading{padding:.75rem 0 .5rem}.download-heading h3{font-size:.95rem}.download-heading p{font-size:.75rem}.download-options{gap:1rem}.download-section{gap:.5rem}.download-section h4{font-size:.7rem}.icon-btn{min-width:70px;padding:.625rem .5rem;gap:.35rem}.icon-btn svg{width:16px;height:16px}.icon-btn span{font-size:.7rem}}.cards-list-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;min-height:calc(100vh - 64px);background:var(--very-light-blue)}.cards-list-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.header-content{display:flex;flex-direction:column;gap:.5rem}.cards-list-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:var(--section-title);margin:0;font-weight:700}.cards-list-header h1 svg{color:var(--accent-blue)}.header-description{color:var(--muted-text);font-size:1rem;margin:0;line-height:1.5}.btn-create-new{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0058d84d;width:fit-content}.btn-create-new:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0058d866}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fef2f2;border:2px solid #FEE2E2;border-left:4px solid #DC2626;border-radius:12px;margin-bottom:1.5rem}.error-banner svg{color:#dc2626;flex-shrink:0}.error-banner span{flex:1;color:#991b1b;font-weight:500}.btn-retry{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#dc2626;border:1px solid #FCA5A5;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:#fee2e2}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--very-light-blue);border-radius:50%;margin-bottom:2rem}.empty-icon svg{color:var(--accent-blue)}.empty-state h2{font-size:1.5rem;color:var(--section-title);margin:0 0 .5rem;font-weight:700}.empty-state p{font-size:1rem;color:var(--muted-text);margin:0 0 2rem;max-width:500px;line-height:1.6}.btn-create-first{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 2rem;background:var(--accent-blue);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0058d84d}.btn-create-first:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0058d866}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}@media (max-width: 1024px){.cards-list-container{padding:1rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}}@media (max-width: 768px){.cards-list-container{padding:1rem}.cards-list-header h1{font-size:1.5rem}.header-description{font-size:.9rem}.cards-grid{grid-template-columns:1fr;gap:1rem}.btn-create-new span,.btn-back span{display:none}}@media (max-width: 480px){.cards-list-header h1{font-size:1.25rem}.empty-icon{width:100px;height:100px}.empty-icon svg{width:60px;height:60px}.empty-state h2{font-size:1.25rem}.empty-state p{font-size:.9rem}}.wallet-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--very-light-blue)}.wallet-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:var(--accent-blue);border:2px solid var(--card-border);border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:fit-content}.btn-back:hover{background:var(--very-light-blue);border-color:var(--accent-blue);transform:translate(-2px)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.header-title-section h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.875rem;font-weight:600;color:var(--section-title);letter-spacing:-.02em}.header-title-section h1 svg{width:28px;height:28px;color:var(--accent-blue)}.header-description{margin:0;color:var(--muted-text);font-size:.9375rem;font-weight:400}.scan-button-group{position:relative}.btn-scan-qr{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-scan-qr:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.btn-scan-qr:active{transform:scale(.98)}.btn-scan-qr svg{width:16px;height:16px}.scan-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014;min-width:280px;z-index:100;animation:slideDown .15s ease-out}.scan-menu-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fff;border:none;width:100%;text-align:left;cursor:pointer;transition:background .15s;border-bottom:1px solid #f3f4f6}.scan-menu-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.scan-menu-item:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.scan-menu-item:hover{background:#fafafa}.scan-menu-item svg{color:#6b7280;flex-shrink:0;width:18px;height:18px}.scan-menu-item div{display:flex;flex-direction:column;gap:.125rem}.menu-title{font-weight:500;color:var(--section-title);font-size:.875rem}.menu-desc{font-size:.75rem;color:#9ca3af}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.alert{padding:.875rem 1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:slideDown .2s ease-out;border:1px solid}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#f0fdf4;color:#166534;border-color:#bbf7d0}.alert-error{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}.alert button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.6;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.alert button:hover{opacity:1}.wallet-controls{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.search-bar{flex:1;min-width:300px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .15s}.search-bar:focus-within{border-color:#9ca3af;box-shadow:0 0 0 1px #e5e7eb}.search-bar svg{color:#9ca3af;width:18px;height:18px}.search-bar input{flex:1;border:none;outline:none;font-size:.875rem;color:var(--section-title)}.search-bar input::placeholder{color:#9ca3af}.control-buttons{display:flex;gap:.5rem}.btn-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.btn-filter:hover{border-color:#9ca3af;color:#374151;background:#fafafa}.btn-filter.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.btn-filter svg{color:inherit;width:16px;height:16px}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:6px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-export:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-export svg{color:inherit;width:16px;height:16px}.wallet-content{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3{margin:0 0 .5rem;font-size:1.375rem;font-weight:600;color:var(--section-title);letter-spacing:-.01em}.empty-state p{margin:0 0 2rem;color:var(--muted-text);font-size:.9375rem;max-width:400px;line-height:1.6}.empty-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn-scan-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-scan-empty:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.btn-scan-empty.btn-scan-secondary{background:#fff;color:var(--accent-blue);border:1px solid var(--card-border)}.btn-scan-empty.btn-scan-secondary:hover{background:#fafafa;border-color:#9ca3af}.btn-scan-empty svg{flex-shrink:0}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0;transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden}.contact-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.contact-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fafafa;border-bottom:1px solid #f0f0f0}.btn-favorite{background:transparent;border:none;cursor:pointer;color:#d1d5db;padding:0;transition:color .2s;display:flex;align-items:center}.btn-favorite:hover{color:#fbbf24}.btn-favorite svg[fill=currentColor]{color:#fbbf24}.contact-body{flex:1;cursor:pointer;padding:1.5rem 1.25rem;transition:background-color .2s}.contact-body:hover{background:#fafafa}.contact-body h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--section-title);letter-spacing:-.01em}.contact-title{margin:0 0 1rem;font-size:.875rem;color:#6b7280;font-weight:400;line-height:1.4}.contact-company,.contact-detail{margin:.5rem 0;font-size:.8125rem;color:#6b7280;display:flex;align-items:center;gap:.625rem;line-height:1.5}.contact-company svg,.contact-detail svg{color:#9ca3af;flex-shrink:0;width:14px;height:14px}.contact-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.category-badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:capitalize;width:fit-content}.contact-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag-badge{padding:.25rem .625rem;background:var(--very-light-blue);color:var(--accent-blue);border:1px solid var(--card-border);border-radius:12px;font-size:.6875rem;font-weight:500;text-transform:capitalize}.contact-footer{display:flex;align-items:center;justify-content:flex-end;padding:.875rem 1.25rem;background:#fafafa;border-top:1px solid #f0f0f0}.contact-source{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:#9ca3af;text-transform:uppercase;font-weight:500;letter-spacing:.05em;padding:0;background:transparent}.contact-source svg{width:11px;height:11px}.contact-actions{display:flex;gap:.375rem}.btn-icon{background:transparent;border:1px solid #e5e7eb;padding:.5rem;border-radius:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.btn-icon.btn-export:hover{background-color:#f0fdf4;border-color:#86efac;color:#16a34a}.btn-icon.btn-danger:hover{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626}@media (max-width: 768px){.wallet-container{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-title-section h1{font-size:1.5rem}.header-title-section h1 svg{width:24px;height:24px}.header-description{font-size:.875rem}.btn-back span{display:none}.scan-button-group{width:100%}.btn-scan-qr{width:100%;justify-content:center}.scan-menu{position:absolute;left:50%;right:auto;top:calc(100% + .5rem);transform:translate(-50%);min-width:auto;width:calc(100% - 2rem);max-width:400px;margin:0;animation:slideDownMobile .15s ease-out}@keyframes slideDownMobile{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scan-menu-item{padding:1rem}.menu-title{font-size:.875rem}.menu-desc{font-size:.75rem}.wallet-controls{flex-direction:column;gap:.75rem}.search-bar{min-width:100%}.control-buttons{width:100%;gap:.5rem}.btn-filter,.btn-export{flex:1;justify-content:center;font-size:.8125rem;padding:.625rem 1rem}.contacts-grid{grid-template-columns:1fr;gap:1rem}.contact-card{padding:0}.contact-header{padding:.875rem 1rem}.contact-body{padding:1.25rem 1rem}.contact-body h3{font-size:1rem}.contact-title{font-size:.8125rem}.contact-company,.contact-detail{font-size:.75rem}.contact-footer{padding:.75rem 1rem}.contact-source{font-size:.625rem}.btn-icon{padding:.4375rem}.btn-icon svg{width:14px;height:14px}}@media (max-width: 480px){.wallet-container{padding:.75rem}.header-title-section h1{font-size:1.375rem}.btn-scan-qr{font-size:.8125rem;padding:.625rem 1.25rem}.scan-menu{left:50%;width:calc(100% - 1.5rem);max-width:100%}.scan-menu-item{padding:.875rem;gap:.75rem}.scan-menu-item svg{width:16px;height:16px}.menu-title{font-size:.8125rem}.menu-desc{font-size:.6875rem}.search-bar{padding:.625rem .875rem}.search-bar input{font-size:.8125rem}.control-buttons{flex-direction:column}.btn-filter,.btn-export{width:100%}.contact-actions{gap:.375rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background:#f5f5f5}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-card{background:#fff;border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.login-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff}.login-card h1{font-size:1.75rem;color:#111827;margin-bottom:1rem}.login-card p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.btn-login{font-size:1.125rem;padding:1rem 2rem;width:100%;justify-content:center}@media (max-width: 768px){.login-card{padding:2rem}.login-card h1{font-size:1.5rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background:#1e3a8a;color:#fff}.btn-primary:hover{background:#1e40af}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline{background:transparent;border:2px solid #1E3A8A;color:#1e3a8a}.btn-outline:hover{background:#1e3a8a;color:#fff}.input{width:100%;padding:.75rem;border:1px solid #D1D5DB;border-radius:6px;font-size:1rem;transition:border-color .2s}.input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.error{color:#dc2626;font-size:.875rem;margin-top:.25rem}.loading{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}