*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2,#6ca5e1,#91b3cf);min-height:100vh;padding:40px 20px;position:relative}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(173,216,230,.2) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(135,206,235,.15) 0%,transparent 50%);animation:aurora 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes aurora{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.9)}}.container{max-width:1200px;margin:0 auto}h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:40px;text-shadow:0 0 20px rgba(255,255,255,.3);font-weight:300}a{color:#aebff2;text-decoration:none;font-weight:700}.footer{display:flex;flex-direction:row;justify-content:center;align-items:center}.footer>*{margin:0 8px}.footer a{color:#536392}.panel-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}.panel{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:25px;backdrop-filter:blur(15px);box-shadow:0 4px 16px #0003,inset 0 1px #fff3;transition:all .3s ease}.panel:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff4d}.panel-header{display:flex;align-items:center;margin-bottom:20px;color:#fff;font-size:1.2rem;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3)}.panel-icon{font-size:1.5rem;margin-right:12px}.panel-content{color:#e0e0e0;line-height:1.6;font-size:13.5px}.panel-content p{margin-bottom:15px}.panel-content ul{margin-left:20px;margin-bottom:15px}.panel-content li{margin-bottom:8px}.panel.info{background:linear-gradient(135deg,#4a90e226,#4a90e214);border:1px solid rgba(74,144,226,.3)}.panel.warning{background:linear-gradient(135deg,#ffc10726,#ffc10714);border:1px solid rgba(255,193,7,.3)}.panel.success{background:linear-gradient(135deg,#28a74526,#28a74514);border:1px solid rgba(40,167,69,.3)}.panel.error{background:linear-gradient(135deg,#dc354526,#dc354514);border:1px solid rgba(220,53,69,.3)}.panel.elevated{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0006,inset 0 1px #fff6}.panel.glass{background:linear-gradient(135deg,#ffffff1a,#ffffff08);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.panel.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.panel.glass:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:glass-sweep 4s ease-in-out infinite}@keyframes glass-sweep{0%{left:-100%}to{left:100%}}.panel-stats{display:flex;justify-content:space-around;margin-top:15px;padding-top:15px}.panel-stats.start{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:600;color:#fff;display:block;margin-bottom:5px}.stat-label{font-size:12px;color:#f2f2f2;text-transform:uppercase;letter-spacing:.5px}.btn{background:linear-gradient(180deg,#ffffff4d,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 16px;font-size:12px;border-radius:3px;cursor:pointer;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff80;transition:all .2s ease;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:Segoe UI,sans-serif;font-weight:400;margin-top:15px}.btn:hover{background:linear-gradient(180deg,#fff6,#ffffff26,#ffffff14);box-shadow:0 2px 12px #0006,inset 0 1px #fff9}.full-width-panel{grid-column:1 / -1;margin-top:20px}.chart-placeholder{width:100%;height:120px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px;margin-top:15px}@media (max-width: 768px){.panel-stats{flex-direction:column;gap:15px}}