:root{--bg-main:#0b1220;--bg-sidebar:#111827;--bg-card:#1c2533;--accent:#bfa14a;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--success:#16a34a;--error:#dc2626;--warning:#d97706;--radius:8px}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-primary);flex-direction:column;height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.app-separator{background:var(--bg-card);border:none;flex-shrink:0;height:1px;margin:0}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.app-sidebar-wrap{flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.app-sidebar{background:var(--bg-sidebar);flex:1;width:240px;min-width:64px;min-height:0;padding:16px 0;transition:width .2s;overflow-y:auto}.app-sidebar--collapsed{width:64px}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:var(--bg-sidebar)}.app-sidebar::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-sidebar__link{color:var(--text-secondary);border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 20px;font-size:.9375rem;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.app-sidebar__link:hover{color:var(--text-primary)}.app-sidebar__link--active{color:var(--text-primary);border-left-color:var(--accent)}.app-main{min-width:0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--bg-main);flex:1;min-height:0;overflow:hidden auto}@media (max-width:768px){.app-main{padding:12px 12px calc(20px + env(safe-area-inset-bottom,0px))}}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-track{background:var(--bg-sidebar)}.app-main::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}.app-main::-webkit-scrollbar-thumb:hover{background:var(--accent)}