*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#1a1a1a}.nav{display:flex;align-items:center;padding:0 24px;height:52px;background:#1a1a1a;color:#fff;gap:12px;position:sticky;top:0;z-index:10}.nav-brand{font-weight:700;font-size:15px;letter-spacing:.04em;flex-shrink:0}.nav-search{flex:1;max-width:260px}.nav-search-input{width:100%;padding:6px 12px;border-radius:6px;border:1px solid #333;background:#2a2a2a;color:#fff;font-size:13px;font-family:inherit;outline:none}.nav-search-input::placeholder{color:#666}.nav-search-input:focus{border-color:#555;background:#333}.nav-links{display:flex;gap:4px;margin-left:auto}.nav-link{background:none;border:none;color:#aaa;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;font-family:inherit}.nav-link.active{color:#fff;background:#ffffff1a}.nav-logout{background:none;border:1px solid #444;color:#aaa;font-size:13px;cursor:pointer;padding:5px 12px;border-radius:6px;font-family:inherit;flex-shrink:0}@media (max-width: 600px){.nav{flex-wrap:wrap;height:auto;padding:10px 16px 0;gap:0}.nav-brand{order:1;flex:1;padding-bottom:10px}.nav-logout{order:2;padding-bottom:10px}.nav-search{display:none}.nav-links{order:3;margin-left:0;width:100%;border-top:1px solid #2e2e2e;padding:4px 0;justify-content:space-around}.nav-link{font-size:12px;padding:6px 8px;flex:1;text-align:center}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}