.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.stat-card:hover{border-color:var(--border-hover)}.stat-card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.stat-card__header-left{align-items:center;gap:var(--space-sm);display:flex}.stat-card__icon{background:var(--accent-teal-dim);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-teal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card__icon svg{width:18px;height:18px}.stat-card__label{color:var(--text-muted);font-size:.875rem;font-weight:400}.stat-card__value{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-md);font-size:2rem;font-weight:700;display:block}.stat-card__sparkline{width:100%;height:40px}.stat-card__sparkline-line{fill:none;stroke:var(--accent-teal);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.stat-card__sparkline-area{fill:var(--accent-teal-dim)}.stat-card--skeleton{pointer-events:none}.stat-card__skeleton-block{background:linear-gradient(90deg, var(--bg-card-hover) 25%, #e5e7eb 50%, var(--bg-card-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.stat-card__skeleton-block--label{width:60%;height:14px;margin-bottom:var(--space-md)}.stat-card__skeleton-block--value{width:40%;height:28px;margin-bottom:var(--space-md)}.stat-card__skeleton-block--sparkline{width:100%;height:40px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.stat-card__skeleton-block{animation:none}}
.qr-code-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast), background var(--transition-fast);position:relative}.qr-code-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.qr-code-card__thumbnail-wrap{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.qr-code-card__thumbnail{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.qr-code-card__thumbnail img{object-fit:contain;width:100%;height:100%}.qr-code-card__thumbnail-placeholder{border:2px dashed var(--border);border-radius:var(--radius-sm);width:120px;height:120px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.qr-code-card__thumbnail-placeholder svg{opacity:.6;width:32px;height:32px}.qr-code-card__link{color:inherit;cursor:pointer;text-decoration:none;display:block}.qr-code-card__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-xs);font-size:1rem;font-weight:600;overflow:hidden}.qr-code-card__meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.qr-code-card__scans{color:var(--text-secondary);font-size:.875rem}.qr-code-card__scans span{font-family:var(--font-mono)}.qr-code-card__badges{gap:var(--space-xs);display:flex}.qr-code-card__date{color:var(--text-muted);font-size:.8125rem}.qr-code-card__menu-trigger{top:var(--space-md);right:var(--space-md);color:#555;width:32px;height:32px;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;z-index:2;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 1px 4px #00000026}.qr-code-card:hover .qr-code-card__menu-trigger{color:var(--text-primary);background:#fff;box-shadow:0 1px 4px #0000001f}.qr-code-card__menu-trigger:hover{color:var(--text-primary);background:#fff;box-shadow:0 2px 6px #0003}.qr-code-card__dropdown{top:calc(var(--space-md) + 32px);right:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-xs) 0;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);position:absolute;transform:translateY(-4px)}.qr-code-card__dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.qr-code-card__dropdown-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;font-size:.875rem;display:flex}.qr-code-card__dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.qr-code-card__dropdown-item--danger{color:var(--color-error)}.qr-code-card__dropdown-item--danger:hover{color:var(--color-error);background:#ef44441a}.qr-code-card__dropdown-divider{background:var(--border);height:1px;margin:var(--space-xs) 0}.qr-code-card__confirm{padding:var(--space-sm) var(--space-md)}.qr-code-card__confirm p{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:.875rem}.qr-code-card__confirm-actions{gap:var(--space-sm);display:flex}.qr-code-card--skeleton .qr-code-card__skeleton-block{background:linear-gradient(90deg, var(--bg-card-hover) 25%, #e5e7eb 50%, var(--bg-card-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.qr-code-card__skeleton-thumb{width:120px;height:120px;margin:0 auto var(--space-md)}.qr-code-card__skeleton-title{width:60%;height:16px;margin-bottom:var(--space-sm)}.qr-code-card__skeleton-meta{width:80%;height:12px;margin-bottom:var(--space-sm)}.qr-code-card__skeleton-date{width:40%;height:12px}@media (prefers-reduced-motion:reduce){.qr-code-card--skeleton .qr-code-card__skeleton-block{animation:none}}
.type-selector{gap:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs);display:flex;overflow-x:auto}.type-selector::-webkit-scrollbar{display:none}.type-selector__item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full,9999px);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;display:flex}.type-selector__item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.type-selector__item:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.type-selector__item--selected{border-color:var(--accent-teal);background:var(--accent-teal);color:var(--text-inverse)}.type-selector__item--selected:hover{background:var(--accent-teal-hover);border-color:var(--accent-teal-hover)}.type-selector__item--selected .type-selector__icon,.type-selector__item--selected .type-selector__label{color:var(--text-inverse)}.type-selector__icon{color:var(--text-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.type-selector__icon svg{width:18px;height:18px}.type-selector__label{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}
.content-form{gap:var(--space-md);flex-direction:column;display:flex}.content-form__section-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.content-form__field{gap:var(--space-xs);flex-direction:column;display:flex}.content-form__label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.content-form__input,.content-form__textarea,.content-form__select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast);font-size:1rem}.content-form__input:focus,.content-form__textarea:focus,.content-form__select:focus{border-color:var(--accent-teal);outline:none}.content-form__input::placeholder,.content-form__textarea::placeholder{color:var(--text-muted)}.content-form__input--error,.content-form__textarea--error,.content-form__select--error{border-color:var(--color-error)}.content-form__textarea{resize:vertical;min-height:100px}.content-form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:calc(var(--space-md) + 20px)}.content-form__error{color:var(--color-error);align-items:center;gap:var(--space-xs);font-size:.8125rem;display:flex}.content-form__row{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.content-form__row{grid-template-columns:1fr 1fr}}.content-form__checkbox-wrap{align-items:center;gap:var(--space-sm);display:flex}.content-form__checkbox{width:18px;height:18px;accent-color:var(--accent-teal)}.content-form__checkbox-label{color:var(--text-secondary);font-size:.875rem}.content-form__password-wrap{position:relative}.content-form__password-wrap .content-form__input{padding-right:44px}.content-form__password-toggle{right:var(--space-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.content-form__password-toggle:hover{color:var(--text-primary)}
.design-customizer{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.design-customizer__header{padding:var(--space-md) var(--space-lg);background:var(--bg-card);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;color:var(--text-primary);font-family:var(--font-sans);border:none;justify-content:space-between;align-items:center;display:flex}.design-customizer__header:hover{background:var(--bg-card-hover)}.design-customizer__header-title{color:var(--text-primary);font-size:1rem;font-weight:600}.design-customizer__header-chevron{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-fast)}.design-customizer__header-chevron--open{transform:rotate(180deg)}.design-customizer__body{padding:var(--space-lg);background:var(--bg-secondary);gap:var(--space-lg);flex-direction:column;display:flex}.design-customizer__body--collapsed{display:none}.design-customizer__colors{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.color-picker__label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500;display:block}.color-picker__row{align-items:center;gap:var(--space-sm);display:flex}.color-picker__hex-input{width:100px;font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-sm);color:var(--text-primary);transition:border-color var(--transition-fast);font-size:.875rem}.color-picker__hex-input:focus{border-color:var(--accent-teal);outline:none}.color-picker__hex-input--error{border-color:var(--color-error)}.color-picker__swatch{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;transition:border-color var(--transition-fast);flex-shrink:0}.color-picker__swatch:hover{border-color:var(--border-hover)}.color-picker__native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.design-customizer__logo-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;display:block}.design-customizer__dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast)}.design-customizer__dropzone:hover{border-color:var(--border-hover)}.design-customizer__dropzone--active{border-color:var(--accent-teal);background:var(--accent-teal-dim)}.design-customizer__dropzone-icon{margin-bottom:var(--space-sm);color:var(--text-muted);justify-content:center;display:flex}.design-customizer__dropzone-icon svg{width:32px;height:32px}.design-customizer__dropzone-text{color:var(--text-muted);font-size:.875rem}.design-customizer__dropzone-hint{color:var(--text-muted);margin-top:var(--space-xs);font-size:.75rem}.design-customizer__logo-preview{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.design-customizer__logo-thumb{border-radius:var(--radius-sm);object-fit:contain;background:var(--bg-secondary);width:64px;height:64px}.design-customizer__logo-info{flex:1}.design-customizer__logo-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.875rem;overflow:hidden}.design-customizer__logo-remove{color:var(--color-error);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;font-size:.8125rem}.design-customizer__logo-remove:hover{background:#ef44441a}.design-customizer__shape-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;display:block}.design-customizer__shapes{gap:var(--space-sm);flex-wrap:wrap;display:flex}.design-customizer__shape-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.design-customizer__shape-option:hover{border-color:var(--border-hover)}.design-customizer__shape-option--selected{border-color:var(--accent-teal);background:var(--accent-teal-dim);color:var(--accent-teal)}.design-customizer__shape-option svg{width:24px;height:24px}.design-customizer__pro-section{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);position:relative}.design-customizer__pro-section:hover{background:var(--bg-card-hover)}.design-customizer__pro-content{opacity:.4;pointer-events:none}.design-customizer__pro-badge{z-index:2;align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--accent-teal);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.format-selector{gap:var(--space-md);flex-direction:column;display:flex}.format-selector__group{gap:var(--space-xs);flex-direction:column;display:flex}.format-selector__label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.format-selector__slider-wrap{align-items:center;gap:var(--space-sm);display:flex}.format-selector__slider{appearance:none;background:var(--bg-secondary);border-radius:var(--radius-full,9999px);outline:none;flex:1;height:4px}.format-selector__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-teal);border:2px solid var(--bg-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.format-selector__slider::-moz-range-thumb{background:var(--accent-teal);border:2px solid var(--bg-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.format-selector__slider-value{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:50px;font-size:.875rem}.format-selector__download-buttons{gap:var(--space-sm);display:flex}.format-selector__download-buttons .btn{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.format-selector__svg-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--accent-teal);border-radius:var(--radius-md);color:var(--accent-teal);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:0 0;display:flex}.format-selector__svg-btn:hover:not(:disabled){background:var(--accent-teal-dim)}.format-selector__svg-btn:disabled{opacity:.5;cursor:not-allowed}.format-selector__info{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.format-selector__info-row{justify-content:space-between;align-items:center;display:flex}.format-selector__info-label{color:var(--text-muted);font-size:.8125rem}.format-selector__info-value{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.format-selector__svg-btn--locked{opacity:.5;border-color:var(--border);color:var(--text-muted);cursor:pointer}.format-selector__svg-btn--locked:hover{background:var(--bg-card-hover);opacity:.7}.format-selector__pro-tag{text-transform:uppercase;letter-spacing:.5px;background:var(--accent-teal);color:var(--text-inverse);border-radius:var(--radius-sm);padding:1px 4px;font-size:.625rem;font-weight:700;line-height:1.2}
.qr-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.qr-preview__title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.qr-preview__canvas-wrap{border-radius:var(--radius-md);padding:var(--space-md);aspect-ratio:1;margin-bottom:var(--space-md);background:#fff;justify-content:center;align-items:center;display:flex}.qr-preview__canvas{width:100%;height:100%;display:block}.qr-preview__empty{aspect-ratio:1;border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;padding:var(--space-lg);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.qr-preview__empty-text{color:var(--text-muted);font-size:.875rem}.qr-preview__short-url{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-md);display:flex}.qr-preview__short-url-text{font-family:var(--font-mono);color:var(--text-secondary);font-size:.875rem}.qr-preview__copy-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.qr-preview__copy-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}@media (min-width:768px){.qr-creator__sidebar{top:var(--space-lg);align-self:start;position:sticky}}@media (prefers-reduced-motion:reduce){.qr-preview__copy-btn{transition:none}}
.dashboard{padding-bottom:var(--space-3xl)}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);padding-top:var(--space-xl);flex-wrap:wrap;display:flex}.dashboard__header h1{margin-bottom:var(--space-xs)}.dashboard__header p{font-size:.875rem}.dashboard__user{align-items:center;gap:var(--space-md);display:flex}.dashboard__email{color:var(--text-muted);font-size:.875rem}.dashboard__sign-out{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.8125rem}.dashboard__sign-out:hover{border-color:var(--border-hover);color:var(--text-primary)}.dashboard__stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:640px){.dashboard__stats{grid-template-columns:repeat(3,1fr)}}.dashboard__actions{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.dashboard__actions-right{gap:var(--space-sm);display:flex}.dashboard__filter-select{appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);padding-right:calc(var(--space-md) + 16px);color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;transition:border-color var(--transition-fast);font-size:.875rem}.dashboard__filter-select:focus{border-color:var(--accent-teal);outline:none}.dashboard__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.dashboard__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard__grid{grid-template-columns:repeat(4,1fr)}}.dashboard__empty{text-align:center;padding:var(--space-3xl) var(--space-2xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.dashboard__empty-icon{width:120px;height:120px;margin:0 auto var(--space-lg);border:2px dashed var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.dashboard__empty-icon svg{width:48px;height:48px;color:var(--text-muted);opacity:.6}.dashboard__empty h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.dashboard__empty p{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.875rem}.dashboard__success{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);background:#14b8a61a;border:1px solid #14b8a64d;display:flex}.dashboard__success-text{color:var(--accent-teal,#14b8a6);flex:1;font-size:.875rem}.dashboard__success-close{color:var(--accent-teal,#14b8a6);cursor:pointer;padding:0 var(--space-xs);background:0 0;border:none;font-size:1.125rem;line-height:1}.dashboard__error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);background:#ef44441a;border:1px solid #ef44444d;display:flex}.dashboard__error-icon{color:var(--color-error);flex-shrink:0}.dashboard__error-text{color:var(--color-error);flex:1;font-size:.875rem}.dashboard__error-retry{color:var(--color-error);cursor:pointer;transition:text-decoration var(--transition-fast);background:0 0;border:none;font-size:.875rem;text-decoration:none}.dashboard__error-retry:hover{text-decoration:underline}
.qr-creator{padding-bottom:var(--space-3xl)}.qr-creator__header{margin-bottom:var(--space-xl);padding-top:var(--space-xl)}.qr-creator__header h1{margin-bottom:var(--space-xs)}.qr-creator__header p{color:var(--text-secondary);font-size:.875rem}.qr-creator__tabs{margin-bottom:var(--space-xl)}.qr-creator__layout{gap:var(--space-xl);flex-direction:column;display:flex}@media (min-width:768px){.qr-creator__layout{flex-direction:row;align-items:flex-start}}.qr-creator__config{gap:var(--space-xl);flex-direction:column;flex:1;min-width:0;display:flex}.qr-creator__sidebar{gap:var(--space-md);flex-direction:column;width:100%;display:flex}@media (min-width:768px){.qr-creator__sidebar{flex-shrink:0;width:360px}}.qr-creator__section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.qr-creator__section-title{color:var(--text-primary);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;display:flex}.qr-creator__save-section{gap:var(--space-sm);flex-direction:column;display:flex}.qr-creator__save-error{color:var(--color-error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef44444d;font-size:.8125rem}.qr-creator__upgrade-prompt{padding:var(--space-md);border-radius:var(--radius-sm);text-align:center;background:#8b5cf614;border:1px solid #8b5cf640}.qr-creator__upgrade-prompt p{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.8125rem}.qr-creator__upgrade-link{color:var(--accent-teal,#14b8a6);font-size:.875rem;font-weight:600;text-decoration:none}.qr-creator__upgrade-link:hover{text-decoration:underline}
.qr-mode-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-xs);margin-bottom:var(--space-xl);align-items:center;gap:0;display:inline-flex}@media (max-width:767px){.qr-mode-toggle{width:100%;display:flex}.qr-mode-toggle__option{flex:1}}.qr-mode-toggle__option{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.qr-mode-toggle__option:hover:not(.qr-mode-toggle__option--active):not(.qr-mode-toggle__option--disabled){background:var(--bg-card-hover);color:var(--text-primary)}.qr-mode-toggle__option:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-mode-toggle__option--active{background:var(--accent-teal);color:var(--text-inverse)}.qr-mode-toggle__option--disabled{opacity:.6;cursor:not-allowed}.qr-mode-toggle__label{white-space:nowrap}.qr-mode-toggle__badge{padding:2px var(--space-xs);background:var(--accent-purple-dim);color:var(--accent-purple);text-transform:uppercase;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;line-height:1.2;display:inline-block}.qr-mode-toggle__lock-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.qr-mode-toggle__info{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--accent-teal-dim);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);animation:qr-mode-info-enter var(--transition-base) ease-out;border:1px solid #14b8a640;display:flex}.qr-mode-toggle__info-icon{width:16px;height:16px;color:var(--accent-teal);flex-shrink:0;margin-top:1px}.qr-mode-toggle__info-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}@keyframes qr-mode-info-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.upgrade-modal__overlay{z-index:100;padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upgrade-modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);position:relative}.upgrade-modal__close{top:var(--space-md);right:var(--space-md);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;position:absolute}.upgrade-modal__close:hover{color:var(--text-primary)}.upgrade-modal__title{color:var(--text-primary);margin-bottom:var(--space-sm);padding-right:var(--space-xl);font-size:1.25rem;font-weight:700}.upgrade-modal__text{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9375rem}.upgrade-modal__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:.8125rem;font-weight:700}.upgrade-modal__label--pro{color:var(--accent-teal);margin-top:var(--space-md)}.upgrade-modal__features,.upgrade-modal__features-pro{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upgrade-modal__features{margin-bottom:var(--space-md)}.upgrade-modal__features-pro{margin-bottom:var(--space-xl)}.upgrade-modal__features li,.upgrade-modal__features-pro li{padding-left:var(--space-lg);font-size:.875rem;position:relative}.upgrade-modal__features li{color:var(--text-secondary)}.upgrade-modal__features li:before{content:"✓";color:var(--text-muted);font-weight:700;position:absolute;left:0}.upgrade-modal__features-pro li{color:var(--text-primary)}.upgrade-modal__features-pro li:before{content:"⭐";font-size:.75rem;position:absolute;left:0}.upgrade-modal__actions{gap:var(--space-sm);flex-direction:column;align-items:center;display:flex}.upgrade-modal__cta{width:100%;padding:var(--space-sm) var(--space-lg);background:var(--accent-teal);color:var(--text-inverse);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);font-size:.9375rem;font-weight:600;font-family:var(--font-sans);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.upgrade-modal__cta:hover{opacity:.9;color:var(--text-inverse)}.upgrade-modal__dismiss{color:var(--text-muted);cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:color var(--transition-fast);font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none}.upgrade-modal__dismiss:hover{color:var(--text-primary)}
.qr-detail{padding-bottom:var(--space-3xl)}.qr-detail__header{padding-top:var(--space-xl);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.qr-detail__back{align-items:center;gap:var(--space-xs);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);margin-right:var(--space-md);background:0 0;border:none;font-size:.875rem;display:inline-flex}.qr-detail__back:hover{color:var(--text-primary);text-decoration:underline}.qr-detail__back:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-detail__title{color:var(--text-primary);margin-right:auto;font-size:1.5rem;font-weight:700}.qr-detail__badges{gap:var(--space-sm);display:flex}.qr-detail__info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-xl);flex-direction:column;display:flex}@media (min-width:768px){.qr-detail__info{flex-direction:row}}.qr-detail__preview{flex-shrink:0;justify-content:center;align-items:flex-start;display:flex}.qr-detail__preview-img{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}@media (min-width:768px){.qr-detail__preview-img{width:240px;height:240px}}.qr-detail__meta{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.qr-detail__meta-row{flex-direction:column;gap:2px;display:flex}.qr-detail__meta-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem;font-weight:600}.qr-detail__meta-value{color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:.9375rem;display:flex}.qr-detail__meta-value a,.qr-detail__meta-url{font-family:var(--font-mono);word-break:break-all;font-size:.8125rem}.qr-detail__copy-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.qr-detail__copy-btn:hover{color:var(--accent-teal)}.qr-detail__copy-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-detail__toggle-row{align-items:center;gap:var(--space-sm);display:flex}.qr-detail__toggle{background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);border:none;flex-shrink:0;position:relative}.qr-detail__toggle--active{background:var(--accent-teal)}.qr-detail__toggle--disabled{opacity:.5;cursor:not-allowed}.qr-detail__toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.qr-detail__toggle--active:after{transform:translate(20px)}.qr-detail__toggle-label{color:var(--text-secondary);font-size:.875rem}.qr-detail__actions{gap:var(--space-sm);margin-top:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.qr-detail__action-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500;display:inline-flex}.qr-detail__action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.qr-detail__action-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-detail__action-btn--danger{color:var(--color-error);border-color:var(--color-error)}.qr-detail__action-btn--danger:hover{color:var(--color-error);background:#ef44441a}.qr-detail__confirm{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;display:flex}.qr-detail__confirm-text{margin-right:var(--space-sm)}.qr-analytics{margin-top:var(--space-xl)}.qr-analytics__header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.qr-analytics__title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.qr-analytics__period{gap:var(--space-xs);display:flex}.qr-analytics__period-btn{padding:var(--space-xs) var(--space-md);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;font-size:.8125rem;font-weight:500}.qr-analytics__period-btn:hover{background:var(--bg-card-hover)}.qr-analytics__period-btn--active{background:var(--accent-teal);color:var(--text-inverse)}.qr-analytics__period-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-analytics__chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.qr-analytics__chart-area{align-items:flex-end;gap:2px;height:200px;display:flex}.qr-analytics__chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.qr-analytics__chart-bar{background:var(--accent-teal);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:24px;transition:opacity var(--transition-fast);cursor:pointer;min-height:2px}.qr-analytics__chart-bar:hover{opacity:.8}.qr-analytics__chart-tooltip{background:var(--text-primary);color:var(--text-inverse);font-size:.75rem;font-family:var(--font-mono);padding:2px var(--space-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.qr-analytics__chart-bar-wrap:hover .qr-analytics__chart-tooltip{opacity:1}.qr-analytics__chart-labels{margin-top:var(--space-xs);gap:2px;display:flex}.qr-analytics__chart-label{text-align:center;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.625rem;overflow:hidden}.qr-analytics__chart-empty{height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.qr-analytics__grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr;display:grid}@media (min-width:640px){.qr-analytics__grid{grid-template-columns:1fr 1fr}}.qr-analytics__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.qr-analytics__card-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:.875rem;font-weight:600}.qr-analytics__card-list{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.qr-analytics__card-item{align-items:center;gap:var(--space-sm);display:flex}.qr-analytics__card-rank{width:18px;color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:600}.qr-analytics__card-name{color:var(--text-primary);flex-shrink:0;min-width:60px;font-size:.8125rem}.qr-analytics__card-bar-track{background:var(--bg-secondary);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.qr-analytics__card-bar{background:var(--gradient-teal-purple);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.qr-analytics__card-pct{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;flex-shrink:0;min-width:36px;font-size:.8125rem}.qr-analytics__card-empty{color:var(--text-muted);font-size:.8125rem}.qr-analytics__export{justify-content:flex-end;display:flex}.qr-analytics__export-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500;display:inline-flex}.qr-analytics__export-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.qr-analytics__export-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-analytics__paywall{margin-top:var(--space-xl);border-radius:var(--radius-lg);position:relative;overflow:hidden}.qr-analytics__paywall-blur{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;aria-hidden:true}.qr-analytics__paywall-cta{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center;z-index:2;background:#f9fafbb3;flex-direction:column;display:flex;position:absolute;inset:0}.qr-analytics__paywall-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.qr-analytics__paywall-text{color:var(--text-secondary);font-size:.875rem}.qr-analytics__paywall-btn{padding:var(--space-sm) var(--space-xl);color:var(--text-inverse);background:var(--gradient-teal-purple);border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition-fast);border:none;align-items:center;font-size:.9375rem;font-weight:600;display:inline-flex}.qr-analytics__paywall-btn:hover{opacity:.9}.qr-analytics__paywall-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.qr-detail__skeleton-block{background:linear-gradient(90deg, var(--bg-card-hover) 25%, #e5e7eb 50%, var(--bg-card-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.qr-detail__skeleton-header{width:260px;height:32px;margin-bottom:var(--space-md)}.qr-detail__skeleton-info{border-radius:var(--radius-lg);height:280px;margin-bottom:var(--space-lg)}.qr-detail__skeleton-actions{gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.qr-detail__skeleton-action{width:120px;height:36px}.qr-detail__skeleton-chart{border-radius:var(--radius-lg);height:280px}.qr-detail__error{align-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-lg);text-align:center;flex-direction:column;display:flex}.qr-detail__error-icon{color:var(--color-error)}.qr-detail__error-text{color:var(--text-secondary);font-size:1rem}@media (prefers-reduced-motion:reduce){.qr-detail__skeleton-block{animation:none}.qr-analytics__card-bar{transition:none}}
:root{--bg-primary:#f9fafb;--bg-secondary:#f3f4f6;--bg-card:#fff;--bg-card-hover:#f3f4f6;--bg-input:#fff;--border:#929396;--border-hover:#6b6e72;--accent-teal:#0f766e;--accent-teal-hover:#0d6b64;--accent-teal-dim:#2dd4bf26;--accent-purple:#7c3aed;--accent-purple-hover:#8b5cf6;--accent-purple-dim:#a78bfa26;--gradient-teal:linear-gradient(135deg, #2dd4bf, #14b8a6);--gradient-purple:linear-gradient(135deg, #a78bfa, #8b5cf6);--gradient-teal-purple:linear-gradient(135deg, #2dd4bf, #a78bfa);--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-inverse:#fff;--color-success:#178740;--color-warning:#a46907;--color-error:#d73d3d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-sans:var(--font-dm-sans), "DM Sans", system-ui, -apple-system, sans-serif;--font-mono:var(--font-space-mono), "Space Mono", ui-monospace, monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.6}a{color:var(--accent-teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-teal-hover)}code,pre,kbd{font-family:var(--font-mono)}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast)}:is(input,textarea,select):focus{border-color:var(--accent-teal);outline:none}:is(input,textarea,select)::placeholder{color:var(--text-muted)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.375rem,3vw,2rem)}h3{font-size:clamp(1.125rem,2.5vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--text-secondary)}small{color:var(--text-muted);font-size:.875rem}.container{width:100%;max-width:1200px;padding:0 var(--space-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-lg)}}@media (min-width:1024px){.container{padding:0 var(--space-xl)}}.section{padding:var(--space-2xl) 0}@media (min-width:768px){.section{padding:var(--space-3xl) 0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.protected-route__skeleton{max-width:1200px;padding:var(--space-2xl) var(--space-md);margin:0 auto}.protected-route__skeleton-header{margin-bottom:var(--space-xl)}.protected-route__skeleton-block{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.protected-route__skeleton-block--title{width:200px;height:32px;margin-bottom:var(--space-sm)}.protected-route__skeleton-block--subtitle{width:320px;height:18px}.protected-route__skeleton-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.protected-route__skeleton-grid{grid-template-columns:repeat(3,1fr)}}.protected-route__skeleton-block--card{border-radius:var(--radius-lg);height:100px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}