*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,Segoe UI,sans-serif}body{background:linear-gradient(135deg,#0a1a35,#0c2340);color:#fff}.dashboard{width:100vw;height:100vh;padding:20px;display:flex;flex-direction:column;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.05"><rect fill="white" width="100" height="100"/><path d="M0 0L100 100M100 0L0 100" stroke="white" stroke-width="1"/></svg>')}.header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 15px;border-bottom:1px solid rgba(79,132,255,.3);position:relative}.header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4f84ff,transparent)}.logo-area{display:flex;align-items:center}.logoImg{width:260px;height:auto;margin-right:20px}.title{display:block;font-size:26px;font-weight:700;background:linear-gradient(90deg,#4f84ff,#8eb1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(79,132,255,.3)}.date-time{text-align:right;display:block}.date{font-size:18px;margin-bottom:5px;color:#fff}.time{font-size:28px;font-weight:700;color:#4f84ff;text-shadow:0 0 10px rgba(79,132,255,.5);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.stats{margin:20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card{background:rgba(16,36,71,.7);border-radius:8px;padding:15px 25px;text-align:center;flex:1;border:1px solid rgba(79,132,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:all .3s}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:all .6s}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.stat-value{font-size:32px;font-weight:700;margin:10px 0;color:#4f84ff}.stat-label{font-size:14px;color:#a0b8e2}.main-content{display:flex;flex:1;gap:20px;overflow:hidden}.left-panel{flex:7;display:flex;flex-direction:column}.panel-title{font-size:18px;margin-bottom:15px;display:flex;align-items:center;color:#fff}.panel-title i{width:4px;height:18px;background:#4f84ff;margin-right:8px;border-radius:2px}.events-container{background:rgba(16,36,71,.5);border-radius:8px;padding:15px;overflow-y:auto;border:1px solid rgba(79,132,255,.2);box-shadow:inset 0 0 10px rgba(0,0,0,.2);position:relative}.events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px}.event-card{background:rgba(22,47,89,.8);border-radius:8px;padding:15px;border-left:4px solid #4f84ff;transition:all .3s;box-shadow:0 4px 8px rgba(0,0,0,.2);position:relative;overflow:hidden;color:#fff}.event-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(79,132,255,.1),transparent);z-index:0}.event-card>*{position:relative;z-index:1}.event-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.event-card.ongoing{border-left-color:#00c853}.event-card.finished{opacity:.6;border-left-color:#78909c}.event-card.warning{border-left-color:#ff9800;animation:pulse 2s infinite}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.event-name{font-size:16px;font-weight:700;flex:1}.event-status{padding:4px 10px;border-radius:12px;font-size:12px;margin-left:10px}.status-upcoming{background:rgba(79,132,255,.2);color:#4f84ff}.status-ongoing{background:rgba(0,200,83,.2);color:#00c853}.status-finished{background:rgba(120,144,156,.2);color:#cfd8dc}.event-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.detail-item{display:flex;align-items:center}.detail-icon{width:16px;height:16px;margin-right:8px;color:#4f84ff}.detail-label{font-size:12px;color:#a0b8e2;margin-right:5px}.detail-value{font-size:13px;flex:1}.attendance{margin-top:10px}.attendance-header{display:flex;justify-content:space-between;margin-bottom:5px}.attendance-label{font-size:13px;color:#a0b8e2}.attendance-value{font-size:13px;font-weight:700}.progress-bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width 1s ease-in-out}.progress-high{background:linear-gradient(90deg,#00c853,#64dd17)}.progress-medium{background:linear-gradient(90deg,#ff9800,#ffc107)}.progress-low{background:linear-gradient(90deg,#f44336,#ff7961)}.right-panel{flex:3;display:flex;flex-direction:column;gap:20px}.chart-container{background:rgba(16,36,71,.5);border-radius:8px;padding:15px;border:1px solid rgba(79,132,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.chart-placeholder{width:100%;height:100%;background:rgba(22,47,89,.8);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#a0b8e2;font-size:16px}#attendance-chart,#venue-chart{height:90%}@media (max-width:768px){#attendance-chart,#venue-chart{height:180px}}.alert-container{background:rgba(16,36,71,.5);border-radius:8px;padding:15px;border:1px solid rgba(79,132,255,.2);max-height:200px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.2)}.alert-list{list-style:none}.alert-item{padding:10px;border-left:3px solid #ff9800;background:rgba(255,152,0,.1);margin-bottom:8px;border-radius:4px;font-size:14px;animation:slideIn .5s ease-out}.alert-item.critical{border-left-color:#f44336;background:rgba(244,67,54,.1);animation:alertPulse 2s infinite}.alert-time{font-size:12px;color:#a0b8e2;margin-top:3px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes alertPulse{0%{box-shadow:0 0 0 0 rgba(244,67,54,.4)}70%{box-shadow:0 0 0 10px rgba(244,67,54,0)}to{box-shadow:0 0 0 0 rgba(244,67,54,0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(79,132,255,.5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(79,132,255,.7)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-element{position:absolute;width:4px;height:4px;background:rgba(79,132,255,.5);border-radius:50%;animation:float 15s linear infinite}@keyframes float{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translateX(100px);opacity:0}}.noData{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:50px;margin:0 auto;width:100%}.noDataImg{width:200px}.noDataText{font-size:22px;color:#fff}@media screen and (max-width:768px){.header{padding:0 10px 10px}.noDataImg{width:146px}.noDataText{font-size:16px;color:#fff}.stats{gap:10px;margin:10px 0 20px 0}.stat-card{padding:10px 20px}.dashboard{height:100%}#total-events{font-size:28px;margin:8px 0}.logoImg{width:200px}.logo-area,.logoImg{margin:0 auto}.date-time,.logo-area .title{display:none}.main-content{display:flex;flex-direction:column;height:100%;flex:0 0 auto}.events-container{height:500px;overflow:auto}.h5-time{display:flex;justify-content:center;align-items:center;font-size:13px;color:#4f84ff;padding-top:10px}.timeStr1{margin-left:5px}}@media screen and (min-width:768px){.events-container{flex:1}.h5-time{display:none}}