:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-teal:#14b8a6;--accent-yellow:#eab308;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#1f2937;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-inverse:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-colored:0 10px 30px -5px #6366f14d;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono","Courier New",monospace;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);line-height:1.6;margin:0}code{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.375rem;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.875em;padding:.125rem .375rem}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#4b5563;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#6366f1;color:var(--primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#4f46e5;color:var(--primary-dark)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.page-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:2rem;padding:var(--space-xl)}.page-header{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.page-subtitle{color:#4b5563;color:var(--text-secondary);font-size:1.125rem;font-weight:400}.card{background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-xl);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding-bottom:1rem;padding-bottom:var(--space-md)}.card-title{font-size:1.5rem;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.card-subtitle{color:#6b7280;color:var(--text-tertiary);font-size:.875rem}.card-content{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.card-footer{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);margin-top:1.5rem;margin-top:var(--space-lg);padding-top:1rem;padding-top:var(--space-md)}.btn{border-radius:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;gap:.5rem;transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-secondary{background:#e5e7eb;color:#111827}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-success{background:#10b981;color:#fff}.btn-warning{background:#f59e0b;color:#fff}.btn-error{background:#ef4444;color:#fff}.btn-outline{border:2px solid #6366f1;color:#6366f1}.btn-outline:hover:not(:disabled){background:#6366f1;color:#fff}.btn-icon{height:2.5rem;padding:.5rem;width:2.5rem}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-label{color:#111827;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-error{color:#ef4444;color:var(--error)}.form-error,.form-help{font-size:.875rem;margin-top:.25rem;margin-top:var(--space-xs)}.form-help,.loading-container{color:#6b7280;color:var(--text-tertiary)}.loading-container{padding:4rem}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#6366f1;margin-bottom:1rem}.empty-state{color:#4b5563;padding:4rem}.empty-state-icon{margin-bottom:1.5rem}.empty-state-title{color:#111827;margin-bottom:.5rem}.empty-state-text{color:#6b7280}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-primary{background:#818cf8;background:var(--primary-light)}.badge-primary,.badge-success{color:#fff;color:var(--text-inverse)}.badge-success{background:#10b981;background:var(--success)}.badge-warning{background:#f59e0b;background:var(--warning)}.badge-error,.badge-warning{color:#fff;color:var(--text-inverse)}.badge-error{background:#ef4444;background:var(--error)}.badge-gray{background:#d1d5db;background:var(--gray-300);color:#1f2937;color:var(--gray-800)}.alert{border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.alert-success{background:#d1fae5;border-color:#10b981}.alert-warning{background:#fef3c7;background:var(--warning-light);border-color:#f59e0b;border-color:var(--warning);color:#92400e}.alert-error{background:#fee2e2;border-color:#ef4444}.alert-info{background:#dbeafe;background:var(--info-light);border-color:#3b82f6;border-color:var(--info);color:#1e40af}.grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.page-container{padding:1.5rem;padding:var(--space-lg)}}@media (max-width:768px){:root{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-container{padding:1rem;padding:var(--space-md)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}.dropdown{display:inline-block;position:relative}.dropdown-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:1rem;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.dropdown-btn:hover{background:#ffffff1a}.dropdown-menu{animation:fadeIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;margin-top:4px;min-width:200px;padding:var(--space-sm);position:absolute;top:100%;z-index:var(--z-dropdown)}.dropdown-item{margin-bottom:var(--space-xs)}.dropdown-item:last-child{margin-bottom:0}.dropdown-item a,.dropdown-item>div{border-radius:var(--radius-md);color:var(--text-primary);display:block;font-size:.9375rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.dropdown-item a:hover,.dropdown-item>div:hover{background:var(--gray-100);color:var(--primary);transform:translateX(4px)}.nav-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.nav-link{border-radius:var(--radius-lg);color:var(--text-inverse);font-weight:500;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-link:after{background:var(--text-inverse);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-base);width:0}.nav-link:hover{background:#ffffff1a}.nav-link:hover:after{width:80%}.nav-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;overflow:hidden;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;width:40px}.nav-avatar:hover{border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a;transform:scale(1.1)}.nav-avatar img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.nav-bar{gap:var(--space-sm);justify-content:center}.nav-link{font-size:.875rem;padding:var(--space-xs) var(--space-sm)}}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow-lg);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--space-md) var(--space-xl)}.header-content,.header-logo{align-items:center;display:flex}.header-logo{color:var(--text-inverse);gap:var(--space-md);text-decoration:none}.header-logo-icon{font-size:2rem}.header-logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 4px #0000001a}.header-nav-wrapper{align-items:center;display:flex;gap:var(--space-lg)}@media (max-width:768px){.header-content{flex-wrap:wrap;padding:var(--space-md)}.header-logo-text{font-size:1.25rem}.header-nav-wrapper{justify-content:center;margin-top:var(--space-md);width:100%}}.footer{background:var(--gray-900);color:var(--gray-300);margin-top:auto;padding:var(--space-xl);text-align:center}.footer-content{margin:0 auto;max-width:1400px}.footer-text{color:var(--gray-400);font-size:.875rem;margin:0}.footer-emoji{animation:bounce 2s infinite;display:inline-block;margin:0 var(--space-xs)}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-content{background:var(--bg-secondary);flex:1 1;min-height:calc(100vh - 140px)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--gray-200);border:none;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-warning{background:var(--warning)}.btn-error,.btn-warning{color:var(--text-inverse)}.btn-error{background:var(--error)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--text-inverse)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dashboard{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.dashboard-header{margin-bottom:var(--space-2xl);text-align:center}.dashboard-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem}.points-card{animation:fadeIn .5s ease-out;background:var(--primary-gradient);border-radius:var(--radius-2xl);box-shadow:var(--shadow-colored);color:var(--text-inverse);margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-3xl);position:relative;text-align:center}.points-card:before{animation:rotate 15s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.points-label{font-size:1.25rem;font-weight:500;letter-spacing:.1em;margin-bottom:var(--space-md);opacity:.9;text-transform:uppercase}.points-value{font-size:5rem;font-weight:700;line-height:1;margin:0;position:relative;text-shadow:0 4px 8px #0003;z-index:1}.points-emoji{animation:bounce 2s infinite;display:inline-block;font-size:3rem;margin-left:var(--space-md)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.section-title{color:var(--text-primary);font-size:1.75rem;margin:0}.section-subtitle{color:var(--text-secondary);margin-top:var(--space-xs)}.transaction-card:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.transaction-detail strong{min-width:100px}.view-all-button{margin-top:var(--space-xl);text-align:center}.empty-transactions-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-transactions-text{color:var(--text-secondary);font-size:1.125rem}@media (max-width:768px){.dashboard{padding:var(--space-md)}.points-card{padding:var(--space-xl)}.points-value{font-size:3.5rem}.transaction-card{padding:var(--space-md)}.transaction-header{align-items:flex-start;flex-direction:column}}.manager-dashboard{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.manager-dashboard-header{margin-bottom:var(--space-2xl);text-align:center}.manager-dashboard-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.manager-dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem}@media (max-width:768px){.manager-dashboard{padding:var(--space-md)}.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.stat-card{padding:var(--space-lg)}}.superuser-dashboard{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.superuser-dashboard-header{margin-bottom:var(--space-2xl);text-align:center}.superuser-dashboard-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.superuser-dashboard-subtitle{color:var(--text-secondary);font-size:1.125rem}.stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin:0 auto;margin-top:var(--space-xl);max-width:1100px}.stat-card{animation:slideIn .3s ease-out;background:var(--bg-primary);border-left:6px solid var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:inherit;display:block;padding:var(--space-xl);text-decoration:none;transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card.users{border-left-color:var(--info)}.stat-card.transactions{border-left-color:var(--accent-purple)}.stat-card.events{border-left-color:var(--success)}.stat-card.promotions{border-left-color:var(--warning)}.stat-card-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.stat-card-icon{font-size:2rem}.stat-card-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.stat-card-content{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm)}.stat-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-sm) 0}.stat-item:last-child{border-bottom:none}.stat-item-label{color:var(--text-secondary);font-size:.9375rem}.stat-item-value{color:var(--text-primary);font-size:1.125rem;font-weight:700}@media (max-width:768px){.superuser-dashboard{padding:var(--space-md)}.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.stat-card{padding:var(--space-lg)}}.input-wrapper{margin-bottom:var(--space-lg)}.input-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.required{color:var(--error);margin-left:var(--space-xs)}.input-field{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-base);width:100%}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.input-field::placeholder{color:var(--gray-400)}.input-error{border-color:var(--error)!important}.input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.input-error-message{color:var(--error);font-size:.875rem;font-weight:500;margin-top:var(--space-xs)}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 140px);overflow:hidden;padding:var(--space-xl);position:relative}.auth-page:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.auth-container{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--space-3xl);position:relative;width:100%;z-index:1}.auth-header{margin-bottom:var(--space-2xl);text-align:center}.auth-icon{display:block;font-size:4rem;margin-bottom:var(--space-md)}.auth-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:var(--space-sm)}.auth-subtitle{color:var(--text-secondary);font-size:.9375rem}.auth-form{margin-bottom:var(--space-lg)}.auth-link{border-top:1px solid var(--border-light);margin-top:var(--space-lg);padding-top:var(--space-lg);text-align:center}.auth-link a{align-items:center;color:var(--primary);display:inline-flex;font-weight:600;gap:var(--space-xs);text-decoration:none;transition:color var(--transition-fast)}.auth-link a:hover{color:var(--primary-dark)}@media (max-width:768px){.auth-container{margin:var(--space-md);padding:var(--space-xl)}.auth-title{font-size:1.75rem}.auth-icon{font-size:3rem}}.profile-page{margin:0 auto;max-width:800px;padding:var(--space-xl)}.profile-header{margin-bottom:var(--space-2xl);text-align:center}.profile-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.profile-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.avatar-section{border-bottom:2px solid var(--border-light);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);text-align:center}.avatar-wrapper{cursor:pointer;display:inline-block;position:relative;transition:transform var(--transition-base)}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-wrapper:after{align-items:center;background:var(--primary);border:3px solid var(--bg-primary);border-radius:50%;bottom:0;box-shadow:var(--shadow-md);content:"📷";display:flex;height:36px;justify-content:center;position:absolute;right:0;width:36px}.avatar-image,.avatar-placeholder{border:4px solid var(--primary);border-radius:50%;box-shadow:var(--shadow-lg);height:140px;object-fit:cover;width:140px}.avatar-placeholder{align-items:center;background:var(--primary-gradient);color:var(--text-inverse);display:flex;font-size:3.5rem;font-weight:700;justify-content:center;text-shadow:0 2px 4px #0003}.avatar-hint{color:var(--text-tertiary);font-size:.875rem;margin-top:var(--space-md)}.profile-info{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.profile-field{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;padding:var(--space-md)}.profile-field-label{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.profile-field-value{color:var(--text-secondary);font-size:1rem}.profile-field-input{border:2px solid var(--border-medium);border-radius:var(--radius-lg);flex:1 1;font-family:var(--font-sans);font-size:1rem;min-width:200px;padding:.75rem 1rem;transition:all var(--transition-base)}.profile-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.profile-actions{border-top:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-2xl);padding-top:var(--space-xl)}.role-badge{align-items:center;display:inline-flex;font-size:.875rem;gap:var(--space-xs);padding:.5rem 1rem;text-transform:capitalize}.role-badge.regular{color:var(--info)}.role-badge.cashier{color:var(--warning)}.role-badge.manager{background:var(--accent-purple);color:var(--text-inverse)}.role-badge.superuser{background:var(--primary-gradient)}@media (max-width:768px){.profile-page{padding:var(--space-md)}.profile-card{padding:var(--space-xl)}.avatar-image,.avatar-placeholder{font-size:3rem;height:120px;width:120px}.profile-actions{flex-direction:column}.profile-actions button{width:100%}}.change-password-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.change-password-header{margin-bottom:var(--space-2xl);text-align:center}.change-password-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.change-password-subtitle{color:var(--text-secondary);font-size:1.125rem}.change-password-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.change-password-form{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.change-password-actions{border-top:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-xl)}.change-password-actions button{min-width:200px}.error-message{color:#991b1b}.error-message,.success-message{font-size:.9375rem;margin-top:var(--space-md);white-space:pre-line}.success-message{background:var(--success-light);border-left:4px solid var(--success);color:#065f46}.password-rules,.success-message{border-radius:var(--radius-lg);padding:var(--space-md)}.password-rules{background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;line-height:1.8;margin-top:var(--space-md)}.password-rules-title{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-xs)}.password-rules-list{list-style:none;margin:0;padding:0}.password-rules-list li{padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative}.password-rules-list li:before{color:var(--primary);content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.change-password-page{padding:var(--space-md)}.change-password-card{padding:var(--space-xl)}.change-password-actions{flex-direction:column}.change-password-actions button{min-width:0;min-width:auto;width:100%}}.register-user-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.register-user-header{margin-bottom:var(--space-2xl);text-align:center}.register-user-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.register-user-subtitle{color:var(--text-secondary);font-size:1.125rem}.register-user-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.register-user-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}@media (max-width:768px){.register-user-page{padding:var(--space-md)}.register-user-card{padding:var(--space-xl)}}.qr-page{display:flex;flex-direction:column;justify-content:center;max-width:800px;min-height:calc(100vh - 200px)}.qr-page-header{margin-bottom:var(--space-2xl);text-align:center}.qr-page-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.qr-page-subtitle{color:var(--text-secondary);font-size:1.125rem}.qr-card{animation:fadeIn .3s ease-out;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-2xl)}.qr-container{border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.qr-code-wrapper{background:#fff;border-radius:var(--radius-md);display:inline-block;padding:var(--space-lg)}.user-info{border-top:2px solid var(--border-light);margin-top:var(--space-xl);padding-top:var(--space-xl)}.user-info-label{margin-bottom:var(--space-xs)}.user-info-value{font-size:1.5rem;font-weight:700;margin-top:var(--space-xs)}.instructions{background:var(--info-light);border-left:4px solid var(--info);border-radius:var(--radius-lg);color:#1e40af;margin-top:var(--space-xl);padding:var(--space-lg)}.instructions-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm)}.instructions-text{font-size:.9375rem;line-height:1.6;margin:0}.error-container{padding:var(--space-3xl);text-align:center}.error-message{display:inline-block;padding:var(--space-lg)}@media (max-width:768px){.qr-page{padding:var(--space-md)}.qr-page-title{font-size:2rem}.qr-card{padding:var(--space-xl)}.qr-container{padding:var(--space-lg)}}.transfer-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.transfer-header{margin-bottom:var(--space-2xl);text-align:center}.transfer-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.transfer-subtitle{color:var(--text-secondary);font-size:1.125rem}.transfer-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.transfer-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}@media (max-width:768px){.transfer-page{padding:var(--space-md)}.transfer-card{padding:var(--space-xl)}}.redemption-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.redemption-header{margin-bottom:var(--space-2xl);text-align:center}.redemption-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.redemption-subtitle{color:var(--text-secondary);font-size:1.125rem}.redemption-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.redemption-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}.success-actions{border-top:2px solid var(--border-light);margin-top:var(--space-lg);padding-top:var(--space-lg);text-align:center}@media (max-width:768px){.redemption-page{padding:var(--space-md)}.redemption-card{padding:var(--space-xl)}}.promotion-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.promotion-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.promotion-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.promotion-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#757575;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.promotion-modal-close:hover{background:#f5f5f5;color:#212121}.promotion-modal-body{padding:24px}.promotion-modal-details{display:flex;flex-direction:column;gap:16px}.promotion-detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.promotion-detail-row:last-child{border-bottom:none}.promotion-detail-row strong{color:#757575;font-weight:600}.promotion-modal-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.promotion-modal-content{margin:10px;max-width:100%}}.promotions-container{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.promotions-header{margin-bottom:var(--space-2xl);text-align:center}.promotions-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.promotions-subtitle{color:var(--text-secondary);font-size:1.125rem}.promotions-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:var(--space-2xl)}.promotion-card{border-left:6px solid;position:relative;transition:all var(--transition-base)}.promotion-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.promotion-card.automatic{border-left-color:var(--info)}.promotion-card.onetime{border-left-color:var(--success)}.promotion-card-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.promotion-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm) 0}.promotion-type-badge{display:flex;gap:var(--space-xs)}.promotion-urgent-badge{animation:pulse 2s infinite;background:var(--warning);border-radius:var(--radius-full);color:var(--text-inverse);font-size:.875rem;font-weight:600;padding:var(--space-xs) var(--space-md);white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.promotion-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-lg)}.promotion-details{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);margin-bottom:var(--space-md)}.promotion-detail{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-sm) 0}.promotion-detail:last-child{border-bottom:none}.promotion-detail strong{color:var(--text-primary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.promotion-detail span{color:var(--text-secondary);font-size:.9375rem}.promotion-value{color:var(--primary);font-size:1.125rem;font-weight:700}.promotion-expiring{color:var(--error)!important;font-weight:700}.promotion-urgent{color:var(--warning)!important;font-weight:600}.promotions-loading{color:var(--text-tertiary);font-size:1.125rem}.promotions-empty,.promotions-loading{padding:var(--space-3xl);text-align:center}.promotions-empty{color:var(--text-secondary)}.promotions-empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.promotions-empty-text{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm)}.promotions-empty-subtext{color:var(--text-tertiary);font-size:.875rem}.promotions-pagination{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-2xl);padding:var(--space-xl) 0}.pagination-button{padding:.625rem 1.25rem}@media (max-width:1024px){.promotions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.promotions-container{padding:var(--space-md)}.promotions-grid{gap:var(--space-md);grid-template-columns:1fr;margin-top:var(--space-lg)}.promotion-card-header{align-items:flex-start;flex-direction:column}.promotions-pagination{flex-direction:column;gap:var(--space-sm)}}.events-list-page{max-width:1200px}.events-header{margin-bottom:var(--space-2xl);text-align:center}.events-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.events-subtitle{color:var(--text-secondary);font-size:1.125rem}.event-card{animation:slideIn .3s ease-out;background:var(--bg-primary);border-left:6px solid var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-lg);position:relative;transition:all var(--transition-base)}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.event-card.full{border-left-color:var(--error);opacity:.8}.attending-badge{align-items:center;background:var(--success);border-radius:var(--radius-full);color:var(--text-inverse);display:flex;font-size:.875rem;font-weight:600;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);position:absolute;right:var(--space-md);top:var(--space-md)}.event-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.event-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.event-details{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);margin-bottom:var(--space-md)}.event-detail{color:var(--text-secondary);display:flex;font-size:.9375rem;gap:var(--space-sm)}.event-detail strong{color:var(--text-primary);min-width:100px}.capacity-full{color:var(--error);font-weight:600}@media (max-width:768px){.events-list-page{padding:var(--space-md)}.filters-grid{grid-template-columns:1fr}.event-card{padding:var(--space-md)}}.event-detail-page{margin:0 auto;max-width:800px;padding:var(--space-xl)}.event-detail-header{margin-bottom:var(--space-2xl);text-align:center}.event-detail-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.event-detail-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.event-detail-info{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.event-detail-item{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);padding:var(--space-md)}.event-detail-item strong{color:var(--text-primary);font-size:.875rem;letter-spacing:.05em;min-width:120px;text-transform:uppercase}.event-detail-item span{color:var(--text-secondary);flex:1 1}.event-description-large{background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:var(--space-xl);padding:var(--space-lg)}.event-actions{border-top:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-xl)}@media (max-width:768px){.event-detail-page{padding:var(--space-md)}.event-detail-card{padding:var(--space-xl)}.event-actions{flex-direction:column}.event-actions button{width:100%}}.transactions-page{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.transactions-header{margin-bottom:var(--space-2xl);text-align:center}.transactions-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.transactions-subtitle{color:var(--text-secondary);font-size:1.125rem}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-md)}.filter-select{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-base)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.transactions-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.transaction-card{animation:slideIn .3s ease-out;background:var(--bg-primary);border-left:6px solid;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-lg);position:relative;transition:all var(--transition-base)}.transaction-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.transaction-card.purchase{border-left-color:var(--success)}.transaction-card.redemption{border-left-color:var(--warning)}.transaction-card.adjustment{border-left-color:var(--accent-purple)}.transaction-card.transfer{border-left-color:var(--info)}.transaction-card.event{border-left-color:var(--error)}.transaction-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-md)}.transaction-type{align-items:center;color:var(--text-primary);display:inline-flex;font-size:1.125rem;font-weight:700;gap:var(--space-xs);text-transform:capitalize}.transaction-id{color:var(--text-tertiary);font-size:.875rem;font-weight:400}.transaction-amount{color:var(--text-primary);font-size:1.5rem;font-weight:700}.transaction-amount.positive{color:var(--success)}.transaction-amount.negative{color:var(--error)}.transaction-details{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);margin-bottom:var(--space-md)}.transaction-detail{color:var(--text-secondary);display:flex;font-size:.9375rem;gap:var(--space-sm)}.transaction-detail strong{color:var(--text-primary);min-width:120px}.transaction-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;padding-top:var(--space-md)}.transaction-time{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;gap:var(--space-xs)}.empty-transactions{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-3xl);text-align:center}@media (max-width:768px){.transactions-page{padding:var(--space-md)}.filters-grid{grid-template-columns:1fr}.transaction-card{padding:var(--space-md)}.transaction-header{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:var(--space-sm)}}.qr-page{margin:0 auto;max-width:700px;padding:var(--space-xl)}.qr-header{margin-bottom:var(--space-2xl);text-align:center}.qr-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.qr-subtitle{color:var(--text-secondary);font-size:1.125rem}.qr-card{animation:fadeIn .5s ease-out;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl);text-align:center}.qr-card,.qr-container{background:var(--bg-primary)}.qr-container{border:4px solid var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:inline-block;margin:var(--space-xl) 0;padding:var(--space-xl)}.qr-info{border-top:2px solid var(--border-light);margin-top:var(--space-xl);padding-top:var(--space-xl)}.transaction-id-badge{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);color:var(--text-inverse);display:inline-flex;font-size:1.125rem;font-weight:600;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-lg)}.qr-instructions{background:var(--info-light);border-left:4px solid var(--info);border-radius:var(--radius-lg);color:#1e40af;margin-top:var(--space-lg);padding:var(--space-lg)}.qr-instructions strong{display:block;font-size:1rem;margin-bottom:var(--space-xs)}@media (max-width:768px){.qr-page{padding:var(--space-md)}.qr-card{padding:var(--space-xl)}.qr-container{padding:var(--space-md)}}.statistics-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.mode-switch{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-2xl)}.mode-button{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.9375rem;font-weight:600;padding:var(--space-sm) var(--space-lg);text-transform:capitalize;transition:all var(--transition-base)}.mode-button:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mode-button.active{background:var(--primary-gradient);border-color:#0000;box-shadow:var(--shadow-md);color:var(--text-inverse)}.summary-grid{margin-top:var(--space-xl)}.summary-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-xl);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.summary-card.transactions{border-left:6px solid var(--accent-purple)}.summary-card.points{border-left:6px solid var(--accent-orange)}.summary-card.transactions .summary-value{color:var(--accent-purple)}.summary-card.points .summary-value{color:var(--accent-orange)}@media (max-width:768px){.statistics-page{padding:var(--space-md)}.statistics-title{font-size:2rem}.chart-container{height:300px}.summary-grid{grid-template-columns:1fr}}.create-transaction-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.create-transaction-header{margin-bottom:var(--space-2xl);text-align:center}.create-transaction-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.create-transaction-subtitle{color:var(--text-secondary);font-size:1.125rem}.create-transaction-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.create-transaction-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}@media (max-width:768px){.create-transaction-page{padding:var(--space-md)}.create-transaction-card{padding:var(--space-xl)}}.process-redemption-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.process-redemption-header{margin-bottom:var(--space-2xl);text-align:center}.process-redemption-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.process-redemption-subtitle{color:var(--text-secondary);font-size:1.125rem}.process-redemption-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.process-redemption-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}@media (max-width:768px){.process-redemption-page{padding:var(--space-md)}.process-redemption-card{padding:var(--space-xl)}}.users-list-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.users-list-header{margin-bottom:var(--space-2xl);text-align:center}.users-list-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.users-list-subtitle{color:var(--text-secondary);font-size:1.125rem}.role-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-badge.regular{background:var(--info-light);color:#1e40af}.role-badge.cashier{background:var(--warning-light);color:#92400e}.role-badge.manager{background:var(--success-light);color:#065f46}.role-badge.superuser{background:var(--accent-purple);color:var(--text-inverse)}.verified-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.verified-badge.yes{background:var(--success-light);color:#065f46}.verified-badge.no{background:var(--error-light);color:#991b1b}@media (max-width:768px){.users-list-page{padding:var(--space-md)}.filters-grid{grid-template-columns:1fr}.data-table-container{overflow-x:scroll;padding:var(--space-md)}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:var(--space-sm)}.sort-controls{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:var(--space-sm)}}.edit-page{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.edit-page-header{margin-bottom:var(--space-2xl);text-align:center}.edit-page-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.edit-page-subtitle{color:var(--text-secondary);font-size:1.125rem}.edit-form-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.form-section-title{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.form-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.field-group{margin-bottom:var(--space-lg)}.field-group:last-child,.form-grid .field-group{margin-bottom:0}.field-label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:600}.field-label,.field-value{margin-bottom:var(--space-sm)}.field-value{color:var(--text-secondary);font-size:1rem;min-height:1.5rem}.field-value.empty{color:var(--text-tertiary);font-style:italic}.field-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.field-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.field-input,.field-select,.field-textarea{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-base);width:100%}.field-textarea{min-height:100px;resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.field-input:hover,.field-select:hover,.field-textarea:hover{border-color:var(--primary-light)}.field-checkbox{accent-color:var(--primary);cursor:pointer;height:20px;width:20px}.checkbox-group{align-items:center;display:flex;gap:var(--space-sm)}.checkbox-label{color:var(--text-primary);cursor:pointer;font-weight:500}.read-only-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.read-only-field{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-md) 0}.read-only-field:last-child{border-bottom:none}.read-only-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.read-only-value{color:var(--text-secondary);font-size:1rem;font-weight:500}.action-buttons{justify-content:center;margin-top:var(--space-2xl)}.action-button{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.action-button.primary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:var(--text-inverse)}.action-button.primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-button.secondary{background:var(--gray-200);color:var(--text-primary)}.action-button.secondary:hover:not(:disabled){background:var(--gray-300)}.action-button.danger{background:var(--error);color:var(--text-inverse)}.action-button.danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-button.small{font-size:.875rem;padding:.5rem 1rem}.action-button:disabled{cursor:not-allowed;opacity:.6}.add-guest-input-group{align-items:stretch;display:flex;gap:var(--space-sm)}.add-guest-input-group .field-input{flex:1 1}.data-table-container{background:#0000;border-radius:var(--radius-lg);margin-top:var(--space-md)}.adjustment-form{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);margin-top:var(--space-xl);padding:var(--space-xl)}.adjustment-form-title{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.info-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-xl)}.info-section-title{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.info-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-md) 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.info-value{color:var(--text-secondary);font-size:1rem;font-weight:500}.info-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg)}.info-value-large{color:var(--primary);font-size:1.5rem;font-weight:700}.empty-info-text{color:var(--text-secondary);font-style:italic;padding:var(--space-xl);text-align:center}.empty-state-small{padding:var(--space-lg);text-align:center}@media (max-width:768px){.edit-page{padding:var(--space-md)}.edit-page-title{font-size:2rem}.form-grid,.info-grid{grid-template-columns:1fr}.action-buttons,.add-guest-input-group{flex-direction:column}.action-button{width:100%}.edit-form-card,.info-section{padding:var(--space-lg)}}.transactions-list-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.transactions-list-header{margin-bottom:var(--space-2xl);text-align:center}.transactions-list-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.transactions-list-subtitle{color:var(--text-secondary);font-size:1.125rem}.data-table-container{margin-top:var(--space-xl)}.type-badge{text-transform:capitalize}.type-badge.purchase{background:var(--success-light);color:#065f46}.type-badge.redemption{background:var(--warning-light);color:#92400e}.type-badge.adjustment{background:var(--accent-purple);color:var(--text-inverse)}.type-badge.transfer{background:var(--info-light);color:#1e40af}.type-badge.event{background:var(--error-light);color:#991b1b}.amount-positive{color:var(--success);font-weight:700}.amount-negative{color:var(--error);font-weight:700}.suspicious-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.suspicious-badge.yes{background:var(--error-light);color:#991b1b}.suspicious-badge.no{background:var(--success-light);color:#065f46}.alert{border-left:4px solid;border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}@media (max-width:768px){.transactions-list-page{padding:var(--space-md)}.filters-grid{grid-template-columns:1fr}.data-table-container{overflow-x:scroll;padding:var(--space-md)}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:var(--space-sm)}.sort-controls{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:var(--space-sm)}}.create-promotion-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.create-promotion-header{margin-bottom:var(--space-2xl);text-align:center}.create-promotion-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.create-promotion-subtitle{color:var(--text-secondary);font-size:1.125rem}.create-promotion-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.create-promotion-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}@media (max-width:768px){.create-promotion-page{padding:var(--space-md)}.create-promotion-card{padding:var(--space-xl)}}.promotions-list-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.promotions-list-header{margin-bottom:var(--space-2xl);text-align:center}.promotions-list-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.promotions-list-subtitle{color:var(--text-secondary);font-size:1.125rem}.type-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.type-badge.automatic{background:var(--info-light);color:#1e40af}.type-badge.onetime{background:var(--warning-light);color:#92400e}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.promotions-list-page{padding:var(--space-md)}.filters-grid{grid-template-columns:1fr}.data-table-container{overflow-x:scroll;padding:var(--space-md)}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:var(--space-sm)}.sort-controls{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:var(--space-sm)}}.create-event-page{margin:0 auto;max-width:600px;padding:var(--space-xl)}.create-event-header{margin-bottom:var(--space-2xl);text-align:center}.create-event-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.create-event-subtitle{color:var(--text-secondary);font-size:1.125rem}.create-event-card{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.create-event-icon{font-size:4rem;margin-bottom:var(--space-lg);text-align:center}@media (max-width:768px){.create-event-page{padding:var(--space-md)}.create-event-card{padding:var(--space-xl)}}.events-list-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.events-list-header{margin-bottom:var(--space-2xl);text-align:center}.events-list-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.events-list-subtitle{color:var(--text-secondary);font-size:1.125rem}.filters-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-2xl);padding:var(--space-xl)}.filters-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filters-title:before{content:"🔍";font-size:1.5rem}.filters-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-label{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-input,.filter-select{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-base)}.filter-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.sort-controls{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg)}.sort-controls,.sort-group{align-items:center;display:flex}.sort-group{gap:var(--space-sm)}.data-table-container{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow-x:auto;padding:var(--space-xl)}.data-table{border-collapse:collapse;font-size:.9375rem;width:100%}.data-table thead{background:var(--bg-secondary)}.data-table th{border-bottom:2px solid var(--border-medium);color:var(--text-primary);font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:var(--space-md);text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:var(--space-md)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.empty-state-text{color:var(--text-secondary);font-size:1.125rem}.edit-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.edit-link:hover{color:var(--primary-dark);text-decoration:underline}.pagination{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);padding:var(--space-lg) 0}.pagination-button{background:var(--primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-base)}.pagination-button:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pagination-button:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6}.pagination-info{color:var(--text-secondary);font-size:1rem;font-weight:500}@media (max-width:768px){.data-table-container,.events-list-page,.filters-card{padding:var(--space-md)}.filters-grid{grid-template-columns:1fr}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:var(--space-sm)}.sort-controls{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:var(--space-sm)}}.manager-statistics{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.statistics-subtitle{color:var(--text-secondary);font-size:1.125rem}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.control-group{display:flex;flex-direction:column;gap:var(--space-xs)}.control-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.control-select{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:1rem;min-width:180px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.control-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.total-display{background:var(--bg-primary);border-left:6px solid var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xl);padding:var(--space-lg);text-align:center}.chart-container{height:350px}.chart-container.pie{height:300px}@media (max-width:768px){.manager-statistics{padding:var(--space-md)}.statistics-title{font-size:2rem}.controls-container{align-items:stretch;flex-direction:column}.control-select{width:100%}.chart-container{height:300px}.chart-container.pie{height:250px}}.organizer-events-page{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.organizer-events-header{margin-bottom:var(--space-2xl);text-align:center}.organizer-events-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.organizer-events-subtitle{color:var(--text-secondary);font-size:1.125rem}.events-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.event-card-clickable{background:var(--bg-primary);border-left:6px solid var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--space-xl);transition:all var(--transition-base)}.event-card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.event-card-clickable h2{color:var(--text-primary);margin:0}@media (max-width:768px){.organizer-events-page{padding:var(--space-md)}}.organizer-page{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.organizer-header{margin-bottom:var(--space-2xl);text-align:center}.organizer-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.organizer-subtitle{color:var(--text-secondary);font-size:1.125rem}.back-button-container,.event-info-grid{margin-bottom:var(--space-lg)}.event-info-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.event-info-item{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);padding:var(--space-md)}.event-info-item strong{color:var(--text-primary);font-size:.875rem;letter-spacing:.05em;min-width:150px;text-transform:uppercase}.event-info-item span{color:var(--text-secondary);flex:1 1}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width:768px){.organizer-page{padding:var(--space-md)}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.organizer-statistics{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.statistics-header{margin-bottom:var(--space-2xl);text-align:center}.statistics-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.chart-section{animation:fadeIn .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-2xl);padding:var(--space-xl)}.chart-title{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.chart-container{height:400px;margin-bottom:var(--space-md);width:100%}.summary-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{padding:var(--space-lg);text-align:center}.summary-value{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-sm)}.summary-value.events{color:var(--accent-purple)}.summary-value.participants{color:var(--success)}.summary-value.points{color:var(--info)}.summary-label{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.empty-state{color:var(--text-secondary);padding:var(--space-3xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-tertiary)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-3xl)}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:var(--space-md);width:40px}.error-container{padding:var(--space-xl)}.error-message{background:var(--error-light);border-left:4px solid var(--error);border-radius:var(--radius-lg);color:var(--error);font-size:1rem;padding:var(--space-md)}@media (max-width:768px){.organizer-statistics{padding:var(--space-md)}.statistics-title{font-size:2rem}.chart-container{height:300px}.summary-grid{grid-template-columns:1fr}}.user-promotion-page{margin:0 auto;max-width:800px;padding:var(--space-xl)}.user-promotion-header{margin-bottom:var(--space-2xl);text-align:center}.user-promotion-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-sm)}.user-promotion-subtitle{color:var(--text-secondary);font-size:1.125rem}.promotion-card{animation:slideIn .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-xl)}.promotion-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:var(--space-sm);margin-bottom:var(--space-lg)}.promotion-card-title:before{content:"👤";font-size:1.5rem}.promotion-form-group{margin-bottom:var(--space-lg)}.promotion-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.promotion-select{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:1rem;max-width:300px;padding:.75rem 1rem;transition:all var(--transition-base);width:100%}.promotion-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.user-info-card{animation:slideIn .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-xl)}.user-info-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.user-info-item{border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.user-info-item:last-child{border-bottom:none}.user-info-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;min-width:120px;text-transform:uppercase}.user-info-value{color:var(--text-primary);font-weight:500}.alert-card{animation:slideIn .3s ease-out;border-left:4px solid;border-radius:var(--radius-xl);margin-bottom:var(--space-xl);padding:var(--space-lg)}.alert-error{background:var(--error-light);border-color:var(--error);color:#991b1b}.alert-success{background:var(--success-light);border-color:var(--success);color:#065f46}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.user-promotion-page{padding:var(--space-md)}.promotion-card,.user-info-card{padding:var(--space-lg)}.user-info-item{flex-direction:column;gap:var(--space-xs)}.user-info-label{min-width:auto}}
/*# sourceMappingURL=main.f89488e3.css.map*/