@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-2deg)}20%{transform:skew(2deg)}30%{transform:skew(-1deg)}40%{transform:skew(1deg)}50%{transform:skew(0)}60%{transform:skew(-1deg)}70%{transform:skew(2deg)}80%{transform:skew(-2deg)}90%{transform:skew(1deg)}to{transform:skew(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #667eea80,0 0 10px #667eea4d,0 0 15px #667eea33}50%{box-shadow:0 0 10px #667eeacc,0 0 20px #667eea80,0 0 30px #667eea4d}}@keyframes scan-line{0%{top:0}to{top:100%}}.glitch-container{position:relative;display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:#0000004d;border:1px solid rgba(102,126,234,.5);border-radius:8px;overflow:hidden}.glitch-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.8),transparent);animation:scan-line 3s linear infinite;opacity:.5}.glitch-text{position:relative;font-weight:600;font-size:14px;color:#0f0;letter-spacing:.5px;animation:glitch 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #ff00de;clip:rect(24px,550px,90px,0);animation:glitch-skew 2s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00de;clip:rect(85px,550px,140px,0);animation:glitch-skew 3s infinite linear alternate-reverse}.status-indicator{position:relative;width:10px;height:10px;background:#0f0;border-radius:50%;animation:pulse-glow 2s infinite}.status-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#0f0;border-radius:50%;animation:pulse-glow 2s infinite}.cyberpunk-badge{position:relative;padding:4px 12px;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.6);border-radius:4px;font-size:11px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:1px;overflow:hidden}.cyberpunk-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.dashboard-header{position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.95}.dashboard-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.dashboard-title{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.title-icon{font-size:28px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.title-text{font-size:20px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-menu-container{position:relative;z-index:1;cursor:pointer;display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:180px}.user-menu-container:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.user-avatar{position:relative;flex-shrink:0}.user-info-section{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.user-name{color:#fff;font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{position:relative;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:10px;text-transform:uppercase;display:inline-block;width:fit-content}.ant-dropdown-menu{min-width:180px!important;padding:8px 0!important;border-radius:8px!important;box-shadow:0 6px 16px #0000001f!important}.ant-dropdown-menu-item{padding:10px 16px!important;font-size:14px!important}.ant-dropdown-menu-item-disabled{opacity:.5!important}.ant-dropdown-menu-item-danger{color:#ff4d4f!important}.ant-dropdown-menu-item-danger:hover{background-color:#fff1f0!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{width:100%;max-width:400px;box-shadow:0 8px 32px #0000001a;border-radius:12px}.login-card .ant-card-head{text-align:center;font-size:24px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.login-card .ant-card-body{padding:32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{width:100%;min-height:100vh}
