*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2563eb;--primary-blue-hover: #1d4ed8;--primary-purple: #9333ea;--success-green: #16a34a;--success-green-hover: #15803d;--warning-yellow: #eab308;--danger-red: #dc2626;--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;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-400: #facc15;--yellow-800: #854d0e;--green-100: #dcfce7;--green-800: #166534;--red-100: #fee2e2;--red-600: #dc2626;--red-800: #991b1b;--blue-50: #eff6ff;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-900);line-height:1.5}.app-container{min-height:100vh;background-color:var(--gray-100)}.page-wrapper{min-height:100vh;padding:var(--spacing-xl)}.content-container{max-width:1280px;margin:0 auto}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.view-switcher{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:50;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);display:flex;gap:var(--spacing-sm)}.view-switcher-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.view-switcher-btn.active{background-color:var(--primary-blue);color:#fff}.view-switcher-btn:not(.active){background-color:var(--gray-200);color:var(--gray-700)}.view-switcher-btn:not(.active):hover{background-color:var(--gray-300)}.admin-setup{max-width:28rem;margin:3rem auto;background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.admin-setup h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--gray-800)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:var(--spacing-sm) .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-blue);ring:2px;ring-color:var(--blue-500)}.logo-preview{margin-top:var(--spacing-sm);display:flex;justify-content:center}.logo-preview img{height:4rem;object-fit:contain}.btn-primary{width:100%;background-color:var(--primary-blue);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-blue-hover)}.admin-stage{min-height:100vh;background-color:var(--gray-100);padding:var(--spacing-xl)}.event-header{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.event-header-content{display:flex;justify-content:space-between;align-items:center}.event-title{font-size:1.875rem;font-weight:700;color:var(--gray-800)}.btn-end-event{color:var(--danger-red);background:none;border:none;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.btn-end-event:hover{color:var(--red-800)}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.current-draw-panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.draw-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--gray-800)}.qr-section{background-color:var(--gray-50);padding:2rem;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.qr-placeholder{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);border:4px solid var(--gray-300);margin-bottom:var(--spacing-md)}.qr-url-label{font-size:.875rem;color:var(--gray-600);margin-bottom:var(--spacing-sm)}.qr-url-code{background-color:var(--gray-200);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;word-break:break-all}.registration-counter{background-color:var(--blue-50);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.counter-content{display:flex;align-items:center;justify-content:center}.counter-icon{margin-right:.75rem;color:var(--blue-600)}.counter-label{font-size:.875rem;color:var(--gray-600)}.counter-number{font-size:2.25rem;font-weight:700;color:var(--blue-600)}.btn-pick-winner{width:100%;background-color:var(--success-green);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.btn-pick-winner:hover{background-color:var(--success-green-hover)}.winner-announcement{background-color:var(--yellow-50);border:2px solid var(--yellow-400);padding:var(--spacing-xl);border-radius:var(--radius-lg)}.winner-announcement h3{font-size:1.25rem;font-weight:700;color:var(--yellow-800);margin-bottom:var(--spacing-sm)}.winner-announcement p{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.no-draw-message{text-align:center;padding:3rem 0}.no-draw-message p{color:var(--gray-500);margin-bottom:var(--spacing-md)}.new-draw-section{margin-top:var(--spacing-xl)}.btn-new-draw{width:100%;background-color:var(--primary-blue);color:#fff;padding:.75rem var(--spacing-md);border:none;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.btn-new-draw:hover{background-color:var(--primary-blue-hover)}.draw-form{background-color:var(--gray-50);padding:var(--spacing-md);border-radius:var(--radius-lg)}.draw-form input{width:100%;padding:var(--spacing-sm) .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.draw-form-buttons{display:flex;gap:var(--spacing-sm)}.btn-create{flex:1;background-color:var(--success-green);color:#fff;padding:var(--spacing-sm);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.btn-create:hover{background-color:var(--success-green-hover)}.btn-cancel{flex:1;background-color:var(--gray-400);color:#fff;padding:var(--spacing-sm);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.btn-cancel:hover{background-color:var(--gray-500)}.winners-panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.winners-header{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--gray-800);border-bottom:1px solid var(--gray-200);padding-bottom:var(--spacing-sm)}.winners-list{display:flex;flex-direction:column;gap:.75rem;max-height:24rem;overflow-y:auto}.winner-item{background-color:var(--yellow-50);padding:.75rem;border-radius:var(--radius-lg);border:1px solid var(--yellow-200)}.winner-name{font-weight:600;color:var(--gray-800)}.winner-details{font-size:.875rem;color:var(--gray-600)}.no-winners{color:var(--gray-400);font-size:.875rem}.user-registration{min-height:100vh;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-purple) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.registration-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:2rem;max-width:28rem;width:100%}.registration-header{text-align:center;margin-bottom:var(--spacing-xl)}.org-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.org-logo img{height:5rem;object-fit:contain}.org-name{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--spacing-sm)}.event-subtitle{font-size:1.125rem;color:var(--gray-600)}.draw-name{font-weight:600}.registration-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-field{display:flex;flex-direction:column}.registration-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-fast)}.registration-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.btn-register{width:100%;background-color:var(--primary-blue);color:#fff;padding:.75rem var(--spacing-md);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-register:hover{background-color:var(--primary-blue-hover)}.registration-message{margin-top:var(--spacing-md);padding:.75rem;border-radius:var(--radius-lg);text-align:center}.registration-message.success{background-color:var(--green-100);color:var(--green-800)}.registration-message.error{background-color:var(--red-100);color:var(--red-800)}.draw-closed-message{text-align:center;padding:2rem 0}.draw-closed-message p{color:var(--danger-red);font-weight:600}@media(max-width:1024px){.admin-grid{grid-template-columns:1fr}}@media(max-width:768px){.page-wrapper{padding:var(--spacing-md)}.event-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.event-title{font-size:1.5rem}.view-switcher{top:var(--spacing-sm);right:var(--spacing-sm)}}@media(max-width:640px){.admin-setup{margin:var(--spacing-md);padding:var(--spacing-md)}.registration-card{padding:var(--spacing-md)}.org-name{font-size:1.25rem}.event-subtitle{font-size:1rem}}.text-center{text-align:center}.mb-4{margin-bottom:var(--spacing-md)}.mt-4{margin-top:var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .3s ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.winners-list::-webkit-scrollbar{width:8px}.winners-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-md)}.winners-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-md)}.winners-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}