:root{--bg: #050816;--bg-elevated: #0b1020;--bg-elevated-soft: #11172a;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .12);--text: #e5e7eb;--text-muted: #9ca3af;--border-subtle: rgba(148, 163, 184, .2)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text)}.app-root{display:flex;min-height:100vh;background:radial-gradient(circle at top,#1e293b 0,#020617 50%)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to right,#020617,#020617ee);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.25rem}.app-content{padding:1rem 1.25rem 4.5rem}.sidebar{width:230px;padding:1.2rem 1rem;border-right:1px solid var(--border-subtle);background:radial-gradient(circle at top,#111827 0,#020617 55%);display:flex;flex-direction:column;gap:1rem}.sidebar-logo{font-weight:600;font-size:1.05rem;padding:.6rem .9rem;border-radius:999px;background:#0f172ae6;border:1px solid var(--border-subtle)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:block;padding:.6rem .9rem;border-radius:.75rem;color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:background .15s,color .15s,transform .1s}.sidebar-link:hover{background:#0f172acc;color:var(--text);transform:translate(1px)}.sidebar-link-active{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(34,197,94,.5)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:3.5rem;border-top:1px solid var(--border-subtle);background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:space-around;z-index:20}.bottom-nav-item{flex:1;text-align:center;text-decoration:none;color:var(--text-muted);font-size:.8rem;padding-top:.1rem}.bottom-nav-item-active{color:var(--accent)}@media(max-width:768px){.sidebar{display:none}.bottom-nav{display:flex}.app-content{padding-bottom:4.5rem}.app-root{flex-direction:column}}@media(min-width:769px){.bottom-nav{display:none}}