:root{--color-bg: #030509;--color-primary: #d4af37;--color-primary-light: #f4cf57;--color-secondary: #1a1e2e;--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--color-accent: #8a2be2;--color-indigo: #4b0082;--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, .8);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--color-turquoise: hsl(174, 100%, 50%);--color-magenta: hsl(300, 100%, 50%);--color-yellow: hsl(60, 100%, 50%);--color-orange: hsl(30, 100%, 50%);--color-blue: hsl(210, 100%, 50%);--color-green: hsl(120, 100%, 50%);--color-purple: hsl(270, 100%, 50%);--spring: cubic-bezier(.34, 1.56, .64, 1);--smooth: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);color:#fff;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button{cursor:pointer;border:none;outline:none;background:none;font-family:var(--font-main)}.container{max-width:1240px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.5rem}}.dashboard-wrapper{position:relative;min-height:100vh;overflow:hidden;padding:2rem;display:flex;justify-content:center;align-items:center;background-color:#030509}@media (max-width: 768px){.dashboard-wrapper{padding:1rem;display:block;overflow-y:auto}}.cosmic-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(circle at center,#0a0a1a 0%,#020205 100%)}.db-nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:db-float 20s infinite alternate ease-in-out}.db-nebula-1{width:60vw;height:60vw;background:var(--color-turquoise);top:-20%;left:-10%;animation-delay:0s}.db-nebula-2{width:50vw;height:50vw;background:var(--color-magenta);bottom:-10%;right:-10%;animation-delay:-5s}.db-nebula-3{width:40vw;height:40vw;background:var(--color-yellow);top:30%;left:40%;opacity:.3;animation-delay:-10s}.db-planet{position:absolute;border-radius:50%;box-shadow:inset -20px -20px 40px #000c,0 0 20px #fff3;animation:db-orbit 40s linear infinite}.db-planet-orange{width:120px;height:120px;background:radial-gradient(circle at 30% 30%,var(--color-yellow),var(--color-orange),#300);top:15%;right:15%}.db-planet-blue{width:200px;height:200px;background:radial-gradient(circle at 30% 30%,var(--color-turquoise),var(--color-blue),#003);bottom:20%;left:10%;animation-duration:60s;animation-direction:reverse}.db-planet-green{width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#aff,var(--color-green),#030);top:40%;right:30%;animation-duration:30s}.db-planet-purple{width:150px;height:150px;background:radial-gradient(circle at 30% 30%,#faf,var(--color-purple),#202);top:60%;left:40%;opacity:.8;filter:blur(2px);animation-duration:50s}@keyframes db-float{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}@keyframes db-orbit{0%{transform:rotate(0) translate(30px) rotate(0)}to{transform:rotate(360deg) translate(30px) rotate(-360deg)}}.db-stars-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 30% 40%,#fff,transparent),radial-gradient(2px 2px at 80% 20%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 60% 80%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 90%,#fff,transparent);background-size:200px 200px;opacity:.5;animation:db-stars-float 100s linear infinite}@keyframes db-stars-float{0%{transform:translateY(0)}to{transform:translateY(-300px)}}.dashboard-container{position:relative;z-index:10;width:100%;max-width:1200px;perspective:1200px;display:flex;flex-direction:column;gap:2rem;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-radius:20px;background:rgba(15,15,30,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.logo-area{display:flex;align-items:center;gap:1rem}.logo-area h2{margin:0;font-size:1.8rem;font-weight:800;color:#fff;font-family:var(--font-serif)}.logo-area span{color:var(--color-turquoise);font-family:var(--font-main)}.user-profile{display:flex;align-items:center;gap:1rem;font-weight:600;color:#fff}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-magenta),var(--color-purple));display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700}.db-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"hero hero stats stats" "chart chart feed feed";gap:1.5rem}@media (max-width: 1024px){.db-bento-grid{grid-template-areas:"hero hero" "stats stats" "chart chart" "feed feed"}}@media (max-width: 768px){.db-bento-grid{grid-template-columns:1fr;grid-template-areas:"hero" "stats" "chart" "feed"}}.bento-item{border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transform-style:preserve-3d;transition:transform .6s var(--spring),box-shadow .4s var(--smooth);backface-visibility:hidden}.q-hero{grid-area:hero}.q-stats{grid-area:stats}.q-chart{grid-area:chart}.q-feed{grid-area:feed}.db-glass-card{background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff1a}.db-dark-glass{background:linear-gradient(135deg,rgba(15,15,35,.6),rgba(30,20,60,.4));backdrop-filter:blur(24px) saturate(200%) brightness(.8);-webkit-backdrop-filter:blur(24px) saturate(200%) brightness(.8);border:1px solid rgba(120,80,255,.12);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d}.db-glass-gradient-border{position:relative;background:rgba(10,10,30,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-clip:padding-box;border:2px solid transparent}.db-glass-gradient-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,rgba(120,80,255,.5),rgba(0,200,255,.5),transparent)}.db-neumorph-card{background:rgba(20,20,40,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:8px 8px 16px #0006,-8px -8px 16px #32325026;border:1px solid rgba(255,255,255,.06)}.glass-content{display:flex;flex-direction:column;gap:1.5rem;height:100%}.card-hover:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #00000080;z-index:20}@media (max-width: 768px){.card-hover:hover{transform:none}}.card-header{display:flex;align-items:center;gap:1rem}.card-header h3{margin:0;font-size:1.4rem;font-weight:700;color:#fff;font-family:var(--font-serif)}.icon-glow{color:var(--color-turquoise);filter:drop-shadow(0 0 8px var(--color-turquoise))}.icon-gold{color:var(--color-yellow);filter:drop-shadow(0 0 8px var(--color-yellow))}.icon-blue{color:var(--color-blue);filter:drop-shadow(0 0 8px var(--color-blue))}.icon-magenta{color:var(--color-magenta);filter:drop-shadow(0 0 8px var(--color-magenta))}.icon-yellow{color:var(--color-yellow);filter:drop-shadow(0 0 8px var(--color-yellow))}.carta-content{display:flex;flex-wrap:wrap;gap:1rem}.sign-badge{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:100px;font-weight:600;font-size:1rem;color:#fff}.sign-badge span{color:var(--color-yellow);font-size:.8rem;text-transform:uppercase}.energy-ring-container{margin-top:auto;display:flex;justify-content:center;align-items:center;height:160px}.energy-ring{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--color-turquoise) 0%,var(--color-magenta) 98%,transparent 100%);display:flex;justify-content:center;align-items:center;position:relative;animation:db-spin 10s linear infinite}.ring-inner{width:130px;height:130px;border-radius:50%;background:#0f0f1e;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:db-spin 10s linear infinite reverse}.ring-value{font-size:2.5rem;font-weight:800;color:#fff;font-family:var(--font-main)}.ring-label{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}@keyframes db-spin{to{transform:rotate(360deg)}}.transit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.transit-list li{display:flex;align-items:center;gap:1rem;background:rgba(0,0,0,.2);padding:1rem;border-radius:16px}.transit-icon{width:40px;height:40px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;background:rgba(255,255,255,.1);flex-shrink:0}.transit-icon.orange{color:var(--color-orange)}.transit-icon.purple{color:var(--color-purple)}.transit-icon.magenta{color:var(--color-magenta)}.transit-info h4{margin:0 0 .2rem;font-size:1.1rem;color:#fff;font-family:var(--font-main)}.transit-info p{margin:0;font-size:.9rem;color:#aaa}.cosmic-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding-top:2rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%;justify-content:flex-end}.bar{width:40px;background:linear-gradient(to top,transparent,var(--bar-color));border-radius:8px 8px 0 0;border:1px solid var(--bar-color);border-bottom:none;box-shadow:0 0 20px var(--bar-color);transition:height 1s var(--spring)}@media (max-width: 480px){.bar{width:30px}}.bar-group span{font-size:.8rem;color:#ccc}.feed-content{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:space-between}.feed-text{font-size:1.1rem;line-height:1.8;color:#ddd;font-family:var(--font-main)}.db-btn-primary{background:linear-gradient(135deg,var(--color-turquoise),var(--color-blue));color:#fff!important;padding:1rem 2rem;border-radius:100px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 8px 20px #00c8ff33;margin-top:1rem;border:none;cursor:pointer;font-family:var(--font-main)}.db-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00c8ff66;filter:brightness(1.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}