@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";:root{--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #1f2937;--color-bg-glass: rgba(22, 27, 34, .65);--color-bg-glass-hover: rgba(31, 41, 55, .8);--color-bg-elevated: rgba(30, 41, 55, .5);--color-surface: #1e2432;--color-surface-hover: #252e3e;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .18);--color-text-primary: #f0f0f0;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverse: #111111;--color-accent: #0d656e;--color-accent-hover: #0b555e;--color-accent-subtle: rgba(13, 101, 110, .15);--color-success: #10b981;--color-success-subtle: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-subtle: rgba(59, 130, 246, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(13, 101, 110, .25);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--z-sidebar: 40;--z-header: 30;--z-dropdown: 50;--z-overlay: 60}[data-theme=light]{--color-bg-primary: #f9fafb;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f2f2f2;--color-bg-glass: rgba(255, 255, 255, .8);--color-bg-glass-hover: rgba(242, 242, 242, .9);--color-bg-elevated: rgba(255, 255, 255, .9);--color-surface: #ffffff;--color-surface-hover: #f2f2f2;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .16);--color-text-primary: #111111;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-text-inverse: #f9fafb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(13, 101, 110, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-scale{animation:fadeInScale var(--transition-slow) ease forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-bg-secondary);color:var(--color-text-primary);z-index:var(--z-sidebar);transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-right:1px solid var(--color-border)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--color-border);gap:.75rem}.logo-icon{background:var(--color-accent);padding:6px;border-radius:var(--radius-sm);display:flex;box-shadow:var(--shadow-glow)}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-muted) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-mode-label{padding:1rem 1.5rem .5rem;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.sidebar-nav{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);gap:.75rem}.nav-item:hover,.nav-item.active{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-item.active{border-left:3px solid var(--color-accent);background:linear-gradient(90deg,var(--color-accent-subtle) 0%,transparent 100%)}.nav-label{font-weight:500;font-size:.875rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--color-border)}.user-profile-mini{display:flex;align-items:center;gap:.75rem}.user-profile-mini .avatar{background:var(--color-surface-hover);color:var(--color-text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;border:1px solid var(--color-border)}.avatar-image{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--color-border)}.user-info{display:flex;flex-direction:column;flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.user-role{font-size:.75rem;color:var(--color-text-secondary);text-transform:capitalize}.logout-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.logout-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40;display:none}.sidebar-overlay.open{display:block}}.header{height:var(--header-height);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-header)}.header-left{display:flex;align-items:center;gap:1.5rem}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.menu-toggle:hover{color:var(--color-text-primary)}.search-bar{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.625rem 1.25rem;width:320px;transition:all var(--transition-base)}.search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle);width:380px}.search-icon{color:var(--color-text-muted);margin-right:.75rem}.search-bar input{background:transparent;border:none;outline:none;width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary)}.search-bar input::placeholder{color:var(--color-text-muted)}.header-right{display:flex;align-items:center;gap:1.5rem}.icon-btn{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-accent-subtle)}.notification-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:var(--color-danger);border-radius:50%;border:2px solid var(--color-bg-primary)}.avatar{width:36px;height:36px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;box-shadow:var(--shadow-glow)}@media(max-width:1024px){.menu-toggle{display:block}.search-bar{display:none}}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stat-card-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card-icon{color:var(--color-accent);background:var(--color-accent-subtle);padding:8px;border-radius:var(--radius-sm)}.stat-card-body{display:flex;align-items:baseline;justify-content:space-between}.stat-card-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-1px}.stat-card-trend{display:flex;align-items:center;font-size:var(--font-size-sm);font-weight:600;gap:.25rem}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.data-table-container{overflow:hidden}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.data-table th{font-weight:600;color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-green{background-color:var(--color-success-subtle);color:var(--color-success)}.badge-yellow{background-color:var(--color-warning-subtle);color:var(--color-warning)}.badge-red{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge-gray{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;margin-top:0}.activity-list{display:flex;flex-direction:column;gap:1.25rem}.activity-item{display:flex;gap:1rem;align-items:flex-start}.activity-icon-wrapper{background-color:var(--color-surface-hover);padding:.5rem;border-radius:50%;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.activity-content{flex:1}.activity-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;line-height:1.4}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:.25rem;display:block}.dashboard-layout{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family)}.main-content{transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column}@media(min-width:1025px){.main-content{margin-left:var(--sidebar-width)}}.dashboard-container{padding:2.5rem;flex:1;max-width:1800px;width:100%;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.page-title{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.date-range-picker{background:var(--color-surface);border:1px solid var(--color-border);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;outline:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.date-range-picker:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.date-range-picker:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:2.5rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:2.5rem;transition:transform var(--transition-base),box-shadow var(--transition-base)}.chart-section:hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}.bottom-section{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1280px){.bottom-section{grid-template-columns:2fr 1fr}}.table-wrapper,.feed-wrapper{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:box-shadow var(--transition-base)}.table-wrapper:hover,.feed-wrapper:hover{box-shadow:var(--shadow-lg)}.loyalty-page{padding:0;color:var(--color-text-primary)}.loyalty-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.loyalty-page .page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.loyalty-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.loyalty-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.loyalty-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--color-accent);opacity:0;transition:opacity var(--transition-base)}.loyalty-card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px);border-color:var(--color-border-hover)}.loyalty-card:hover:before{opacity:1}.loyalty-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.loyalty-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.loyalty-card__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.loyalty-card__badge--active{background:var(--color-success-subtle);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.loyalty-card__badge--inactive{background:var(--color-text-muted);color:var(--color-bg-primary);opacity:.8}.loyalty-card__badge--earn{background:var(--color-success-subtle);color:var(--color-success)}.loyalty-card__badge--redeem{background:var(--color-danger-subtle);color:var(--color-danger)}.loyalty-card__badge--adjust_add{background:var(--color-info-subtle);color:var(--color-info)}.loyalty-card__badge--adjust_sub{background:var(--color-warning-subtle);color:var(--color-warning)}.loyalty-card__body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.loyalty-card__body p{margin:var(--spacing-sm) 0}.loyalty-card__stat{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.loyalty-card__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent)}.loyalty-card__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.loyalty-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.loyalty-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);max-width:600px;box-shadow:var(--shadow-md)}.loyalty-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.loyalty-form__group{margin-bottom:var(--spacing-lg)}.loyalty-form__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.loyalty-form__input{width:100%;padding:.75rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:inherit;transition:all var(--transition-fast);box-sizing:border-box}.loyalty-form__input::placeholder{color:var(--color-text-muted)}.loyalty-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);background:var(--color-bg-primary)}.loyalty-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.loyalty-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.loyalty-btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 4px #0003}.loyalty-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.loyalty-btn--secondary{background:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.loyalty-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.loyalty-btn--sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.loyalty-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.loyalty-btn--danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.loyalty-btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.loyalty-alert{padding:1rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);font-weight:var(--font-weight-medium)}.loyalty-alert--success{background:var(--color-success-subtle);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.loyalty-alert--error{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.loyalty-alert--info{background:var(--color-info-subtle);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.loyalty-result{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.loyalty-result__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.loyalty-result__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.loyalty-result__item-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.loyalty-result__item-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.loyalty-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.loyalty-empty svg{opacity:.5;margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.loyalty-empty p{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.loyalty-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:fadeIn var(--transition-base);padding:var(--spacing-xl)}.loyalty-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:540px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp var(--transition-base);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loyalty-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden}.loyalty-table th{text-align:left;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.loyalty-table td{padding:var(--spacing-lg) var(--spacing-xl);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.loyalty-table tbody tr{transition:background var(--transition-fast)}.loyalty-table tbody tr:hover{background:var(--color-surface-hover)}.loyalty-table__mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--font-size-xs);color:var(--color-accent);background:var(--color-accent-subtle);padding:.2rem .5rem;border-radius:var(--radius-sm)}.loyalty-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xl) 0}.loyalty-pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.loyalty-select{padding:.75rem 2.5rem .75rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.loyalty-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.loyalty-select option{background:var(--color-surface);color:var(--color-text-primary)}.loyalty-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-bg-tertiary) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-lg)}.loyalty-skeleton--stat{height:120px}input[type=checkbox]{accent-color:var(--color-accent);width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);cursor:pointer}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-primary);font-family:var(--font-family);color:var(--color-text-primary)}.login-card{width:100%;max-width:400px;padding:var(--spacing-2xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--color-border)}.login-title{margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.login-message{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-md)}.google-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:#fff;color:#374151;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);margin-top:var(--spacing-md)}.google-btn:hover{background-color:#f9fafb;box-shadow:var(--shadow-sm)}.google-btn img{width:18px;height:18px;margin-right:var(--spacing-sm)}.accept-invite-card{max-width:440px}.accept-invite__logo{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.accept-invite__title--error{color:var(--color-danger, #ef4444)}.accept-invite__spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:#13a4ec;border-radius:50%;animation:spin .8s linear infinite;margin:var(--spacing-xl) auto 0}@keyframes spin{to{transform:rotate(360deg)}}.accept-invite__success-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);animation:pop .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.accept-invite__hint{margin:var(--spacing-md) 0 var(--spacing-xl);padding:var(--spacing-md);background:var(--color-bg-elevated, rgba(239, 68, 68, .06));border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.accept-invite__btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:#13a4ec;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.accept-invite__btn:hover{background:#0d8fd0;box-shadow:var(--shadow-sm)}.accept-invite__btn--outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.accept-invite__btn--outline:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f9fafb;color:#111827}*{box-sizing:border-box}a{text-decoration:none}.recharts-wrapper{width:100%!important}