@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-family-primary:"DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:510;--font-weight-semibold:590;--font-weight-semibold-button:600;--font-weight-bold:700;--font-weight-extrabold:800;--type-heading-xl-size:28px;--type-heading-xl-weight:800;--type-heading-xl-line:1.2;--type-heading-xl-tracking:-.6px;--type-heading-lg-size:20px;--type-heading-lg-weight:700;--type-heading-lg-line:1.3;--type-heading-lg-tracking:-.4px;--type-heading-md-size:16px;--type-heading-md-weight:700;--type-heading-md-line:1.4;--type-heading-md-tracking:-.2px;--type-heading-sm-size:13px;--type-heading-sm-weight:700;--type-heading-sm-line:1.4;--type-heading-sm-tracking:-.1px;--type-body-size:14px;--type-body-weight:400;--type-body-line:1.6;--type-body-sm-size:13px;--type-body-sm-weight:400;--type-body-sm-line:1.5;--type-caption-size:12px;--type-caption-weight:500;--type-caption-line:1.5;--type-overline-size:10px;--type-overline-weight:600;--type-overline-line:1.5;--type-overline-tracking:1px;--type-mono-size:13px;--type-mono-weight:400;--type-mono-line:1.5;--text-title-subtext-gap:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--color-background-primary:#fff;--color-background-secondary:#f5f9fc;--color-background-tertiary:#fff;--color-label-primary:#000;--color-label-secondary:#6b7280;--color-label-tertiary:#9ca3af;--color-label-quaternary:#3c3c432e;--color-brand-primary:#019bd8;--color-brand-primary-hover:#0188c0;--color-brand-primary-light:#5bc2f0;--color-accent-light:#5bc2f0;--color-accent-gradient:linear-gradient(135deg, #019bd8, #5bc2f0);--color-accent-glow:#019bd840;--color-accent-soft:#019bd80a;--gradient-brand:radial-gradient(at 20% 20%, #019bd859 0, transparent 55%), radial-gradient(at 80% 15%, #5bc2f052 0, transparent 50%), radial-gradient(at 60% 85%, #019bd838 0, transparent 55%), linear-gradient(135deg, #eaf7fd 0%, #fff 55%, #e4f3fb 100%);--gradient-page:linear-gradient(180deg, #fff 0%, #f5f9fc 100%);--color-success:#16a34a;--color-success-text:#047857;--color-success-soft:#16a34a1a;--color-warning:#f59e0b;--color-warning-text:#b45309;--color-warning-soft:#f59e0b1f;--color-danger:#dc2626;--color-error-text:#b91c1c;--color-danger-soft:#dc26261a;--color-info:#0284c7;--color-info-text:#075985;--color-info-soft:#0284c71a;--color-card-background:#fff;--color-separator:#0f172a14;--color-separator-opaque:#e5e7eb;--color-divider:#0f172a0f;--viq-radius-xs:8px;--viq-radius-sm:12px;--viq-radius-md:16px;--viq-radius-lg:22px;--viq-radius-full:9999px;--radius-card:var(--viq-radius-md);--shadow-card:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0f;--shadow-card-hover:0 2px 4px #0f172a0f, 0 10px 28px #0f172a1a;--viq-glass-bg:#ffffffb8;--viq-glass-bg-tint:#eaf7fdb8;--viq-glass-bg-hover:#ffffffd1;--viq-glass-bg-inner:#ffffff80;--viq-glass-bg-elevated:#ffffffe0;--viq-glass-border:#fff9;--viq-glass-border-inner:#fff6;--viq-glass-shadow:0 6px 24px #019bd81f, inset 0 1px 0 #fff9;--viq-glass-shadow-hover:0 10px 32px #019bd82e, inset 0 1px 0 #ffffffb3;--viq-glass-shadow-elevated:0 18px 48px #019bd82e, inset 0 1px 0 #ffffffb3;--viq-ease:cubic-bezier(.2, .8, .2, 1);--viq-speed:.25s;--duration-fast:.15s;--duration-normal:.25s;--ease-default:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root{--color-background-primary:#0b1220;--color-background-secondary:#0f1a2a;--color-background-tertiary:#111c2e;--color-label-primary:#fff;--color-label-secondary:#a3b1c6;--color-label-tertiary:#6f7d93;--color-label-quaternary:#ffffff2e;--color-card-background:#111c2e;--color-separator:#ffffff14;--color-separator-opaque:#22304a;--color-divider:#ffffff0f;--gradient-brand:radial-gradient(at 20% 20%, #019bd847 0, transparent 55%), radial-gradient(at 80% 15%, #5bc2f038 0, transparent 50%), radial-gradient(at 60% 85%, #019bd82e 0, transparent 55%), linear-gradient(135deg, #0b1220 0%, #0f1a2a 55%, #0b1220 100%);--gradient-page:linear-gradient(180deg, #0b1220 0%, #0f1a2a 100%);--viq-glass-bg:#111c2eb8;--viq-glass-bg-tint:#019bd81a;--viq-glass-bg-hover:#111c2ed1;--viq-glass-bg-inner:#111c2e80;--viq-glass-bg-elevated:#111c2eeb;--viq-glass-border:#ffffff14;--viq-glass-border-inner:#ffffff0f;--viq-glass-shadow:0 0 0 1px #ffffff0f;--viq-glass-shadow-hover:0 0 0 1px #ffffff1a;--viq-glass-shadow-elevated:0 0 0 1px #ffffff1a}}*{box-sizing:border-box}html,body{font-family:var(--font-family-primary);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--color-label-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--color-background-secondary);margin:0}a{color:var(--color-brand-primary);text-decoration:none}a:hover{color:var(--color-brand-primary-hover);text-decoration:underline}input{font-family:var(--font-family-primary)}input::placeholder{color:var(--color-label-tertiary)}input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}h1,.heading-xl{font-size:var(--type-heading-xl-size);font-weight:var(--type-heading-xl-weight);line-height:var(--type-heading-xl-line);letter-spacing:var(--type-heading-xl-tracking);margin:0}h2,.heading-lg{font-size:var(--type-heading-lg-size);font-weight:var(--type-heading-lg-weight);line-height:var(--type-heading-lg-line);letter-spacing:var(--type-heading-lg-tracking);margin:0}h3,.heading-md{font-size:var(--type-heading-md-size);font-weight:var(--type-heading-md-weight);line-height:var(--type-heading-md-line);letter-spacing:var(--type-heading-md-tracking);margin:0}p,.type-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0}.type-body-sm{font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);line-height:var(--type-body-sm-line)}.caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);color:var(--color-label-secondary)}.overline{font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-line);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--color-label-secondary)}.mono{font-family:var(--font-family-mono);font-size:var(--type-mono-size);font-weight:var(--type-mono-weight);line-height:var(--type-mono-line)}@keyframes viqPulse{0%,to{opacity:.55}50%{opacity:.9}}.empty-state-mesh{background:var(--gradient-brand)}.viq-glass{background:var(--viq-glass-bg);-webkit-backdrop-filter:blur(22px)saturate(140%);border:1px solid var(--viq-glass-border);border-radius:var(--viq-radius-md);box-shadow:var(--viq-glass-shadow);transition:transform var(--viq-speed) var(--viq-ease), box-shadow var(--viq-speed) var(--viq-ease), background var(--viq-speed) var(--viq-ease)}.viq-glass:hover{background:var(--viq-glass-bg-hover);box-shadow:var(--viq-glass-shadow-hover);transform:translateY(-1px)}.viq-glass--static:hover{box-shadow:var(--viq-glass-shadow);transform:none}.btn-primary,.btn-outline,.btn-link,.btn-icon{font-family:inherit;font-weight:var(--font-weight-semibold-button);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-5);border-radius:var(--viq-radius-full);cursor:pointer;min-width:44px;height:40px;transition:transform var(--duration-fast) var(--ease-default), opacity var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);white-space:nowrap;border:1px solid #0000;font-size:14px;line-height:1;display:inline-flex}.btn-primary{background:var(--color-brand-primary);color:#fff;box-shadow:0 1px 0 #ffffff4d inset, 0 4px 14px var(--color-accent-glow)}.btn-primary:hover:not(:disabled){background:var(--color-brand-primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-outline{color:var(--color-label-primary);border-color:var(--color-separator-opaque);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.btn-link{color:var(--color-brand-primary);height:auto;box-shadow:none;background:0 0;border-radius:0;min-width:0;padding:0}.btn-link:hover{color:var(--color-brand-primary-hover)}.btn-icon{width:40px;min-width:40px;height:40px;color:var(--color-label-secondary);background:0 0;padding:0}.btn-icon:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-brand-primary)}.btn-icon-danger:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.btn-sm{height:32px;padding:0 var(--space-4);font-size:13px}.card{background:var(--color-card-background);border:1px solid var(--color-separator);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-default)}.card:hover{box-shadow:var(--shadow-card-hover)}.viq-badge{align-items:center;gap:var(--space-2);height:22px;padding:0 var(--space-3);border-radius:var(--viq-radius-full);font-size:11px;font-weight:var(--font-weight-semibold);background:var(--viq-glass-bg-tint);color:var(--color-brand-primary);border:1px solid #019bd840;display:inline-flex}.viq-badge--danger{color:var(--color-error-text);background:var(--color-danger-soft);border-color:#dc262633}.viq-dot{background:var(--color-brand-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.viq-dot--success{background:var(--color-success)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.vora-page{background:var(--gradient-page);min-height:100vh;padding:40px 24px 64px}.vora-container{flex-direction:column;gap:24px;max-width:1140px;margin:0 auto;display:flex}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:28px;display:flex;position:relative}.dash-header-left{flex-direction:column;gap:10px;display:flex}.dash-signout{position:absolute;top:0;right:0}.dash-header-stats{flex-wrap:wrap;gap:28px;padding-bottom:4px;display:flex}.dash-stat{flex-direction:column;gap:2px;display:flex}.dash-stat-value{font-size:var(--type-heading-lg-size);font-weight:var(--type-heading-lg-weight);letter-spacing:var(--type-heading-lg-tracking)}.login-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.login-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:32px 28px;display:flex}.login-form{flex-direction:column;gap:16px;width:100%;margin-top:8px;display:flex}.login-form .field-input{text-align:center}.login-form .btn-primary{width:100%}.create-card{background:var(--color-card-background);border:1px solid var(--color-separator);border-radius:var(--viq-radius-md);box-shadow:var(--shadow-card);overflow:hidden}.create-card-grid{grid-template-columns:minmax(0,1fr) 300px;display:grid}@media (max-width:860px){.create-card-grid{grid-template-columns:1fr}}.create-left{flex-direction:column;gap:24px;min-width:0;padding:28px 28px 24px;display:flex}.create-title-group{gap:var(--text-title-subtext-gap);flex-direction:column;display:flex}.field-row{grid-template-columns:2fr 1fr;gap:12px;display:grid}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-input{height:44px;color:var(--color-label-primary);background:var(--color-background-primary);border-radius:var(--viq-radius-sm);border:1px solid var(--color-separator-opaque);padding:0 14px;font-size:14px}.field-input-invalid{border-color:var(--color-danger)}.field-error{color:var(--color-error-text)}.style-section{flex-direction:column;gap:10px;display:flex}.preset-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:480px){.preset-grid{grid-template-columns:repeat(2,1fr)}}.preset-card{cursor:pointer;font-family:var(--font-family-primary);color:var(--color-label-primary);border-radius:var(--viq-radius-sm);background:var(--color-background-primary);border:1px solid var(--color-separator-opaque);box-shadow:none;transition:border-color var(--duration-fast) var(--ease-default);flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.preset-card:hover{border-color:var(--color-brand-primary)}.preset-card-active{background:var(--viq-glass-bg-tint);border:2px solid var(--color-brand-primary);box-shadow:0 4px 14px var(--color-accent-glow)}.preset-card-name{font-size:13px;font-weight:var(--font-weight-semibold)}.preset-card-dots{color:var(--color-label-tertiary);font-size:10px}.swatch-group-row{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.swatch-group{flex-direction:column;gap:10px;display:flex}.swatch-row{gap:8px;display:flex}.swatch-btn{border-radius:var(--viq-radius-full);cursor:pointer;border:1px solid var(--color-separator-opaque);width:32px;height:32px;box-shadow:none;transition:transform var(--duration-fast) var(--ease-default);padding:0}.swatch-btn-active{border:2px solid var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.swatch-color-input{appearance:none;background:0 0;border-style:dashed}.swatch-color-input.swatch-btn-active{border-style:solid}.swatch-color-input::-webkit-color-swatch-wrapper{padding:2px}.swatch-color-input::-webkit-color-swatch{border-radius:var(--viq-radius-full);border:none}.swatch-color-input::-moz-color-swatch{border-radius:var(--viq-radius-full);border:none}.logo-section{flex-direction:column;gap:10px;min-width:0;display:flex}.logo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo-upload{border-radius:var(--viq-radius-sm);cursor:pointer;background:var(--color-background-secondary);border:1px dashed var(--color-brand-primary);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.logo-upload:hover{background:var(--color-accent-soft)}.logo-thumb{box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;padding:4px}.logo-info{flex-direction:column;gap:4px;display:flex}.logo-label{font-weight:var(--font-weight-medium)}.logo-hint-error{color:var(--color-error-text)}.logo-sizes{align-items:center;gap:8px;display:flex}.size-pill{cursor:pointer;height:28px;font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-semibold);border-radius:var(--viq-radius-full);background:var(--color-background-primary);color:var(--color-label-secondary);border:1px solid var(--color-separator-opaque);padding:0 12px}.size-pill-active{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.preview-panel{border-left:1px solid var(--color-separator);background:var(--gradient-brand);flex-direction:column;align-items:center;gap:16px;padding:28px;display:flex}.preview-glass{border-radius:var(--viq-radius-md);padding:14px;display:flex}.preview-meta{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.preview-url{color:var(--color-label-secondary);overflow-wrap:anywhere;font-size:11px}.preview-destination{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-brand-primary);overflow-wrap:anywhere}.preview-actions{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.preview-actions .btn-primary,.preview-actions .btn-outline{width:100%}.success-banner{border-radius:var(--viq-radius-md);background:var(--color-success-soft);border:1px solid #16a34a33;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.success-banner-title{font-weight:var(--font-weight-semibold);color:var(--color-success-text)}.success-banner-url{color:var(--color-success-text);font-size:12px}.success-banner-meta{margin-left:auto}.codes-section{flex-direction:column;gap:12px;display:flex}.codes-header{justify-content:space-between;align-items:baseline;display:flex}.empty-state{border:1px solid var(--color-separator);border-radius:var(--viq-radius-md);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 32px;display:flex}.empty-state-icon{border-radius:var(--viq-radius-md);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.empty-state-body{color:var(--color-label-secondary);text-wrap:pretty;max-width:380px}.error-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;display:flex}.error-card-body{color:var(--color-label-secondary);text-wrap:pretty;max-width:400px}.skeleton-row{animation:viqPulse 1.4s var(--ease-default) infinite;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 24px;display:grid}.skeleton-qr{border-radius:var(--viq-radius-sm);background:var(--color-background-secondary);width:134px;height:134px}.skeleton-lines{flex-direction:column;gap:10px;display:flex}.skeleton-line{border-radius:var(--viq-radius-full);background:var(--color-background-secondary);height:14px}.skeleton-stats{gap:28px;display:flex}.skeleton-stat{border-radius:var(--viq-radius-xs);background:var(--color-background-secondary);width:62px;height:34px}.code-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 24px;display:grid;position:relative}@media (max-width:760px){.code-row{grid-template-columns:1fr;align-items:start;padding-bottom:56px}.code-row-qr{justify-self:start}.code-row-stats{flex-wrap:wrap}}.code-row-delete{position:absolute;bottom:20px;right:24px}.code-row-qr{background:var(--color-background-primary);border:1px solid var(--color-separator);border-radius:var(--viq-radius-sm);padding:8px;display:flex}.code-row-info{flex-direction:column;gap:6px;min-width:0;display:flex}.code-row-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.code-row-title-text{font-size:var(--type-heading-md-size);font-weight:var(--type-heading-md-weight);letter-spacing:var(--type-heading-md-tracking)}.code-row-dest{overflow-wrap:anywhere}.code-row-redirect{color:var(--color-label-tertiary);font-size:11px}.code-row-warning{color:var(--color-warning-text)}.code-row-stats{gap:28px;display:flex}.stat-block{flex-direction:column;gap:2px;min-width:62px;display:flex}.stat-block-value{font-size:var(--type-heading-lg-size);font-weight:var(--type-heading-lg-weight);letter-spacing:var(--type-heading-lg-tracking);color:var(--color-label-primary)}.stat-block-value-accent{color:var(--color-brand-primary)}.qr-download-row{gap:6px;margin-top:8px;display:flex}