/* VOLT EDM — topbar, sidebar, navigation
   Verbatim from index.html (refactor: physical split only, no rule edits). */
.topbar{background:rgba(8,8,26,.85);border-bottom:1px solid rgba(167,139,250,.15);padding:env(safe-area-inset-top,0px) 28px 0;height:calc(62px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:100;backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(124,58,237,.1),0 4px 30px rgba(0,0,0,.5);position:relative}
.topbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),rgba(124,58,237,.6),rgba(167,139,250,.4),transparent);animation:topbarGlow 4s ease-in-out infinite alternate}
.logo{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;color:var(--acc2);display:flex;align-items:center;gap:10px;letter-spacing:.1em;text-shadow:0 0 30px rgba(167,139,250,.7),0 0 60px rgba(124,58,237,.3);cursor:pointer;transition:all .3s}
.logo:hover{text-shadow:0 0 40px rgba(167,139,250,.9),0 0 80px rgba(124,58,237,.5);letter-spacing:.15em}
.logo i{color:var(--acc);font-size:24px;animation:logoPulse 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(124,58,237,.8))}
.nav-links{display:flex;gap:2px}
.nav-l{font-size:13px;color:var(--tx2);padding:7px 16px;border-radius:8px;cursor:pointer;transition:all .25s;border:1px solid transparent;position:relative;overflow:hidden}
.nav-l::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.1),transparent);opacity:0;transition:opacity .25s}
.nav-l:hover{color:var(--tx);background:rgba(124,58,237,.08)}
.nav-l:hover::before{opacity:1}
.nav-l.on{color:var(--acc2);background:var(--acc3);border-color:rgba(167,139,250,.2);text-shadow:0 0 10px rgba(167,139,250,.5)}
.search-box{display:flex;align-items:center;gap:8px;background:rgba(16,16,42,.7);border:1px solid var(--bd);border-radius:24px;padding:8px 18px;transition:all .3s;min-width:220px;backdrop-filter:blur(10px)}
.search-box:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px rgba(124,58,237,.15),0 0 20px rgba(124,58,237,.1)}
.search-box i{font-size:16px;color:var(--tx3);transition:color .2s}
.search-box:focus-within i{color:var(--acc2)}
.search-box input{background:none;border:none;outline:none;color:var(--tx);font-family:'Vazirmatn',sans-serif;font-size:13px;width:100%;direction:rtl}
.search-box input::placeholder{color:var(--tx3)}
.app{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative;z-index:2}
.body{display:flex;flex:1;overflow:hidden}
.sidebar{width:200px;background:rgba(8,8,26,.85);border-left:1px solid rgba(26,26,53,.8);padding:20px 12px;display:flex;flex-direction:column;gap:22px;flex-shrink:0;overflow-y:auto;scrollbar-width:none;backdrop-filter:blur(20px);box-shadow:inset -1px 0 0 rgba(167,139,250,.05)}
.sidebar::-webkit-scrollbar{display:none}
.sb-label{font-size:10px;color:var(--tx3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;padding-right:10px}
.sb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13px;color:var(--tx2);cursor:pointer;transition:all .2s;border:1px solid transparent;position:relative;overflow:hidden}
.sb-item::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(124,58,237,.1),transparent);opacity:0;transition:opacity .2s}
.sb-item:hover{background:rgba(124,58,237,.06);color:var(--tx)}
.sb-item:hover::before{opacity:1}
.sb-item.on{background:rgba(30,10,64,.8);color:var(--acc2);border-color:rgba(167,139,250,.2);text-shadow:0 0 8px rgba(167,139,250,.4)}
.sb-item.on i{filter:drop-shadow(0 0 6px rgba(167,139,250,.6))}
.sb-item i{font-size:18px;transition:all .2s}