:root{--background: #ffffff;--foreground: #080a10;--muted: #f6f7fb;--muted-strong: #eef1f7;--card: #ffffff;--border: #e5e7ef;--text-muted: #667085;--primary: #4169e1;--primary-dark: #274bd8;--success: #00a844;--danger: #dc2626;--shadow: 0 22px 60px rgb(15 23 42 / 10%)}html.dark{--background:#08090d;--foreground:#f8fafc;--muted:#12141a;--muted-strong:#1c1f27;--card:#090b10;--border:#20232d;--text-muted:#a1a8b5;--primary:#5b7cfa;--primary-dark:#4169e1;--shadow:0 24px 70px rgb(0 0 0 / 28%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:1.15rem;height:1.15rem}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 34%,transparent);outline-offset:3px}.shell{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{font-family:Space Grotesk,Inter,sans-serif;font-size:1.55rem;font-weight:800}.brand span,.eyebrow,.text-link{color:var(--primary)}.eyebrow{margin:0 0 .45rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.primary-button,.secondary-button,.danger-button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1rem;border-radius:8px;font-weight:800;transition:transform .17s ease,border-color .17s ease,background .17s ease}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border);background:var(--background);color:var(--foreground)}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.danger-button{border:1px solid color-mix(in srgb,var(--danger) 36%,var(--border));background:transparent;color:var(--danger)}.danger-button:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}.compact{width:auto;min-height:2.65rem;padding:.55rem .85rem}.full{width:100%}.text-link{display:inline-block;margin-top:.3rem;font-weight:750}.icon-button,.theme-toggle{border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground)}.icon-button{width:2.6rem;height:2.6rem;display:grid;flex:0 0 auto;place-items:center;padding:0}.display-controls{display:flex;align-items:center;gap:.65rem}.language-toggle{width:3.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.language-toggle span{min-width:1rem;font-size:.74rem;font-weight:800}.theme-toggle{--w:3.9rem;--h:2.15rem;--p:.24rem;--thumb:calc(var(--h) - var(--p)*2);width:var(--w);height:var(--h);padding:var(--p);box-shadow:0 12px 28px #4169e11f}.theme-track{position:relative;display:block;width:100%;height:100%}.theme-thumb{position:absolute;top:50%;left:0;z-index:1;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;box-shadow:0 8px 16px #4169e12e;transform:translateY(-50%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme=dark] .theme-thumb{transform:translate(calc(var(--w) - var(--p)*2 - var(--thumb)),-50%);background:#111827}.theme-icon{position:absolute;top:50%;z-index:2;width:.85rem;height:.85rem;transform:translateY(-50%)}.theme-icon.sun{left:.42rem;color:#f59e0b}.theme-icon.moon{right:.45rem;color:#64748b}.contact-card-page,.admin-access-page,.admin-page{min-height:100vh;background:var(--muted)}.contact-card-topbar{min-height:5.25rem;display:flex;align-items:center;justify-content:space-between}.contact-card-stage{width:min(34rem,calc(100% - 2rem));min-height:calc(100vh - 5.25rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0 3.5rem}.digital-card{width:100%;padding:2rem;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.digital-card-identity{display:flex;align-items:center;gap:1.15rem}.identity-copy{min-width:0}.contact-avatar{width:4.5rem;height:4.5rem;flex:0 0 4.5rem;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--primary);color:#fff;font-family:Space Grotesk,Inter,sans-serif;font-size:1.4rem;font-weight:800}.contact-avatar.has-photo{background:var(--background)}.contact-avatar img{width:100%;height:100%;object-fit:cover}.digital-card h1{margin:0;overflow-wrap:anywhere;font-size:clamp(1.65rem,7vw,2.2rem);line-height:1.08}.contact-title{margin:.45rem 0 .3rem;color:var(--text-muted);line-height:1.45}.contact-company{display:flex;align-items:center;gap:.55rem;margin-top:.45rem}.contact-company img{width:2.75rem;height:2rem;padding:.2rem;object-fit:contain;border:1px solid var(--border);border-radius:6px;background:#fff}.contact-company strong{color:var(--primary)}.save-contact-button{margin-top:1.65rem}.contact-card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.65rem;margin-top:1rem}.contact-action{min-height:4.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--border);border-radius:8px;background:var(--background);font-size:.82rem;font-weight:800;transition:transform .17s ease,border-color .17s ease,color .17s ease}.contact-action:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.contact-action svg{width:1.35rem;height:1.35rem}.whatsapp-action{color:#128c4a}.whatsapp-action svg{fill:currentColor}.contact-card-details{margin:1.5rem 0 0;border-top:1px solid var(--border)}.contact-card-details div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.contact-card-details dt{color:var(--text-muted);font-size:.82rem;font-weight:700}.contact-card-details dd{min-width:0;display:flex;align-items:center;gap:.4rem;margin:0;overflow-wrap:anywhere;font-weight:700}.inline-icon{flex:0 0 auto;color:var(--text-muted)}.contact-card-links{display:flex;flex-wrap:wrap;gap:.7rem 1.15rem;padding-top:1.15rem}.contact-card-links:empty{display:none}.contact-card-links a{display:inline-flex;align-items:center;gap:.35rem;font-weight:800}.contact-card-links a:hover,.contact-card-details a:hover{color:var(--primary)}.contact-card-links svg{width:.95rem;height:.95rem}.contact-note{margin:1.15rem 0 0;color:var(--text-muted);line-height:1.6}.admin-access-panel{width:min(31rem,calc(100% - 2rem));margin:clamp(3rem,12vh,8rem) auto 3rem;padding:2.25rem;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--shadow);text-align:center}.admin-access-panel h1{margin:.6rem 0 .8rem;font-size:clamp(1.9rem,7vw,2.7rem)}.admin-access-panel>p:not(.eyebrow){margin:0 0 1.5rem;color:var(--text-muted);line-height:1.65}.admin-lock{width:3.75rem;height:3.75rem;display:grid;place-items:center;margin:0 auto 1rem;border-radius:8px;background:var(--primary);color:#fff}.signin-form{display:grid;gap:.8rem;text-align:start}.signin-form label{font-weight:800}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;top:50%;left:.85rem;color:var(--text-muted);transform:translateY(-50%)}.input-with-icon input{width:100%;padding:.85rem .9rem .85rem 2.75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground)}.admin-topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-topbar-inner{min-height:4.75rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.admin-topbar nav{display:flex;justify-content:center;gap:.35rem}.admin-topbar nav a{display:flex;align-items:center;gap:.45rem;padding:.65rem .8rem;border-radius:8px;color:var(--text-muted);font-weight:800}.admin-topbar nav a.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.admin-topbar-actions{display:flex;align-items:center;gap:.65rem}.admin-content{padding-top:3.5rem;padding-bottom:5rem}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.admin-heading h1{margin:.35rem 0 .55rem;font-size:clamp(2.2rem,6vw,3.4rem)}.admin-heading p:not(.eyebrow){margin:0;color:var(--text-muted);line-height:1.6}.heading-actions{display:flex;flex-wrap:wrap;gap:.65rem}.floating-add{position:fixed;right:1.4rem;bottom:1.4rem;z-index:20;width:3.25rem;height:3.25rem;display:none;place-items:center;border-radius:999px;background:var(--primary);color:#fff;box-shadow:var(--shadow)}.list-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.search-field{position:relative;width:min(24rem,100%)}.search-field svg{position:absolute;top:50%;left:.85rem;color:var(--text-muted);transform:translateY(-50%)}.search-field input{width:100%;padding:.8rem .9rem .8rem 2.65rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground)}.cards-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 18px 50px #0f172a0f}.cards-table{width:100%;border-collapse:collapse;text-align:start}.cards-table th,.cards-table td{padding:.9rem 1rem;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}.cards-table th{color:var(--text-muted);background:var(--muted);font-size:.75rem;text-transform:uppercase}.cards-table td:first-child{min-width:14rem;white-space:normal}.cards-table td strong,.cards-table td small{display:block}.cards-table td small{margin-top:.2rem;color:var(--text-muted)}.cards-table tbody tr:last-child td{border-bottom:0}.row-actions{display:flex;justify-content:flex-end;gap:.45rem}.status-badge{display:inline-flex;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800}.status-badge.published{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.status-badge.draft{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#b46900}.status-badge.archived{background:var(--muted-strong);color:var(--text-muted)}.empty-state,.state-panel{display:grid;place-items:center;gap:.8rem;min-height:14rem;padding:2rem;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);text-align:center}.state-panel{width:100%}.spinner{width:2rem;height:2rem;border:3px solid color-mix(in srgb,var(--primary) 20%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}.error-state,.inline-error{color:var(--danger)}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,23rem);gap:1.5rem;align-items:start}.admin-profile-form,.qr-tool,.analytics-panel{border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 18px 50px #0f172a12}.admin-profile-form{padding:1.75rem}.admin-profile-form section+section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.admin-profile-form h2{margin:0}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-title p{margin:.3rem 0 0;color:var(--text-muted)}.status-select{display:grid;gap:.35rem;color:var(--text-muted);font-size:.75rem;font-weight:800}.status-select select{min-width:9rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground)}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.5rem}.admin-field,.visible-field,.bilingual-field{min-width:0;display:grid;gap:.5rem}.wide-field{grid-column:1/-1}.admin-field label,.visible-field>label,.field-heading>label,.bilingual-inputs label{font-size:.86rem;font-weight:800}.admin-field input,.visible-field>input,.bilingual-inputs input,.bilingual-inputs textarea{width:100%;min-width:0;padding:.8rem .85rem;border:1px solid var(--border);border-radius:8px;outline:0;background:var(--background);color:var(--foreground)}.admin-field input:focus,.visible-field>input:focus,.bilingual-inputs input:focus,.bilingual-inputs textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.field-heading{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.field-heading h3{margin:0;font-size:.92rem}.field-heading p{margin:.2rem 0 0;color:var(--text-muted);font-size:.8rem}.bilingual-field{padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--muted)}.bilingual-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bilingual-inputs label{display:grid;gap:.35rem;color:var(--text-muted)}.bilingual-inputs textarea{min-height:7rem;resize:vertical}.visibility-toggle{min-height:1.8rem;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--text-muted);font-size:.7rem;font-weight:800}.visibility-toggle.active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--background));color:var(--primary)}.visibility-toggle svg{width:.85rem;height:.85rem}.field-warning{grid-column:1/-1;margin:0;padding:.75rem;border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b 8%,transparent);color:var(--text-muted);font-size:.82rem}.image-editors{display:grid;gap:1rem;margin-top:1rem}.admin-image-editor{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.15rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--muted)}.admin-image-preview{width:7.5rem;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--primary);color:#fff}.logo-editor{grid-template-columns:10rem minmax(0,1fr)}.logo-editor .admin-image-preview{width:10rem;aspect-ratio:5/2;padding:.6rem;background:#fff;color:var(--primary)}.admin-image-preview img{width:100%;height:100%;object-fit:cover}.logo-editor .admin-image-preview img{object-fit:contain}.admin-image-preview.is-transparent{background-color:#fff;background-image:linear-gradient(45deg,#e8ebf2 25%,transparent 25%),linear-gradient(-45deg,#e8ebf2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ebf2 75%),linear-gradient(-45deg,transparent 75%,#e8ebf2 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.image-editor-copy{min-width:0}.image-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.image-actions .secondary-button,.image-actions .danger-button{min-height:2.5rem;padding:.5rem .65rem;font-size:.76rem}.file-button{position:relative}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-button.disabled{pointer-events:none;opacity:.55}.field-note{color:var(--text-muted);font-size:.8rem}.variant-toggle{display:inline-grid;grid-template-columns:1fr 1fr;margin-top:.65rem;padding:.2rem;border:1px solid var(--border);border-radius:8px}.variant-toggle button{min-width:6rem;padding:.45rem;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-weight:800}.variant-toggle button.active{background:var(--primary);color:#fff}.save-image{min-height:2.4rem;margin:.65rem 0 0 .6rem;padding:.45rem .75rem}.form-save{width:100%;margin-top:1.5rem}.qr-tool{position:sticky;top:6.25rem;padding:1.5rem}.qr-tool-heading{display:flex;align-items:flex-start;gap:.7rem}.qr-tool-heading>svg{flex:0 0 auto;color:var(--primary)}.qr-tool h2{margin:0;font-size:1.3rem}.qr-tool p{margin:.3rem 0 0;color:var(--text-muted);line-height:1.5}.qr-preview{aspect-ratio:1;display:grid;place-items:center;margin:1.25rem 0;padding:.8rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:#080a10}.qr-preview img{width:100%;height:100%;object-fit:contain}.qr-destination{padding:.8rem;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:8px;background:var(--background);font-size:.8rem}.qr-destination small{display:block;margin-bottom:.3rem;color:var(--text-muted);font-weight:700}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.9rem}.qr-actions .primary-button,.qr-actions .secondary-button{min-width:0;padding:.55rem;font-size:.76rem}.qr-actions a[aria-disabled=true]{pointer-events:none;opacity:.55}.status-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;max-width:min(30rem,calc(100% - 2.5rem));padding:.9rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--shadow);color:var(--text-muted)}.status-toast.success{border-color:color-mix(in srgb,var(--success) 45%,var(--border));color:var(--success)}.status-toast.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.5rem}.analytics-metric{min-width:0;display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--card)}.analytics-metric-icon{width:2.5rem;height:2.5rem;flex:0 0 2.5rem;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,var(--background));color:var(--primary)}.analytics-metric small,.analytics-metric strong,.analytics-metric em{display:block}.analytics-metric small{overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700}.analytics-metric strong{margin-top:.1rem;font-size:1.55rem}.analytics-metric em{color:var(--text-muted);font-size:.68rem;font-style:normal}.analytics-panel{margin-top:1.5rem;padding:1.5rem}.analytics-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.analytics-panel h2{margin:0}.analytics-legend{display:flex;flex-wrap:wrap;gap:.7rem;color:var(--text-muted);font-size:.7rem;font-weight:700}.analytics-legend span{display:flex;align-items:center;gap:.3rem}.analytics-legend i{width:.6rem;height:.6rem;display:inline-block}.analytics-chart{min-width:0;display:grid;grid-template-columns:repeat(30,minmax(2.1rem,1fr));gap:.35rem;margin-top:1rem;overflow-x:auto}.analytics-day{display:grid;gap:.35rem;text-align:center}.analytics-bars{height:8rem;display:flex;align-items:flex-end;justify-content:center;gap:.13rem;border-bottom:1px solid var(--border)}.analytics-bars i{width:.4rem;min-height:0;border-radius:3px 3px 0 0}.visit-bar{background:var(--primary)}.scan-bar{background:#0ca678}.vcard-bar{background:#9b5cf6}.analytics-day small{color:var(--text-muted);font-size:.6rem;white-space:nowrap}.analytics-empty,.analytics-updated{color:var(--text-muted);font-size:.8rem}.comparison-list{display:grid;margin-top:1rem}.comparison-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--border)}.comparison-list a:last-child{border:0}.comparison-list a:hover strong{color:var(--primary)}.comparison-list small{display:block;color:var(--text-muted)}.rank{width:2rem;height:2rem;display:grid;place-items:center;border-radius:8px;background:var(--muted);font-weight:800}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .brand{font-family:Segoe UI,Tahoma,Arial,sans-serif}html[dir=rtl] .input-with-icon svg,html[dir=rtl] .search-field svg{right:.85rem;left:auto}html[dir=rtl] .input-with-icon input,html[dir=rtl] .search-field input{padding-right:2.75rem;padding-left:.9rem}html[dir=rtl] .field-warning{border-right:3px solid #f59e0b;border-left:0}html[dir=rtl] .status-toast{right:auto;left:1.25rem}html[dir=rtl] bdi,html[dir=rtl] input[dir=ltr]{direction:ltr;text-align:left;unicode-bidi:isolate}@media(max-width:900px){.editor-workspace{grid-template-columns:1fr}.qr-tool{position:static}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-topbar-inner{gap:.75rem}.admin-topbar nav a{font-size:0}.admin-topbar nav a svg{width:1.3rem;height:1.3rem}}@media(max-width:620px){.digital-card,.admin-access-panel,.admin-profile-form,.qr-tool,.analytics-panel{padding:1.25rem}.digital-card-identity{align-items:flex-start}.contact-avatar{width:3.7rem;height:3.7rem;flex-basis:3.7rem}.contact-card-details div{grid-template-columns:1fr;gap:.25rem}.admin-content{padding-top:2.25rem}.admin-heading,.section-title,.analytics-panel-heading{align-items:flex-start;flex-direction:column}.admin-heading .primary-button{width:100%}.admin-form-grid,.bilingual-inputs,.qr-actions,.analytics-metrics{grid-template-columns:1fr}.wide-field{grid-column:auto}.admin-image-editor,.logo-editor{grid-template-columns:1fr}.admin-image-preview{width:6.5rem}.logo-editor .admin-image-preview{width:min(10rem,100%)}.cards-table-wrap{border-right:0;border-left:0;border-radius:0}.list-toolbar,.search-field{width:100%}.admin-topbar nav{display:none}.admin-topbar-inner{grid-template-columns:auto 1fr}.admin-topbar-actions{justify-self:end}.admin-topbar-actions .display-controls .theme-toggle{display:none}.floating-add{display:grid}.comparison-list a{grid-template-columns:auto 1fr}.comparison-list bdi{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}