*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#e5e7eb;color:#374151;line-height:1.5}.dashboard{max-width:1400px;margin:20px auto;background:#f8f9fa;border-radius:24px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:grid;grid-template-columns:260px 1fr;grid-gap:32px;gap:32px;min-height:calc(100vh - 40px)}.sidebar{padding:0 16px}.brand{gap:12px;margin-bottom:32px}.brand,.brand-icon{display:flex;align-items:center}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;justify-content:center;color:#fff;font-weight:700;font-size:14px}.brand-name{font-size:18px;font-weight:700;color:#1f2937}.nav{list-style:none}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#6b7280;text-decoration:none;font-size:15px;font-weight:600;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.nav-link:hover{background:hsla(0,0%,100%,.5);color:#374151}.nav-link.active{background:#111827;color:#fff}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px}.main-content{display:flex;flex-direction:column;gap:24px}.header{display:flex;justify-content:space-between;align-items:flex-start}.header-content h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:4px}.header-content p{font-size:16px;color:#6b7280}.header-actions{display:flex;align-items:center;gap:12px}.btn{padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#111827;color:#fff}.btn-primary:hover{background:#1f2937;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.stat-card{background:#fff;border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.events{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.stat-card.photos{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-card.qr{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-card.views{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.stat-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.stat-value{font-size:32px;font-weight:800;color:#111827;line-height:1}.stat-change{font-size:12px;color:#059669;font-weight:500;margin-top:4px}.stat-menu{width:24px;height:24px;background:hsla(0,0%,100%,.7);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;border:none;transition:all .2s ease}.stat-menu:hover{background:hsla(0,0%,100%,.9)}.content-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px}.panel{background:#fff;border-radius:20px;overflow:hidden}.panel-header{padding:24px 28px 20px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:18px;font-weight:700;color:#111827}.view-all-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;cursor:pointer;background:none;border:none}.view-all-link:hover{text-decoration:underline}.events-container{padding:24px 28px}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px;gap:24px;margin-bottom:24px}.event-card{background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px}.event-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px;line-height:1.3}.event-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.event-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 24px 16px}.event-details{padding:0 24px 16px;display:flex;flex-direction:column;gap:8px}.event-detail{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.event-detail svg{width:16px;height:16px;color:#9ca3af}.event-actions{padding:16px 24px 24px;display:flex;gap:12px}.btn-sm{padding:8px 16px;font-size:13px;display:flex;align-items:center;gap:4px}.btn-ghost{background:transparent;border:none;color:#6b7280;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:rgba(0,0,0,.05)}.alert{padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.alert-close:hover{background:rgba(0,0,0,.1)}.event-card-image{height:180px;position:relative;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:hsla(0,0%,100%,.9)}.event-card-image.active{background:linear-gradient(135deg,#fce7f3,#f3e8ff)}.event-card-image.completed{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.event-card-image.draft{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.event-status-badge{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-status-badge.active{background:rgba(16,185,129,.9);color:#fff}.event-status-badge.completed{background:hsla(220,9%,46%,.9);color:#fff}.event-status-badge.draft{background:rgba(245,158,11,.9);color:#fff}.event-card-content{padding:24px}.event-card-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:8px}.event-card-meta{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;margin-bottom:20px}.event-card-stats{display:flex;gap:32px;margin-bottom:24px}.event-stat{text-align:left}.event-stat-value{font-size:24px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.event-stat-label{font-size:12px;color:#6b7280;font-weight:500}.event-card-actions{display:flex;gap:8px}.event-card-btn{flex:1 1;padding:10px 8px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.event-card-btn.primary{background:#111827;color:#fff}.event-card-btn.primary:hover{background:#1f2937;transform:translateY(-1px)}.event-card-btn.secondary{background:#f3f4f6;color:#6b7280}.event-card-btn.secondary:hover{background:#e5e7eb;color:#374151}.event-card.create-new{border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;min-height:400px;background:hsla(0,0%,100%,.5)}.event-card.create-new:hover{border-color:#9ca3af;background:#fff}.create-event-content{text-align:center;padding:32px}.create-event-icon{width:64px;height:64px;border:2px dashed #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#9ca3af}.create-event-title{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.create-event-desc{font-size:14px;color:#6b7280}.events-table{width:100%;border-collapse:collapse}.events-table th{text-align:left;padding:16px 28px;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #f3f4f6}.events-table td{padding:20px 28px;border-bottom:1px solid #f9fafb}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.live{background:#d1fae5;color:#065f46}.status-badge.upcoming{background:#fef3c7;color:#92400e}.status-badge.ended{background:#f3f4f6;color:#6b7280}.quick-actions{padding:24px 28px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.quick-action{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px;text-decoration:none;color:#374151;transition:all .2s ease;text-align:center;cursor:pointer}.quick-action:hover{background:#f3f4f6;transform:translateY(-2px)}.quick-action-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px}.quick-action-icon.create{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.quick-action-icon.qr{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.quick-action-icon.tv{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.quick-action-icon.upload{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.quick-action-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.quick-action-desc{font-size:12px;color:#6b7280}.right-sidebar{display:flex;flex-direction:column;gap:20px}.live-stats{background:#fff;border-radius:20px;padding:24px;text-align:center}.live-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}.live-text{font-size:14px;font-weight:600;color:#ef4444}.big-number{font-size:48px;font-weight:800;color:#111827;line-height:1;margin-bottom:8px}.big-label{font-size:16px;color:#6b7280;margin-bottom:4px}.big-detail{font-size:14px;color:#9ca3af}.activity-feed{padding:0 28px 24px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f9fafb}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.activity-icon.upload{background:#3b82f6}.activity-icon.qr{background:#7c3aed}.activity-icon.view{background:#059669}.activity-icon.bulk{background:#f59e0b}.activity-content{flex:1 1}.activity-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.activity-desc{font-size:12px;color:#6b7280}.activity-time{font-size:12px;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:modalSlideIn .3s ease}.modal-right-side:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 15% 15%,#fff,transparent),radial-gradient(2px 2px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 90% 40%,#fff,transparent),radial-gradient(1px 1px at 20% 90%,#fff,transparent),radial-gradient(2px 2px at 80% 10%,#fff,transparent),radial-gradient(1px 1px at 25% 60%,#fff,transparent),radial-gradient(1px 1px at 70% 80%,#fff,transparent),radial-gradient(1px 1px at 95% 70%,#fff,transparent),radial-gradient(1px 1px at 10% 40%,#fff,transparent),radial-gradient(1px 1px at 60% 30%,#fff,transparent);background-repeat:no-repeat;background-size:400px 400px,300px 300px,200px 200px,150px 150px,350px 350px,250px 250px,180px 180px,120px 120px,160px 160px,200px 200px;opacity:.8;pointer-events:none;z-index:1}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 32px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:24px;font-weight:700;color:#1e293b}.close-btn{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f8fafc;color:#1e293b}.modal-content{padding:32px;max-height:70vh;overflow-y:auto}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f9fafb}.form-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.modal-footer{padding:24px 32px;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0}.btn-create{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-create:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.3)}@media (max-width:1200px){.dashboard{grid-template-columns:1fr;gap:24px}.sidebar{padding:0}.nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.nav-item{flex-shrink:0}.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard{margin:10px;padding:20px}.stats-grid{grid-template-columns:1fr}.header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%;justify-content:center}.quick-actions{grid-template-columns:1fr}.events-table{font-size:12px}.events-table td,.events-table th{padding:12px 16px}.action-buttons{flex-direction:column}}.user-section{position:relative;margin-top:auto;padding:1rem;border-top:1px solid #e5e7eb}.user-profile-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.user-profile-btn:hover{background:#f3f4f6}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-info{flex:1 1;text-align:left;min-width:0}.user-name{font-size:14px;font-weight:600;color:#111827}.user-email,.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#6b7280}.dropdown-icon{color:#6b7280;transition:transform .2s}.user-dropdown-menu{position:absolute;bottom:100%;left:1rem;right:1rem;margin-bottom:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:.5rem;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:.375rem;font-size:14px;color:#111827;cursor:pointer;transition:background-color .2s;text-align:left}.dropdown-item:hover{background:#f3f4f6}.dropdown-item svg{flex-shrink:0}.dropdown-divider{margin:.5rem 0;border:none;border-top:1px solid #e5e7eb}.logout-item{color:#dc2626}.logout-item:hover{background:#fee2e2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes loadingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}@keyframes checkFade{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) translateX(0) scale(0)}10%{opacity:1;transform:translateY(-10vh) translateX(10px) scale(1)}90%{opacity:1;transform:translateY(-90vh) translateX(50px) scale(1)}to{opacity:0;transform:translateY(-100vh) translateX(60px) scale(0)}}@keyframes floatSlow{0%{transform:translateY(0) translateX(0);opacity:.3}50%{transform:translateY(-20px) translateX(10px);opacity:.7}to{transform:translateY(0) translateX(0);opacity:.3}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}