@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&family=Cairo:wght@400;600;800&display=swap";:root{--os-bg: #030508;--os-panel: rgba(10, 15, 25, .6);--os-panel-border: rgba(0, 255, 204, .2);--os-accent: #00ffcc;--os-accent-dim: rgba(0, 255, 204, .4);--os-secondary: #ff0055;--os-text: #e0fbfc;--os-text-dim: #8d99ae;--glow-accent: 0 0 10px rgba(0, 255, 204, .5), 0 0 20px rgba(0, 255, 204, .3)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--os-bg);color:var(--os-text);font-family:Cairo,sans-serif;overflow:hidden;height:100vh;width:100vw;-webkit-user-select:none;user-select:none}.mono{font-family:Fira Code,monospace;direction:ltr}.dashboard-container{display:flex;height:100vh;width:100vw;position:relative;z-index:10;padding:20px;gap:20px}.os-sidebar{width:300px;background:var(--os-panel);border:1px solid var(--os-panel-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 30px #000c}.os-header{padding:30px 20px;border-bottom:1px solid var(--os-panel-border);text-align:center}.os-profile-img{width:100px;height:100px;border-radius:50%;border:2px solid var(--os-accent);box-shadow:var(--glow-accent);margin:0 auto 15px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.os-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:5px}.os-nav-btn{background:transparent;border:none;border-right:3px solid transparent;color:var(--os-text-dim);padding:15px 20px;text-align:right;font-size:1.1rem;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px}.os-nav-btn:hover{background:#00ffcc0d;color:var(--os-text);padding-right:25px}.os-nav-btn.active{background:#00ffcc1a;color:var(--os-accent);border-right-color:var(--os-accent);box-shadow:inset -5px 0 10px #00ffcc1a}.os-main{flex:1;background:var(--os-panel);border:1px solid var(--os-panel-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column}.os-topbar{height:50px;border-bottom:1px solid var(--os-panel-border);display:flex;align-items:center;padding:0 20px;font-family:Fira Code,monospace;font-size:.85rem;color:var(--os-accent);letter-spacing:1px}.os-content-area{flex:1;padding:40px;overflow-y:auto}.os-content-area::-webkit-scrollbar{width:6px}.os-content-area::-webkit-scrollbar-track{background:#0003}.os-content-area::-webkit-scrollbar-thumb{background:var(--os-accent-dim);border-radius:3px}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:100;opacity:.4}.scanline{width:100%;height:100px;background:linear-gradient(0deg,transparent,rgba(0,255,204,.1),transparent);position:fixed;top:-100px;left:0;z-index:99;pointer-events:none;animation:scanline 8s linear infinite}@keyframes scanline{0%{top:-100px}to{top:100vh}}@keyframes glitch{0%,92%,to{clip-path:none;transform:none;text-shadow:none}93%{clip-path:inset(20% 0 60% 0);transform:translate(-3px);text-shadow:2px 0 #ff0055}95%{clip-path:inset(60% 0 10% 0);transform:translate(3px);text-shadow:-2px 0 #00ffcc}97%{clip-path:inset(40% 0 30% 0);transform:translate(-2px) skew(-5deg)}99%{clip-path:none;transform:skew(2deg)}}.glitch-text{animation:glitch 5s infinite;position:relative}.os-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative;overflow:hidden}.os-card:hover{border-color:var(--os-accent-dim);transform:translateY(-2px);box-shadow:0 5px 15px #00000080}.os-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--os-accent);opacity:0;transition:opacity .3s}.os-card:hover:before{opacity:1}.os-badge{background:#00ffcc1a;color:var(--os-accent);border:1px solid var(--os-accent-dim);padding:4px 10px;border-radius:4px;font-family:Fira Code,monospace;font-size:.8rem;display:inline-block;margin:5px}.module-title{font-size:2.5rem;color:var(--os-accent);margin-bottom:10px}.module-subtitle{font-size:1.1rem;color:var(--os-text-dim)}.profile-pic-wrap .profile-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;border-radius:50%;overflow:hidden}.profile-pic-wrap:hover .profile-scan-overlay{opacity:1}.profile-scan-line{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#00ffcc,transparent);box-shadow:0 0 8px #0fc;animation:scanDown 1.2s linear infinite}.profile-scan-label{position:relative;z-index:2;font-family:Fira Code,monospace;font-size:.6rem;color:#0fc;letter-spacing:2px;margin-top:50%}@keyframes scanDown{0%{top:0}to{top:100%}}@keyframes blink{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.hide-on-mobile{display:flex}.show-on-mobile{display:none!important}.mobile-sticky-nav{position:sticky;top:0;z-index:50;background:#0a0f19f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--os-panel-border);overflow-x:auto}@media (max-width: 768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}body{overflow:hidden;height:100dvh}.dashboard-container{flex-direction:column;padding:0;gap:0;height:100dvh;border-radius:0}.os-sidebar{display:none!important}.os-main{flex:1;height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column;overflow:hidden}.os-nav-btn{border-right:none;border-bottom:3px solid transparent;text-align:center;padding:10px 12px;font-size:.88rem;white-space:nowrap;gap:6px}.os-nav-btn:hover{padding-right:12px}.os-nav-btn.active{border-right-color:transparent;border-bottom-color:var(--os-accent);box-shadow:inset 0 -5px 10px #00ffcc1a}.os-content-area{flex:1;padding:16px;overflow-y:auto;min-height:0}.module-title{font-size:1.4rem}.module-subtitle{font-size:.85rem}.os-card{padding:14px}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}