@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;700&display=swap";:root{--primary: #dc965a;--primary-hover: #e8aa72;--secondary: #c8c8c8;--bg-dark: #161415;--bg-card: #1e1c1f;--bg-input: #242325;--text-gold: #dc965a;--text-body: #bbb891;--border-gold: #3a3335;--border-blue: #2a2830;font-family:Rajdhani,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 20% 30%,rgba(220,150,90,.07) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(187,184,145,.04) 0%,transparent 50%),linear-gradient(160deg,#1a1618,#161415,#131214);overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 2L54 17v30L28 62 2 47V17z' fill='none' stroke='rgba(187,184,145,0.045)' stroke-width='1'/%3E%3Cpath d='M28 52L54 67v30L28 112 2 97V67z' fill='none' stroke='rgba(187,184,145,0.045)' stroke-width='1'/%3E%3Cpath d='M-28 2L-2 17v30L-28 62l-26-15V17z' fill='none' stroke='rgba(187,184,145,0.045)' stroke-width='1'/%3E%3Cpath d='M84 2L110 17v30L84 62 58 47V17z' fill='none' stroke='rgba(187,184,145,0.045)' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 100px;pointer-events:none;z-index:0;animation:hexDrift 60s linear infinite}@keyframes hexDrift{0%{background-position:0 0}to{background-position:56px 100px}}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.layout-wrapper{display:flex;width:100vw;height:100vh;gap:0;padding:0;background:transparent}.sidebar{flex:0 0 350px;height:100vh;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border-gold);background:#141213fa;box-shadow:10px 0 50px #00000080,2px 0 #3a3335cc;z-index:10}.main-app-window{flex:1;height:100vh;display:flex;flex-direction:column;position:relative;background:transparent;overflow:hidden}@media(max-width:900px){.sidebar{display:none}}.glass{background:#1c181ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(187,184,145,.1)}.gold-border{border:1px solid var(--border-gold);box-shadow:0 0 14px #0006}.button-primary{background:linear-gradient(180deg,#2c2426,#1a1618);border:1px solid var(--border-gold);color:var(--text-gold);padding:12px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .25s ease;font-weight:700;font-family:Rajdhani,sans-serif;position:relative;overflow:hidden}.button-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#508cff00,#508cff12);opacity:0;transition:opacity .25s ease}.button-primary:hover:before{opacity:1}.button-primary:hover{background:linear-gradient(180deg,#4a3020,#2e1e10);color:#f0dcc8;box-shadow:0 0 20px #dc965a4d,0 0 40px #dc965a14;border-color:#dc965a}input{background:var(--bg-input);border:1px solid var(--border-gold);color:#f0e6d2;padding:12px;width:100%;box-sizing:border-box;outline:none;font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:.5px}input:focus{border-color:var(--secondary);box-shadow:0 0 8px #00cfee66,inset 0 0 4px #00cfee0d}input::placeholder{color:#a09b8c66}.navbar{display:flex;justify-content:center;align-items:center;gap:3rem;height:80px;background:#0f0d0efa;border-top:1px solid var(--border-gold);position:relative}.navbar:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,#dc965a,transparent)}.navbar button{background:transparent;border:none;color:var(--text-body);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;padding:10px 30px;opacity:.5;outline:none;font-family:Rajdhani,sans-serif}.navbar button:hover{color:#fff;opacity:1}.navbar button.active{color:var(--primary);opacity:1;border-bottom:2px solid #dc965a;background:linear-gradient(to top,rgba(220,150,90,.1),transparent)}.navbar button span{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.badge{position:absolute;top:-8px;right:15px;background:#ff4e50;color:#fff;font-size:10px;padding:2px 7px;border-radius:20px;font-weight:700;border:1px solid var(--bg-dark);box-shadow:0 0 10px #ff4e5080}h1,h2,h3{font-family:Cinzel,Georgia,serif;letter-spacing:.05em}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes scanLine{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #c8aa6e33}50%{box-shadow:0 0 25px #c8aa6e80}}@keyframes borderGlow{0%,to{border-color:#c8aa6e4d}50%{border-color:#c8aa6ecc}}.pulse{animation:pulse 2.5s ease-in-out infinite}.scanner-animation{animation:pulse 1.5s ease-in-out infinite}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:10px}.login-bg-wrapper{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-bg-wrapper:before{content:"";position:absolute;inset:0;background-image:url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Lux_0.jpg);background-size:cover;background-position:center top;opacity:.08;filter:blur(2px) saturate(.5);z-index:0;transform:scale(1.05)}.login-bg-wrapper:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,207,238,.04) 0%,transparent 70%),linear-gradient(180deg,#010a1399,#0914284d,#010a13cc);z-index:1}.login-content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center}.sidebar-deco-line{height:1px;background:linear-gradient(90deg,transparent,var(--border-gold),transparent);margin:0}:root{--primary: #dc965a;--secondary: #c8c8c8;--bg-dark: #161415;--bg-card: #1e1c1f;--border-gold: rgba(187, 184, 145, .25);--text-body: #bbb891;--hex-gradient: linear-gradient(135deg, #dc965a, #8a5c30)}body{margin:0;padding:0;background-color:var(--bg-dark);color:#fff;font-family:Beaufort,sans-serif}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden}.glass{background:#1c181ac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gold-border{border:1px solid var(--border-gold)}.hex-card{background:#1c181ad9;border:1px solid var(--border-gold);border-radius:12px;box-shadow:0 4px 20px #00000080;transition:all .3s ease}.hex-card:hover{border-color:#dc965a;box-shadow:0 0 18px #dc965a33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#3a3335;border-radius:10px}