:root{--color-bg: #F7F9F8;--color-bg-secondary: #F4FAF6;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #DDE8E1;--color-border-subtle: #E8F5EE;--color-border-strong: #C4D7CB;--color-text: #17231C;--color-text-secondary: #64756B;--color-text-muted: #8A9890;--color-primary: #2F8F5B;--color-primary-hover: #26774B;--color-primary-active: #1F5F3F;--color-primary-subtle: #E8F5EE;--color-success: #2F8F5B;--color-success-hover: #26774B;--color-success-subtle: #E8F5EE;--color-success-text: #1F5F3F;--color-warning: #C58A2B;--color-warning-subtle: #FDF8EC;--color-warning-text: #96661A;--color-danger: #D9534F;--color-danger-hover: #C9403C;--color-danger-subtle: #FDECEC;--color-danger-text: #A82824;--color-focus-ring: rgba(47, 143, 91, .25);--sidebar-bg: #17231C;--sidebar-border: #24352B;--sidebar-text: #8A9890;--sidebar-text-hover: #E8F5EE;--sidebar-text-active: #ffffff;--sidebar-item-active-bg: #24352B;--sidebar-brand-mark-bg: #2F8F5B;--sidebar-brand-mark-color: #ffffff;--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .08);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;line-height:1.25;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-xs)}.btn-primary:hover{background-color:var(--color-primary-hover);color:#fff}.btn-primary:active{background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-strong);color:var(--color-text)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.btn-danger{background-color:var(--color-danger);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-xs)}.btn-danger:hover{background-color:var(--color-danger-hover);color:#fff}.btn-icon{padding:8px;border-radius:var(--radius-md);color:var(--color-text-secondary)}.btn-icon:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1}.badge-success,.dashboard-status.active{background-color:var(--color-success-subtle);color:var(--color-success-text)}.badge-inactive,.dashboard-status.inactive{background-color:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-danger{background-color:var(--color-danger-subtle);color:var(--color-danger-text)}.dashboard-shell{min-height:100vh;display:flex;background-color:var(--color-bg)}.dashboard-sidebar{width:256px;flex:0 0 256px;display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text)}.dashboard-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xs) var(--spacing-xl)}.dashboard-brand{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em}.dashboard-brand:hover{color:#fff;text-decoration:none}.dashboard-brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--sidebar-brand-mark-bg);color:var(--sidebar-brand-mark-color);font-size:var(--font-size-base);font-weight:800;box-shadow:0 2px 4px #2f8f5b4d}.dashboard-nav{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.dashboard-nav-label,.dashboard-eyebrow{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-nav-label{color:var(--sidebar-text);margin:0 var(--spacing-sm) var(--spacing-xs)}.dashboard-nav-link{display:flex;align-items:center;gap:var(--spacing-md);min-height:42px;padding:0 var(--spacing-md);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.dashboard-nav-link:hover{color:var(--sidebar-text-hover);background-color:#ffffff0d;text-decoration:none}.dashboard-nav-link.active{color:var(--sidebar-text-active);background-color:var(--sidebar-item-active-bg);font-weight:600;box-shadow:inset 3px 0 0 var(--color-primary)}.dashboard-sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:auto;padding:var(--spacing-lg) var(--spacing-xs) 0;border-top:1px solid var(--sidebar-border)}.dashboard-user-chip{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.dashboard-user-avatar{width:32px;height:32px;display:inline-flex;flex:0 0 32px;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:#334155;color:#fff;font-size:var(--font-size-xs);font-weight:700}.dashboard-user-email{overflow:hidden;color:var(--sidebar-text);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.dashboard-logout-button{display:flex;align-items:center;gap:var(--spacing-sm);min-height:38px;padding:0 var(--spacing-sm);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.dashboard-logout-button:hover{color:var(--color-danger);background-color:#ef44441a}.dashboard-main{min-width:0;flex:1;display:flex;flex-direction:column}.dashboard-content{width:100%;max-width:1240px;flex:1;margin:0 auto;padding:var(--spacing-xl) clamp(24px,5vw,64px)}.dashboard-footer{padding:0 clamp(24px,5vw,64px) var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-mobile-header,.dashboard-menu-button{display:none}.page-header{margin-bottom:var(--spacing-xl)}.dashboard-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--spacing-2xs)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.placeholder-content{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-secondary)}.placeholder-content h2{margin-bottom:var(--spacing-md);color:var(--color-text)}.placeholder-content p{max-width:480px;margin:0 auto}.nav-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text);text-decoration:none}.nav-link.active{background-color:var(--color-primary-subtle);color:var(--color-primary)}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.dashboard-stat-card{display:grid;grid-template-columns:auto 1fr;column-gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-stat-icon{grid-row:span 3;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary)}.dashboard-stat-icon-success{background:var(--color-success-subtle);color:var(--color-success-text)}.dashboard-stat-icon-muted{background:var(--color-bg-secondary);color:var(--color-text-muted)}.dashboard-stat-label,.dashboard-stat-note{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.dashboard-stat-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}.dashboard-recent-section{padding:0;overflow:hidden}.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.dashboard-section-heading .dashboard-eyebrow{margin-bottom:var(--spacing-2xs)}.dashboard-section-heading h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600}.text-link{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-sm);font-weight:600}.dashboard-recent-list{display:grid}.dashboard-recent-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-md);min-width:0;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.dashboard-recent-item:last-child{border-bottom:0}.dashboard-qr-icon,.dashboard-empty-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.dashboard-qr-icon{width:36px;height:36px}.dashboard-recent-details{display:grid;min-width:0;gap:2px}.dashboard-recent-details strong{overflow:hidden;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-details span{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-item time{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.dashboard-status{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.dashboard-status.active{background:var(--color-success-subtle);color:var(--color-success-text)}.dashboard-status.inactive{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border)}.dashboard-empty-state,.dashboard-error-state{display:grid;justify-items:center;gap:var(--spacing-sm);padding:56px var(--spacing-lg);text-align:center}.dashboard-empty-icon{width:48px;height:48px;margin-bottom:var(--spacing-sm)}.dashboard-empty-state h3,.dashboard-error-state h1{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600}.dashboard-empty-state p,.dashboard-error-state p{max-width:420px;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dashboard-error-state{min-height:360px;color:var(--color-danger)}.dashboard-account-note{margin-top:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg-secondary) 50%,var(--color-border) 75%);background-size:200% 100%;animation:dashboard-loading 1.5s infinite;border-radius:var(--radius-sm)}.dashboard-skeleton-title{width:min(360px,70%);height:36px;margin-bottom:var(--spacing-sm)}.dashboard-skeleton-copy{width:min(300px,60%);height:20px}.dashboard-skeleton-card{height:138px}.dashboard-skeleton-section{height:270px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qr-list-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg)}.qr-list-header .page-title{margin-bottom:var(--spacing-2xs)}.qr-list-panel{padding:0;overflow:hidden}.qr-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.qr-search-field{display:flex;align-items:center;gap:var(--spacing-sm);width:min(100%,420px);padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background-color:var(--color-surface)}.qr-search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.qr-search-field input{width:100%;min-height:40px;border:0;outline:0;color:var(--color-text);background:transparent}.qr-search-field input::placeholder{color:var(--color-text-muted)}.qr-list-count{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.qr-table-container{width:100%;overflow-x:auto}.qr-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}.qr-table th,.qr-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);vertical-align:middle}.qr-table thead th{color:var(--color-text-muted);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.qr-table tbody tr:last-child th,.qr-table tbody tr:last-child td{border-bottom:0}.qr-table tbody th{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.qr-name-cell,.qr-destination-cell{display:inline-flex;align-items:center;max-width:210px;gap:var(--spacing-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-destination-cell{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.qr-destination-cell:hover{color:var(--color-primary)}.qr-destination-cell span{overflow:hidden;text-overflow:ellipsis}.qr-code-cell{padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.qr-table .dashboard-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs)}.qr-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.qr-search-empty h2{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-2xs)}.qr-search-empty p{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:360px}.qr-mobile-list{display:none;flex-direction:column;gap:1px;background:var(--color-border)}.qr-mobile-card{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--color-surface)}.qr-mobile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.qr-mobile-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.qr-mobile-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px dashed var(--color-border)}.analytics-bar-track{display:flex;align-items:end;width:100%;max-width:42px;height:190px;border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.analytics-bar{display:block;width:100%;min-height:4px;border-radius:var(--radius-sm);background:var(--color-primary)}@keyframes dashboard-loading{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.dashboard-sidebar{position:fixed;inset:0 auto 0 0;z-index:200;width:min(280px,86vw);transform:translate(-100%);transition:transform var(--transition-fast)}.dashboard-sidebar-open{transform:translate(0)}.dashboard-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.dashboard-menu-button-visible{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.dashboard-menu-button-visible span{width:18px;height:2px;background:var(--color-text)}.dashboard-menu-button{color:var(--sidebar-text);font-size:1.6rem;line-height:1}.dashboard-sidebar .dashboard-menu-button{display:inline-flex}.dashboard-content{padding:var(--spacing-lg) var(--spacing-md)}.dashboard-footer{padding:0 var(--spacing-md) var(--spacing-lg)}.dashboard-page .page-header{align-items:stretch;flex-direction:column}.dashboard-page .page-header .btn{width:100%}.dashboard-stat-grid{grid-template-columns:1fr}.qr-list-page .page-header{align-items:stretch;flex-direction:column}.qr-list-page .page-header .btn{width:100%}.qr-list-toolbar{align-items:stretch;flex-direction:column}.qr-search-field{width:100%}.qr-table-container{display:none}.qr-mobile-list{display:flex}}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider:before{margin-right:var(--spacing-md)}.auth-divider:after{margin-left:var(--spacing-md)}.btn-google{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);width:100%}.btn-google:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-strong);color:var(--color-text)}.edit-qr-readonly{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed var(--color-border)}.edit-qr-readonly-row{display:flex;align-items:center;gap:var(--spacing-md)}.edit-qr-readonly-row span{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);min-width:120px}