:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;--bg-primary: #0f0f0f;--bg-secondary: #0f0f0f;--bg-hover: #272727;--bg-elevated: #282828;--text-primary: #f1f1f1;--text-secondary: #aaaaaa;--accent-color: #ff0000;--border-color: #3f3f3f;--header-height: 56px;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 72px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}a{font-weight:500;color:var(--text-primary);text-decoration:none}a:hover{color:var(--text-primary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#272727;cursor:pointer;transition:border-color .25s}button:hover{background-color:#3f3f3f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#717171;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.app-container{display:flex;flex-direction:column;height:100vh}.navbar{height:var(--header-height);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--border-color)}.nav-left{display:flex;align-items:center;gap:16px}.logo{font-size:1.2rem;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:4px}.logo-icon{color:var(--accent-color)}.nav-center{flex:1;max-width:600px;display:flex;justify-content:center}.search-bar{display:flex;width:100%}.search-input{width:100%;background-color:#121212;border:1px solid var(--border-color);border-right:none;padding:8px 16px;border-radius:40px 0 0 40px;color:var(--text-primary);font-size:16px}.search-input:focus{border-color:#1c62b9;outline:none}.search-btn{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:0 40px 40px 0;padding:0 20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-right{display:flex;align-items:center;gap:12px}.icon-btn{background:none;border:none;color:var(--text-primary);padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--bg-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#555;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.auth-btn{border:1px solid var(--border-color);color:#3ea6ff;border-radius:18px;padding:8px 16px;display:flex;align-items:center;gap:8px;background:transparent}.auth-btn:hover{background-color:#263850;border-color:transparent}.sidebar{width:var(--sidebar-width-expanded);background-color:var(--bg-primary);position:fixed;left:0;top:var(--header-height);bottom:0;overflow-y:auto;padding:12px;z-index:900;transition:transform .3s ease;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.nav-item{display:flex;align-items:center;gap:24px;padding:10px 12px;border-radius:10px;color:var(--text-primary);margin-bottom:4px;font-size:.9rem}.nav-item:hover{background-color:var(--bg-hover)}.nav-item.active{background-color:var(--bg-hover);font-weight:600}.nav-item-icon{width:24px;display:flex;justify-content:center}.main-content{margin-top:var(--header-height);margin-left:var(--sidebar-width-expanded);padding:24px;flex:1;transition:margin-left .3s ease}.main-content.collapsed{margin-left:0}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}}