@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main:#05070a;--bg-card:#0e1219b3;--bg-sidebar:#0a0d14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-gold:#d4af37;--accent-silver:silver;--accent-blue:#3b82f6;--accent-red:#ef4444;--accent-green:#10b981;--border-color:#c0c0c01a;--glass-bg:#0e1219cc;--glass-shadow:0 10px 40px #0006;--glass-border:1px solid #c0c0c026;--link-color:#d4af37;--hover-link:#f1d35a}:root[data-theme=light]{--bg-main:#f4efe6;--bg-card:#ffffffd9;--bg-sidebar:#eae0d0;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--accent-gold:#b48a1c;--accent-silver:#71717a;--accent-blue:#0284c7;--accent-red:#dc2626;--accent-green:#059669;--border-color:#b48a1c33;--glass-bg:#ffffffe6;--glass-shadow:0 12px 50px #b48a1c26;--glass-border:1px solid #b48a1c40;--link-color:#b48a1c;--hover-link:#8d6b15}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s;overflow-x:hidden}p{line-height:1.6}a{color:var(--link-color);text-decoration:none;transition:all .2s}a:hover{color:var(--hover-link)}@keyframes fadeInFloat{0%{opacity:0;filter:blur(8px);transform:translateY(25px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes waterFloat{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-5px)rotate(.5deg)}66%{transform:translateY(3px)rotate(-.5deg)}to{transform:translateY(0)rotate(0)}}.animate-fade{animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInFloat}.float-effect{animation:6s ease-in-out infinite waterFloat}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(150%);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1);overflow:hidden}.glass-panel:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 15px 50px #00000080}:root[data-theme=light] .glass-panel:hover{box-shadow:0 20px 60px #b48a1c40}.source-link{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold);border:1px solid var(--border-color);background:#d4af3714;border-radius:6px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;transition:all .25s;display:inline-flex}.source-link:hover{background:var(--accent-gold);color:#fff;transform:translateY(-1px)}.text-gold{color:var(--accent-gold)}.text-silver{color:var(--accent-silver)}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700}.badge.safe{color:var(--accent-green);background:#10b9811f;border:1px solid #10b98133}.badge.warn{color:var(--accent-gold);background:#d4af371f;border:1px solid #d4af3733}.badge.danger{color:var(--accent-red);background:#ef44441f;border:1px solid #ef444433}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:250px;height:100vh;display:flex}.logo-section{padding:2.5rem 1.5rem}.logo{letter-spacing:-.02em;align-items:center;gap:.25rem;font-size:1.35rem;font-weight:800;display:flex}.logo-code{color:var(--text-primary)}.logo-nine{color:var(--accent-gold);background:#d4af371a;border-radius:4px;padding:0 .4rem}.nav-menu{flex-direction:column;flex:1;gap:.35rem;padding:0 1rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0a;transform:translate(4px)}:root[data-theme=light] .nav-item:hover{background:#0000000a}.nav-item.active{background:var(--accent-gold);color:#fff;box-shadow:0 8px 20px #b48a1c26}.nav-item.active .nav-icon{color:#fff}.nav-icon{color:var(--text-muted);transition:color .3s}.sidebar-footer{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-top:1px solid var(--border-color);opacity:.8;padding:1.5rem;font-size:.65rem;font-weight:700}.ripple-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ripple{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.ripple-outer{border:2px solid var(--accent-gold);width:2px;height:2px;box-shadow:0 0 15px var(--accent-gold), inset 0 0 10px var(--accent-gold);opacity:.6;background:0 0;animation:1s cubic-bezier(.1,.4,.2,1) forwards ripple-spread}.ripple-inner{background:var(--accent-gold);width:10px;height:10px;box-shadow:0 0 20px 5px var(--accent-gold);opacity:.8;animation:.6s cubic-bezier(.1,.4,.2,1) forwards droplet-fade}.ripple-wave{opacity:.4;border:1px solid #d4af374d;width:1px;height:1px;animation:1.2s cubic-bezier(0,.5,.5,1) .1s forwards ripple-spread}@keyframes ripple-spread{0%{opacity:.8;border-width:4px;width:0;height:0;transform:translate(-50%,-50%)scale(0)}to{opacity:0;border-width:1px;width:300px;height:300px;transform:translate(-50%,-50%)scale(1)}}@keyframes droplet-fade{0%{opacity:.9;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.app-container{background-color:var(--bg-main);width:100vw;min-height:100vh;transition:all .3s;display:flex}.main-content{flex:1;height:100vh;padding:2rem 3rem;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header h1{letter-spacing:-.02em;font-size:2rem;font-weight:700}.header-actions{align-items:center;gap:1.5rem;display:flex}.theme-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--border-color);transform:scale(1.05)}.live-indicator{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.pulse{background-color:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulsing}@keyframes pulsing{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.source-link{color:var(--link-color);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#d4af371a;border-radius:4px;align-items:center;gap:.25rem;margin-top:.5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.source-link:hover{background:var(--link-color);color:#fff}.page-transition{will-change:opacity, transform, filter;animation:.8s cubic-bezier(.2,.8,.2,1) forwards pageWaterIn}@keyframes pageWaterIn{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}