#app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffd70080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .3s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,#e63946,#9b1b30);color:#fff}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e6394666}.btn.btn-gold{background:linear-gradient(135deg,gold,#fa0);color:#1a0a0a}.btn.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.btn.btn-danger{background:linear-gradient(135deg,#f44,#c00);color:#fff}.btn.btn-danger:hover:not(:disabled){transform:translateY(-2px)}.btn.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.btn.btn-outline:hover:not(:disabled){border-color:#ffffff80;background:#ffffff1a}.btn.btn-glow{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 4px 15px #ffd7004d}50%{box-shadow:0 4px 30px #ffd70099}}.panel{background:#280f0fe6;border-radius:16px;border:1px solid rgba(255,215,0,.15);box-shadow:0 10px 40px #0006;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(to right,#9a1b3080,#280f0f80);border-bottom:1px solid rgba(255,215,0,.1)}.panel-header .panel-icon{font-size:20px}.panel-header h2{font-size:16px;font-weight:600;margin:0;flex:1;color:gold}.panel-body{padding:16px 20px}