@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#05050a;--bg-secondary:#14141e66;--neon-cyan:#00f0ff;--neon-purple:#b000ff;--text-main:#e2e8f0;--text-muted:#94a3b8;--glass-border:#ffffff14;--glass-bg:#0f0f1999;--glass-shadow:0 8px 32px 0 #0000005e;--panel-radius:20px;--accent-gold:gold;--accent-green:#00ff94;--neon-pink:#ff00e5;--bg-grad-1:#00f0ff14;--bg-grad-2:#b000ff1a;--bg-grad-3:#ffd70008;--overlay-bg:linear-gradient(135deg, #05050ad9 0%, #1405284d 100%);--search-bg:#0003;--hover-bg:#ffffff0d;--transparent-panel:#0f0f194d;--audio-bg:#0003}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f0f5ff99;--neon-cyan:#08c;--neon-purple:#8a2be2;--text-main:#1e293b;--text-muted:#64748b;--glass-border:#0000001a;--glass-bg:#ffffffa6;--glass-shadow:0 8px 32px 0 #0000000d;--accent-gold:#daa520;--accent-green:#00a36c;--neon-pink:#d600c2;--bg-grad-1:#0088cc0f;--bg-grad-2:#8a2be214;--bg-grad-3:#daa5200d;--overlay-bg:linear-gradient(135deg, #e6f0ffcc 0%, #fff6 100%);--search-bg:#ffffff80;--hover-bg:#0000000d;--transparent-panel:#fff6;--audio-bg:#ffffff80}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 15% 50%, var(--bg-grad-1), transparent 25%), radial-gradient(circle at 85% 30%, var(--bg-grad-2), transparent 25%), radial-gradient(circle at 50% 10%, var(--bg-grad-3), transparent 20%);min-height:100vh;font-family:Inter,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--glass-shadow)}.glow-fx{transition:all .3s}.glow-fx:hover{box-shadow:0 0 15px var(--neon-cyan);border-color:var(--neon-cyan)}@keyframes holo-glow{0%{border-color:var(--glass-border)}50%{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff1a}to{border-color:var(--glass-border)}}.holo-card{border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.holo-card:after{content:"";background:linear-gradient(45deg, transparent 45%, var(--glass-border) 50%, transparent 55%);pointer-events:none;width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.holo-card:hover:after{left:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple)}:root{--neon-cyan:#00f0ff;--neon-purple:#b000ff;--secondary-purple:#9d4edd;--text-main:#fff;--text-muted:#888;--panel-radius:20px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--panel-radius)}.text-gradient{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{z-index:1;min-height:100vh;color:var(--text-main);display:flex;position:relative}.bg-container{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-image{object-fit:cover;opacity:.55;filter:contrast(1.1)brightness(.8);width:100%;height:100%}.bg-overlay{background:var(--overlay-bg);width:100%;height:100%;position:absolute;top:0;left:0}.app-layout{gap:1.5rem;width:100%;padding:1rem;display:flex}.sidebar{flex-direction:column;width:280px;height:calc(100vh - 2rem);padding:2rem 1.5rem;display:flex;position:sticky;top:1rem}.logo-container{align-items:center;gap:1rem;margin-bottom:3rem;padding-left:.5rem;display:flex}.logo-text{letter-spacing:1px;font-size:1.5rem;font-weight:700}.nav-menu{flex-direction:column;gap:.8rem;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-main);background:var(--hover-bg)}.nav-item.active{color:var(--neon-cyan);box-shadow:inset 3px 0 0 var(--neon-cyan);background:#00f0ff14}.nav-icon{opacity:.8}.main-content{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.header{border-radius:calc(var(--panel-radius) - 5px);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.search-bar{background:var(--search-bg);border:1px solid var(--glass-border);border-radius:8px;align-items:center;gap:.8rem;width:300px;padding:.6rem 1rem;display:flex}.search-icon{color:var(--text-muted)}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit}.search-input::placeholder{color:var(--text-muted)}.header-actions{align-items:center;gap:1.5rem;display:flex}.icon-btn{background:var(--hover-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.badge{background:var(--neon-purple);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.user-profile{border-left:1px solid var(--glass-border);align-items:center;gap:.8rem;padding-left:1.5rem;font-weight:500;display:flex}.avatar{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 0 10px #b000ff66}.dashboard-content{flex-direction:column;gap:1.5rem;display:flex}.welcome-banner{background:linear-gradient(90deg, var(--glass-bg) 0%, var(--bg-grad-1) 100%);justify-content:space-between;align-items:center;padding:2.5rem;display:flex}.banner-text h2{margin-bottom:.5rem;font-size:2rem}.banner-text p{color:var(--text-muted);font-size:1.1rem}.banner-stats{gap:2rem;display:flex}.stat-card{text-align:right;flex-direction:column;gap:.5rem;display:flex}.stat-card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500}.stat-value{font-size:2.5rem;font-weight:700}.grid-panels{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.panel{min-height:250px;padding:1.5rem}.panel h3{color:var(--text-main);border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.2rem}.activity-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.activity-list li{background:var(--hover-bg);border-radius:8px;align-items:center;gap:1rem;padding:.8rem;font-size:.95rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.dot.neon-cyan{color:var(--neon-cyan);background:var(--neon-cyan)}.dot.neon-purple{color:var(--neon-purple);background:var(--neon-purple)}.transparent-panel{background:var(--transparent-panel);-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;overflow:hidden}.visualizer-mock{background:repeating-linear-gradient(0deg,#0000,#0000 20px,#00f0ff08 20px 21px),repeating-linear-gradient(90deg,#0000,#0000 20px,#00f0ff08 20px 21px);border:1px dashed #00f0ff4d;border-radius:10px;width:100%;height:calc(100% - 3rem);position:relative}.scanner-line{background:var(--neon-cyan);width:100%;height:4px;box-shadow:0 0 20px var(--neon-cyan), 0 0 10px #fff;z-index:10;opacity:.8;animation:3s ease-in-out infinite scan;position:absolute;top:0;left:0}.holo-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.holo-card:hover{border-color:var(--neon-cyan);transform:translateY(-5px)scale(1.02);box-shadow:0 10px 30px #00f0ff26}.holo-card:before{content:"";background:linear-gradient(45deg, transparent 0%, var(--bg-grad-1) 45%, var(--glass-border) 50%, var(--bg-grad-2) 55%, transparent 100%);pointer-events:none;width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.holo-card:hover:before{top:100%;left:100%}.ia-tabs{justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.ia-tab{background:var(--hover-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;border-radius:12px;align-items:center;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.ia-tab.active{background:var(--bg-grad-1);border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff33}.audio-player{background:var(--audio-bg);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex}.play-btn{background:var(--neon-cyan);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.play-btn:hover{transform:scale(1.1)}@keyframes scan{0%{opacity:0;top:-10%}20%{opacity:1}80%{opacity:1}to{opacity:0;top:110%}}.mobile-menu-btn{background:var(--hover-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:none}.mobile-overlay{display:none}@media (width<=1024px){.sidebar{width:220px;padding:1.5rem 1rem}.logo-container{margin-bottom:2rem}.nav-item{padding:.8rem 1rem;font-size:.9rem}.search-bar{width:200px}.header-actions{gap:1rem}.user-profile span{display:none}.welcome-banner{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem}.banner-stats{justify-content:flex-start;width:100%}.grid-panels{grid-template-columns:1fr}.stat-value{font-size:2rem}}@media (width<=768px){.app-layout{flex-direction:column;gap:0;padding:0}.mobile-menu-btn{display:flex}.mobile-overlay{z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.sidebar{z-index:999;border-radius:0 var(--panel-radius) var(--panel-radius) 0;width:280px;height:100vh;padding:2rem 1.5rem;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-300px;overflow-y:auto}.sidebar.sidebar-open{left:0}.header{border-radius:0;flex-wrap:wrap;gap:.8rem;height:auto;min-height:60px;padding:.8rem 1rem}.search-bar{flex:1;order:3;width:100%;min-width:0}.header-actions{gap:.8rem;margin-left:auto}.user-profile{padding-left:.8rem}.user-profile span{display:none}.icon-btn{width:36px;height:36px}.main-content{gap:0;padding:0}.main-content>div{padding:.8rem}.welcome-banner{border-radius:16px;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.banner-text h2{font-size:1.4rem}.banner-text p{font-size:.9rem}.banner-stats{justify-content:space-around;width:100%}.stat-value{font-size:1.8rem}.stat-card h4{font-size:.75rem}.grid-panels{grid-template-columns:1fr;gap:1rem}.panel{min-height:180px;padding:1.2rem}.ia-tabs{flex-wrap:wrap;gap:.5rem}.ia-tab{flex:1;justify-content:center;min-width:100px;padding:.6rem 1rem;font-size:.85rem}.audio-player{flex-wrap:wrap;padding:.6rem 1rem}.glass-panel{border-radius:16px}}@media (width<=480px){.header{padding:.6rem .8rem}.search-bar{padding:.5rem .8rem}.welcome-banner{padding:1.2rem}.banner-text h2{font-size:1.2rem}.banner-stats{gap:1rem}.stat-value{font-size:1.5rem}.panel{min-height:150px;padding:1rem}.ia-tab{padding:.5rem .8rem;font-size:.8rem}.activity-list li{padding:.6rem;font-size:.85rem}}